:where(#ac-site) .collection_detail_default .collection_img{
    width: 100%;
    height: 400px;
  }:where(#ac-site) .collection_detail_default .collection_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }:where(#ac-site) .collection_detail_default .collection_detail{
    margin-bottom: 20px;
    text-align: center;
  }:where(#ac-site) .collection_detail_default .collection_detail.hide_more{
    max-height: var(--more-height);
    overflow: hidden;
  }:where(#ac-site) .collection_detail_default .show_more_description{
    text-align: center;
  }:where(#ac-site) .collection_detail_default .show_more_description span{
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
  }:where(#ac-site) .collection_detail_default .show_more_description svg{
    transition: transform 0.18s ease;
  }:where(#ac-site) .collection_detail_default .show_more_description .show_more svg{
    transform: rotate(180deg);
  }:where(#ac-site) .collection_detail_default .collection_bom_detail{
    text-align: center;
  }:where(#ac-site) .collection_detail_default .collection_bom_detail.hide_more{
    max-height: var(--more-height);
  }:where(#ac-site) .collection_detail_default .show_more_description_bottom span{
    margin-bottom: 0;
    margin-top: 20px;
  }:where(#ac-site) .collection_detail_default .collection_top_bar{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
  }:where(#ac-site) .collection_detail_default .sort_by{
    align-items: center;
  }:where(#ac-site) .collection_detail_default .sort_by span{
    margin-right: 15px;
  }:where(#ac-site) .collection_detail_default .sort_by select{
    height: 40px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
  }:where(#ac-site) .collection_detail_default .collection_content ul{
    display: grid;
    grid-row-gap: 30px;
    grid-column-gap: 40px;
    grid-template-columns: repeat(var(--web_column), minmax(50px, 1fr));
  }:where(#ac-site) .collection_detail_default .collection_content li{
    list-style-type: none;
    text-align: center;
  }:where(#ac-site) .collection_detail_default .collection_content .product_pic{
    margin-bottom: 30px;
    position: relative;
  }:where(#ac-site) .collection_detail_default .collection_content .soldout{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 14px;
  }:where(#ac-site) .collection_detail_default .collection_content .product_pic .product_img{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
  }:where(#ac-site) .collection_detail_default .collection_content .product_pic img{
    max-width: 100%;
  }:where(#ac-site) .collection_detail_default .collection_content .block_product_name{
    margin-bottom: 10px;
    line-height: 1.5;
  }:where(#ac-site) .collection_detail_default .collection_content .product_price{
    font-weight: bold;
  }:where(#ac-site) .collection_detail_default .collection_content .product_oldprice{
    color: #888;
    text-decoration: line-through;
    margin-left: 5px;
    font-weight: normal;
  }@media  (max-width: 768px) {:where(#ac-site) .collection_detail_default .collection_content ul{
      grid-template-columns: repeat(3, 1fr);
    }}@media  (max-width: 767px) {:where(#ac-site) .collection_detail_default .collection_content ul{
      grid-row-gap: 30px;
      grid-column-gap: 15px;
      grid-template-columns: repeat(2, minmax(50px, 1fr)) !important;
    }:where(#ac-site) .collection_detail_default .collection_content_more{
      margin-top: 30px;
    }:where(#ac-site) .collection_detail_default .collection_content .product_pic{
      margin-bottom: 20px;
    }}:where(#ac-site) .collection_detail_default .collection_content_product_3 ul{
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }@media  screen and (min-width: 768px) and (max-width: 1200px) {:where(#ac-site) .block_collection_list .collection_product_pc_4 ul{
      grid-template-columns: repeat(3, minmax(50px, 1fr));
    }}:where(#ac-site) .collection_detail_default df-oemmenu{
    display: block;
    width: 100%;
  }:where(#ac-site) .collection_detail_default df-oemmenu + df-oemmenu{
    border-top: 1px solid #ddd;
  }:where(#ac-site) .collection_detail_default df-oemmenu df-oemmenu-label{
    display: flex;
    align-items: center;
    font-size: 14px;
    min-height: 40px;
    padding: 6px 20px 6px 0;
    font-weight: bold;
    cursor: pointer;
    position: relative;
  }:where(#ac-site) .collection_detail_default df-oemmenu df-oemmenu-label::before{
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 1px;
    background-color: var(--menu-color, #000);
    content: "";
  }:where(#ac-site) .collection_detail_default df-oemmenu df-oemmenu-label::after{
    position: absolute;
    right: 8px;
    top: 50%;
    bottom: 0;
    height: 16px;
    width: 1px;
    margin-top: -8px;
    opacity: 1;
    background-color: var(--menu-color, #000);
    transition: all 0.2s;
    content: "";
  }:where(#ac-site) df-oemmenu-warp{
    display: block;
  }:where(#ac-site) .collection_detail_default df-oemmenu df-oemmenu-warp{
    display: none;
  }:where(#ac-site) .collection_detail_default .df-oemmenu-acrive df-oemmenu-warp{
    display: block;
  }:where(#ac-site) .df-oemmenu-acrive df-oemmenu-label::after{
    transform: rotate(270deg);
    opacity: 0 !important;
  }:where(#ac-site) .filter-box .filter-box-item{
    padding: 0;
    display: flex;
    line-height: 18px;
    justify-content: start;
    text-align: left;
    margin-bottom: 20px;
  }:where(#ac-site) .collection-filter-box{
    width: 240px;
    margin-right: 40px;
  }:where(#ac-site) .collection-filter-warp{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup{
    position: fixed;
    z-index: 50102;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
  }:where(#ac-site) .df-oemdrawer-open df-oemdrawer-popup{
    display: flex;
  }:where(#ac-site) .df-oemdrawer-open .df-oemdrawer-popup-open[position="left"],:where(#ac-site) .df-oemdrawer-open .df-oemdrawer-popup-open[position="right"]{
    transform: translateX(0);
  }:where(#ac-site) .df-oemdrawer-open .df-oemdrawer-popup-open[position="top"],:where(#ac-site) .df-oemdrawer-open .df-oemdrawer-popup-open[position="bottom"]{
    transform: translateY(0);
  }:where(#ac-site) .drawer-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup-warp{
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 100;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup-warp[position="left"]{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    transform: translateX(-100%);
    height: 100%;
    transition: all 0.35s ease-in-out;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup-warp[position="right"]{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    transform: translateX(100%);
    height: 100%;
    transition: all 0.35s ease-in-out;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup-warp[position="top"]{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    transition: all 0.35s ease-in-out;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup-warp[position="bottom"]{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: all 0.35s ease-in-out;
  }:where(#ac-site) .drawer-header{
    height: 56px;
    text-align: center;
    line-height: 56px;
    position: relative;
  }:where(#ac-site) .drawer-header df-oemdrawer-close{
    position: absolute;
    right: 15px;
    top: 15px;
  }:where(#ac-site) .collection_detail_default df-oemdrawer-popup .drawer-footer{
    padding: 20px 15px;
    border-top: 1px solid #dddddd;
  }:where(#ac-site) .drawer-body{
    padding: 0 15px;
    max-height: 60vh;
    overflow-y: auto;
  }:where(#ac-site) .filter-button{
    height: 36px;
    padding: 0 10px;
    border: 1px solid #1d1f21;
    border-radius: 4px;
  }:where(#ac-site) .drawer-footer .drawer-btn{
    margin-top: 0;
  }:where(#ac-site) .web_filter_clear{
    height: 60px;
    line-height: 60px;
    text-decoration: underline;
    display: none;
    cursor: pointer;
  }:where(#ac-site) .collection-filter-box{
    width: 18%;
    margin-right: 4%;
    display: block;
  }:where(#ac-site) .filter-box .checkbox_label .check_icon{
    flex-shrink: 0;
  }:where(#ac-site) .collection_detail_default .collection-filter-wap{
    justify-content: space-between;
  }@media  screen and (min-width: 767px) {:where(#ac-site) .collection-filter-sticky{
      position: sticky;
      top: 0;
    }}@media  screen and (max-width: 767px) {:where(#ac-site) .collection-filter-box{
      display: none;
    }:where(#ac-site) .new-filter-style{
      flex-direction: column-reverse;
    }:where(#ac-site) .new-filter-style .filter-box{
      display: flex;
      flex-wrap: wrap;
      column-gap: 15px;
    }:where(#ac-site) .new-filter-style .drawer-body{
      max-height: unset !important;
    }}