@media (min-width: 575.98px) {
  .container { max-width: 100%; }

}

@media (min-width: 1620px) {
  .container { max-width: 1532px; }
}
@media (max-width: 1620px) {
  .background-product-module{
    padding-left: 12px;
    padding-right: 12px;
  }
  .background-product-module > .container .container-inner::before,
  .background-product-module > .container .container-inner:after{
    display: none;
  }
}
@media (max-width: 1500px) {
  .today-tab{
    padding: 8px;
  }
}

@media (max-width: 1399.98px) {
  .choose .cbt-header img{
    max-width: 93px;
  }
  .choose .cbt-list{
    gap: 12px;
  }
  .choose .cbt-item .icon img{
    max-width: 215px;
  }
  .cc_category_card {
    width: calc((100% - 4 * 24px) / 5);
  }
  .category-product-list .product-item{
    max-width: calc((100% - (15px * 2)) / 3);
  }
  .cart-buttons-col{
    width: max-content;
    align-items: center;
    justify-content: center;
  }
  .credits-block{
    white-space: nowrap;
  }
  .top-product-cart-buttons-info{
    flex-direction: column;
  }
} 

@media (max-width: 1199.98px) {
  .product-module-adv{
    display: none;
  }
  .adv-item{
      min-width: 280px;
  }
  .adv-list {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .adv-list::-webkit-scrollbar {
    display: none;
  }
  .choose .cbt-inner{
    flex-direction: column;
    gap: 24px;
  }
  .choose .cbt-list{
    justify-content: space-between;
    width: 100%;
  }
  .friends .cbt-item{
    width: calc(33.33333% - 24px);
  }
  .friends .cbt-item .cbt-item-title{
    width: auto;
  }
  .tfb-look-plus,.tfb-look-card{
    left: 16px;
    bottom: 16px;
  }
  .school .cbt-inner{
    padding-right: 0;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 48px;
  }
  .school .cbt-list{
    flex-direction: row;
    overflow-x: scroll;
    gap: 24px;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .school .cbt-header img{
    height: 100%;
  }
  .school .cbt-header img,.school-item{
    top: 0;
  }
  .school .cbt-header{
    margin: 48px 0 0 48px;
  }
  .school .cbt-list{
    margin-left: -16px;
    margin-right: -16px;
  }
  .school .cbt-header h2,
  .school .cbt-header h4,
  .school .cbt-header a{
    z-index: 2;
  }
  .school-item{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    width: 100%;
    z-index: 0;
  }
  .school .cbt-header{
    max-width: none;
  }
  .product-module-header-img{
    right: 32px;
    bottom: 0;
    top: -67px;
  }
  .product-module-header-img img{
    max-width: 170px;
  }
  .subcats-block{
    gap: 12px;
  }
  .category-page-content aside{
    width: 250px;
  }
  .category-page-content aside + .category-products-content{
    max-width: calc(100% - 274px);
  }
  .category-product-list .product-item{
      max-width: calc((100% - (15px * 1)) / 2);
  }
  
  
}
@media (max-width: 1099.98px) {
.product-thumbs-slider{
  display: none;
}
.product-left .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100% !important;
}
.product-left .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform: scale(1);
}
}
 @media (max-width: 991.98px) {

  :root {
    --text-big-title:    38px;
    --text-accent-title: 32px;
    --text-h1:           26px; 
    --text-h2:           22px; 
    --text-h3:           20px;
    --text-h4:           17px; 
  }

  .title-accent { 
    line-height: var(--lh-115);
  } 
  h1, .h1       { 
    line-height: var(--lh-125); 
  } 
  h2, .h2       { 
    line-height: var(--lh-125); 
  }
  h4, .h4       { 
    line-height: var(--lh-130); 
  } 
  h5, .h5       { 
    line-height: var(--lh-130); 
  } 
  h6, .h6       { 
    line-height: var(--lh-130); 
  } 

  #top,
  .header-inner > .header-menu,
  .header-inner > .header-search,
  .hero-section .menu-side,
  .hero-section .slider-side-today,
  .header-menu-content .menu-baner,
  .cart-btn .add, .cart-btn.in-cart .in,
  .cart-btn .in, .cart-btn.in-cart .add,
  .product-item-rating .review-count,
  .product-item-rating  .icon,
  .cat-page-filters,
  #oct-search-button .text,
  .notifyme-btn .notifyme-text{
      display: none;
  }
    #oct-search-button .icon{
      display: flex;
    }
  .cat-page-filters-mob{
    display: block;
  }
  .slider-side.with-menu{
    width: 100%;
  }

  .mod-actions-header {
      display: flex;
      gap: 12px;
      align-items: center;
      overflow: hidden;
      max-height: 0;
      opacity: 0;
      transform: translateY(-8px);
      transition: max-height 1s ease, opacity 1s ease, transform 1s ease;
  }

  .mod-actions-header.active {
      max-height: 300px;
      opacity: 1;
      transform: translateY(0);
  }

  .mod-actions-header .header-menu,
  .mod-actions-header .header-search {
      display: block;
      opacity: 0;
      transform: translateY(-8px);
      transition: opacity 1s ease, transform 1s ease;
  }

  .mod-actions-header .header-menu.active,
  .mod-actions-header .header-search.active {
      opacity: 1;
      transform: translateY(0);
  }

  header > .container{
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .header-menu,
  .header-menu.active,
  .mod-actions-header,
  .mod-actions-header.active {
    transform: none !important;
  }

  .header-menu-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 500px;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: var(--color-white);
    z-index: 1050;
    overflow: hidden !important; 
    display: block !important;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform .3s ease, visibility 0s .3s;
  }
  .header-menu-content.active {
    transform: translateX(0) !important;
    visibility: visible;
    transition: transform .3s ease, visibility 0s 0s;
  }

  .header-menu-content > .header-cat-list {
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    background: var(--color-light);
    border-radius: 0;
    border: none;
    padding: 0;
  }

  .header-menu-content > .header-cat-list > .header-cat-list-inner { 
    display: block !important; 
    width: 100%;
    padding: 0;
  }
  .menu-side-inner > .menu-list > ul > li, .header-menu-content>.header-cat-list>ul>li{
    padding: 0;
  }

  .header-menu-content .header-cat-item,
  .header-menu-content .menu-actions a{
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    gap: 16px !important;
    min-height: 64px;
    padding: 20px 16px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--color-divider);
    width: 100%;
    font-size: 16px;
    line-height: 120%;
  }
  .header-menu-content .menu-actions { 
    display: flex; 
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }

  .header-menu-content .menu-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding: 20px 16px;
    font-weight: 500;
    position: sticky; 
    top: 0; 
    background: var(--color-white); 
    z-index: 5;
  }
  .header-menu-content .menu-drawer-close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0707 4.92883C19.8517 5.70988 19.8517 6.97621 19.0707 7.75726L7.75699 19.071C6.97594 19.852 5.70961 19.852 4.92856 19.071C4.14751 18.2899 4.14751 17.0236 4.92856 16.2425L16.2423 4.92883C17.0233 4.14778 18.2896 4.14778 19.0707 4.92883Z' fill='%231F2430'/%3E%3Cpath d='M19.0708 19.0711C18.2897 19.8521 17.0234 19.8521 16.2424 19.0711L4.92865 7.75737C4.1476 6.97632 4.1476 5.70999 4.92865 4.92894C5.7097 4.14789 6.97603 4.14789 7.75708 4.92894L19.0708 16.2427C19.8518 17.0237 19.8518 18.29 19.0708 19.0711Z' fill='%231F2430'/%3E%3C/svg%3E%0A");
  }
  .menu-drawer-head:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64086 0C7.08418 1.38206e-06 7.45722 0.0540185 7.75999 0.162039C8.07359 0.27008 8.32244 0.41748 8.50628 0.604096C8.7009 0.790702 8.83611 1.01658 8.9118 1.28175C8.98748 1.54692 9.0144 1.83174 8.99278 2.13619C8.97116 2.52904 8.87934 2.95634 8.71715 3.41794C8.56576 3.86974 8.35487 4.32654 8.08452 4.78817C7.81418 5.23997 7.4898 5.682 7.11132 6.11416C6.73284 6.5365 6.31648 6.91467 5.8623 7.24861C5.41893 7.53345 4.96461 7.725 4.49961 7.82321C4.0455 7.92141 3.62922 7.98035 3.25078 8C2.90474 8 2.53156 7.99015 2.13145 7.97051C1.74217 7.96068 1.38524 7.89191 1.06083 7.76423C0.736444 7.64636 0.471479 7.44987 0.266031 7.17488C0.0605882 6.90969 -0.0257984 6.52164 0.00664156 6.01093C0.0282769 5.56896 0.136338 5.08767 0.330977 4.56714C0.536437 4.03677 0.785098 3.53088 1.07707 3.04961C1.37982 2.55857 1.70969 2.12158 2.06651 1.73855C2.43417 1.34568 2.79109 1.0558 3.13713 0.869186C3.29934 0.790611 3.47247 0.751388 3.6563 0.751388C3.76438 0.751392 3.85083 0.761253 3.91569 0.780883C3.98057 0.790704 4.07256 0.79563 4.19151 0.79563C4.44022 0.47152 4.69974 0.270116 4.97008 0.191534C5.2512 0.103147 5.50533 0.058999 5.7324 0.0589888C5.88379 0.0589888 6.04067 0.0491361 6.20287 0.0294942C6.36507 0.00985035 6.51109 0 6.64086 0Z' fill='%231F2430'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64086 10C7.08418 10 7.45722 10.054 7.75999 10.162C8.07359 10.2701 8.32244 10.4175 8.50628 10.6041C8.7009 10.7907 8.83611 11.0166 8.9118 11.2818C8.98748 11.5469 9.0144 11.8317 8.99278 12.1362C8.97116 12.529 8.87934 12.9563 8.71715 13.4179C8.56576 13.8697 8.35487 14.3265 8.08452 14.7882C7.81418 15.24 7.4898 15.682 7.11132 16.1142C6.73284 16.5365 6.31648 16.9147 5.8623 17.2486C5.41893 17.5334 4.96461 17.725 4.49961 17.8232C4.0455 17.9214 3.62922 17.9804 3.25078 18C2.90474 18 2.53156 17.9902 2.13145 17.9705C1.74217 17.9607 1.38524 17.8919 1.06083 17.7642C0.736444 17.6464 0.471479 17.4499 0.266031 17.1749C0.0605882 16.9097 -0.0257984 16.5216 0.00664156 16.0109C0.0282769 15.569 0.136338 15.0877 0.330977 14.5671C0.536437 14.0368 0.785098 13.5309 1.07707 13.0496C1.37982 12.5586 1.70969 12.1216 2.06651 11.7386C2.43417 11.3457 2.79109 11.0558 3.13713 10.8692C3.29934 10.7906 3.47247 10.7514 3.6563 10.7514C3.76438 10.7514 3.85083 10.7613 3.91569 10.7809C3.98057 10.7907 4.07256 10.7956 4.19151 10.7956C4.44022 10.4715 4.69974 10.2701 4.97008 10.1915C5.2512 10.1031 5.50533 10.059 5.7324 10.059C5.88379 10.059 6.04067 10.0491 6.20287 10.0295C6.36507 10.0099 6.51109 10 6.64086 10Z' fill='%231F2430'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6409 0C18.0842 1.38206e-06 18.4572 0.0540185 18.76 0.162039C19.0736 0.27008 19.3224 0.41748 19.5063 0.604096C19.7009 0.790702 19.8361 1.01658 19.9118 1.28175C19.9875 1.54692 20.0144 1.83174 19.9928 2.13619C19.9712 2.52904 19.8793 2.95634 19.7172 3.41794C19.5658 3.86974 19.3549 4.32654 19.0845 4.78817C18.8142 5.23997 18.4898 5.682 18.1113 6.11416C17.7328 6.5365 17.3165 6.91467 16.8623 7.24861C16.4189 7.53345 15.9646 7.725 15.4996 7.82321C15.0455 7.92141 14.6292 7.98035 14.2508 8C13.9047 8 13.5316 7.99015 13.1315 7.97051C12.7422 7.96068 12.3852 7.89191 12.0608 7.76423C11.7364 7.64636 11.4715 7.44987 11.266 7.17488C11.0606 6.90969 10.9742 6.52164 11.0066 6.01093C11.0283 5.56896 11.1363 5.08767 11.331 4.56714C11.5364 4.03677 11.7851 3.53088 12.0771 3.04961C12.3798 2.55857 12.7097 2.12158 13.0665 1.73855C13.4342 1.34568 13.7911 1.0558 14.1371 0.869186C14.2993 0.790611 14.4725 0.751388 14.6563 0.751388C14.7644 0.751392 14.8508 0.761253 14.9157 0.780883C14.9806 0.790704 15.0726 0.79563 15.1915 0.79563C15.4402 0.47152 15.6997 0.270116 15.9701 0.191534C16.2512 0.103147 16.5053 0.058999 16.7324 0.0589888C16.8838 0.0589888 17.0407 0.0491361 17.2029 0.0294942C17.3651 0.00985035 17.5111 0 17.6409 0Z' fill='%231F2430'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6409 10C18.0842 10 18.4572 10.054 18.76 10.162C19.0736 10.2701 19.3224 10.4175 19.5063 10.6041C19.7009 10.7907 19.8361 11.0166 19.9118 11.2818C19.9875 11.5469 20.0144 11.8317 19.9928 12.1362C19.9712 12.529 19.8793 12.9563 19.7172 13.4179C19.5658 13.8697 19.3549 14.3265 19.0845 14.7882C18.8142 15.24 18.4898 15.682 18.1113 16.1142C17.7328 16.5365 17.3165 16.9147 16.8623 17.2486C16.4189 17.5334 15.9646 17.725 15.4996 17.8232C15.0455 17.9214 14.6292 17.9804 14.2508 18C13.9047 18 13.5316 17.9902 13.1315 17.9705C12.7422 17.9607 12.3852 17.8919 12.0608 17.7642C11.7364 17.6464 11.4715 17.4499 11.266 17.1749C11.0606 16.9097 10.9742 16.5216 11.0066 16.0109C11.0283 15.569 11.1363 15.0877 11.331 14.5671C11.5364 14.0368 11.7851 13.5309 12.0771 13.0496C12.3798 12.5586 12.7097 12.1216 13.0665 11.7386C13.4342 11.3457 13.7911 11.0558 14.1371 10.8692C14.2993 10.7906 14.4725 10.7514 14.6563 10.7514C14.7644 10.7514 14.8508 10.7613 14.9157 10.7809C14.9806 10.7907 15.0726 10.7956 15.1915 10.7956C15.4402 10.4715 15.6997 10.2701 15.9701 10.1915C16.2512 10.1031 16.5053 10.059 16.7324 10.059C16.8838 10.059 17.0407 10.0491 17.2029 10.0295C17.3651 10.0099 17.5111 10 17.6409 10Z' fill='%231F2430'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .menu-drawer-head > span{
    margin-right: auto;
    margin-left: 16px;
  }
   .header-menu-content .menu-back {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 64px;
    padding: 20px 16px;
    font-weight: 500;
    border-bottom: 1px solid var(--color-divider);
    cursor: pointer;
    position: sticky; 
    top: 0;
    background: var(--color-white);
    z-index: 3;
  }
  .alt-left {
    cursor: pointer;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.8666 16.7333L7 11.8666L11.8666 6.99999M8.0107 11.8666L17.375 11.8666' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .header-menu-content .header-cat-list.sublist .header-cat-list-inner {
    display: block !important;
    gap: 0 !important;
    background: var(--color-light);
    padding: 0 !important;
  }
  .header-menu-content .header-cat-list.sublist {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--color-light);
    overflow-y: auto;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform .3s ease;
    z-index: 5;
  }

  .header-menu-content .menu-see-all {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 64px;
    padding: 20px 16px;
    color: var(--color-orange);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid var(--color-divider);
  }
  .header-menu-content .menu-see-all::after {
    content: "";
    margin-left: auto;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M5.98219 5.4657H10.5705L10.5705 10.054M10.0941 5.94215L5.67969 10.3565' stroke='%23FF4A2F' stroke-width='1.33333' stroke-miterlimit='10' stroke-linecap='round'/></svg>") no-repeat center / contain;
  }
  .header-menu-content .header-cat-list.sublist .menu-item-title {
    display: flex; 
    align-items: center; 
    gap: 8px;
    border: none;
    padding: 0;
  }
   .header-menu-content .header-cat-list.sublist .menu-item-title .icon{
    display: none;
   }
   .header-menu-content .header-cat-list .header-cat-list .header-cat-item .icon svg,
   .header-menu-content .header-cat-list  .header-cat-list .header-cat-item .icon img { 
    width: 54px; 
    height: 54px; 
  }
  .header-menu-content .header-cat-list .header-cat-list .header-cat-item{
    padding: 5px 16px !important;
  }
  .header-cat-item:not(:has(.menu-arrow)):after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.66699 11.1555L9.91142 7.91108L6.667 4.66666' stroke='%231F2430' stroke-width='1.66667' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .header-search,
  .header-search.active { 
    transform: none !important; 
  }

  .header-menu-content .header-cat-list.sublist.open { 
    transform: translateX(0) !important; 
  }

  .header-menu-content .header-cat-list.sublist .header-cat-list-inner {
    display: block !important;
    gap: 0 !important;
  }
  
  .header-menu-content .header-cat-list.sublist .header-cat {
    width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .header-menu-content .header-cat-list.sublist .menu-item-title {
    display: flex; align-items: center; gap: 8px;
  }

  /* ===== ПОШУК: повноекранний оверлей керується header.m-search-open ===== */
  .header-search,
  .header-search.active {
    transform: none !important;
  }

  .header-search-form{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #livesearch{
    position: relative;
    top: auto;
  }
  #livesearch .search-list{
    padding: 0;
    max-height: max-content;
  }
  .result-search{
    flex-direction: column;
  }
  .result-search .search-items-box{
    width: 100%;
    gap: 0;
  }
  .search-items-box.search-items-box-category{
    border: none;
  }
  .search-items-box.search-items-box-product{
    padding: 0;
    overflow-y: unset;
  }
  .search-list-title{
    margin-bottom: 12px;
  }
  .search-items-box-category .search-content-block{
    padding: 21px 0;
    border-bottom: 1px solid var(--color-divider);
    border-radius: 0;
  }
  .search-items-box-category .search-content-block:last-child{
    border: none;
  }

   #search.m-open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  z-index: 1100 !important;
  background: var(--color-white) !important;
  padding: 12px 16px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  gap: 24px;
}
html.search-lock,
html.search-lock body {
  overflow: hidden !important;
  overscroll-behavior: none;
}
#search.m-open .search-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: calc(100% - 52px);
}
#search.m-open .search-holder .search-icon {
  display: none;
}
#search.m-open #livesearch {
  align-self: flex-start;
}
#search.m-open .search-back {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 16px;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--color-bg, #f5f5f5);
  border-radius: 12px;
  cursor: pointer;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
}
#search.m-open .search-holder .btn-search,
#search.m-open .search-holder #livesearch_close {
  z-index: 3;
}
.header-search-form{
  flex-direction: column;
  flex-wrap: nowrap;
}
#livesearch{
  position: relative;
  top: auto;
}
#livesearch .search-list{
  padding: 0;
  max-height: max-content;
}
.result-search{
  flex-direction: column;
}
.result-search .search-items-box{
  width: 100%;
  gap: 0;
}
.search-items-box.search-items-box-category{
  border: none;
}
.search-items-box.search-items-box-product{
  padding: 0;
  overflow-y: unset;
}
#search.m-open .search-holder .btn-search{
  right: 68px;
}
.group_voice_search,
#livesearch_close.visible{
  right: 60px;
}
#search.m-open .search-holder .group_voice_search{
  right: 122px;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* моб: хрестик очищення не показуємо, лишається тільки закриття попапа */
#search #livesearch_close,
#search #livesearch_close.visible {
  display: none !important;
}
.search-list-title{
  margin-bottom: 12px;
}
.search-items-box-category .search-content-block{
  padding: 21px 0;
  border-bottom: 1px solid var(--color-divider);
  border-radius: 0;
}
.search-items-box-category .search-content-block:last-child{
  border: none;
}
#search.m-open #livesearch:not(.expanded) { display: block; }


  #input_search { font-size: 16px; }


  .sc-slider .sc-dots{
    left: calc(50% - 170px);
  }
  .choose .cbt-item .icon img{
    width: 186px;
  }
  .choose .cbt-item .num-info{
    top: calc(50% - 40px);
    left: calc(50% - 40px);
  }
  .choose .cbt-list{
    flex-wrap: wrap;
  }
  .choose .cbt-header{
    margin: 0;
  }
  .choose .cbt-header img{
    top: -20px;
  }
  .adv-list .adv-item:nth-child(2){
      transform: rotate(10deg) translateY(-50px);
  }
  .cc-after-text .h1{
    font-size: 17px;
    line-height: 130%;
    font-weight: 500;
  }
  .cc-after-text{
    font-size: 36px;
    max-width: 16.666%;
    text-align: center;
  }
  .cc_category_card {
    width: calc((100% - 3 * 24px) / 4);
  }
  .cat-page-advantages{
    margin-top: 24px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .cat-page-advantages-item{
    width: calc(50% - 6px);
  }
  .html-promo-inner{
    padding:24px;
  }
  .blog-article-section{
    padding-bottom: 48px;
  }
  .blog-article-section .module-header{
    padding-bottom: 24px;
  }
  .news-stickers-date, .news-stickers-category{
    bottom: 16px;
    left: 16px;
  }
  .news-stickers-category{
    left: auto;
  }
  .news-block-cont{
    padding: 16px 16px 12px 16px;
  }
  .tfb-look{
    margin-bottom: 48px;
  }
  .tfb-look .tfb-look-grid{
    padding-bottom: 24px;
  }
  .tfb-look .swiper-horizontal>.swiper-pagination-bullets{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    bottom: 0;
  }
  .mws.product-module .product-module-header{
    align-items: center;
  }
  .product-tabs-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none; 
  }
  .product-tabs-nav::-webkit-scrollbar {
    display: none;
  }
  .product-tabs-nav-item {
    font-size: 17px;
    flex: 0 0 auto; 
    white-space: nowrap; 
  }
  .product-tabs-nav svg {
    flex-shrink: 0;
  }
  .product-item-img-slider-block,
  .product-item-img-block{
    height: 150px;
  }
  .product-item:hover .product-item-inner{
    box-shadow: none;
  }
  .product-item.with-attrs:hover .product-item-inner{
    border-radius: 14px;
  }
  .product-item:hover .product-item-attributes{
    opacity: 0;
    visibility: hidden;
  }
  .product-item-stickers{
    top: 12px;
    left: 12px;
  }
  .product-item-title{
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: var(--lh-120);
  }
  .product-item-info{
    padding: 0 8px 8px;
  }
  .price-actual, .price-new{
    font-size: 20px;
  }
  .product-item-img-attributes{
    padding: 6px 8px;
  }
  .p-comp-wish-btns{
    right: 12px;
    top: 12px;
  }
  .product-item-inner{
    border: 1px solid var(--color-divider);
  }
  .product-item-category,.product-item-img-attribute-text{
    font-size: 11px;
  }
  .mws.product-module{
    padding-bottom: 84px;
    margin: 0;
  }
  .product-item-bottom-btns .pitem-cart-btn,
 .product-item-bottom-btns .notifyme-btn{
  width: 44px;
 }
 .product-module-header-info{
    gap: 0;
    justify-content: center;
 }
 .background-product-module .product-module-header{
    padding: 100px 24px 24px 24px;
 }
 .page-header-content-page-group-inner{
  padding: 16px;
 }
 .page-header-content-page-group-inner .page-title{
  padding-bottom: 16px;
 }
 .pills{
  padding: 12px;
 }
 .subcats-item-name{
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
 }
 .subcats-item{
    padding: 12px;
 }
 .subcats-block{
  margin-bottom: 24px;
 }
 .category-page-content aside + .category-products-content{
  width: 100%;
  max-width: 100%;
 }
 .category-product-list .product-item{
    max-width: calc((100% - (12px * 2)) / 3);
 }
 .pi-slider-link img{
    max-height: 150px;
    width: auto;
 }
 .category-product-list{
  gap: 12px;
 }
 .category-sort-btn{
  position: relative;
    border-radius: 14px;
    height: 56px;
    max-width: 186px;
    padding: 12px;
    width: 100%;
    border: 1px solid var(--color-black);
    justify-content: center;
    color: var(--color-black);
 }
 .filters-count{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 100%;
    width: 16px;
    height: 16px;
    border-radius: 500px;
    color: #fff;
    background: var(--color-orange);
    padding: 2px 4px;
    position: absolute;
    top: 5px;
    right: 5px;
 }
 .category-sort-btn > .icon{
  margin: 0;
 }
 /* .category-sort-block{
  width: 100%;
 } */
 .btn-mobile-filter,
 .category-sorts-filters{
  width: calc(50% - 12px);
 }
 .sort-btn-icon{
  display: none;
 }
 .btn-mobile-filter{
  display: block;
 }
 .cat-page-top-filters{
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .cat-page-selecteds-info-text{
  width: 100%;
  order: 3;
 }
 .category-sorts-filters{
  margin: 0;
  justify-content: flex-end;
 }
 .page-header-content-page-group-inner .page-group-img{
    width: 100%;
    right: 0;
 }
 .category-page-content,
 .faq-groups,
 .category-linking-block{
  margin-bottom: 48px;
 }
 .faq-groups h2,
 .category-linking-block h2{
  margin-bottom: 24px;
 }
 .category-page .background-product-module,
 .category-page .product-module .container{
  padding-left: 0;
  padding-right: 0;
 }
 .category-linking-item{
  padding: 16px;
 }
 .category-linking-name{
  font-size: 14px;
  line-height: var(--lh-120);
 }
 .category-linking-price .price-actual, 
 .category-linking-price .price-new{
  font-size: 14px;
 }
  .category-linking-price{
    display: flex;
    flex-direction: column;
    white-space: nowrap;
  }

  .category-sort-content {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 0;
    max-height: 80vh;
    overflow-y: auto;
    z-index: 1001;
    padding: 16px;
    border: none;
    border: 1px solid var(--color-border);
    border-radius: 14px 14px 0 0;
    transform: translateY(100%);
    transform-origin: bottom center;
    transition: transform 0.25s ease;
    opacity: 1;
  }
  .category-sort-content.visible {
    transform: translateY(0);
  }
  .category-sort-list-head{
    display: flex;
    justify-content: space-between;
    height: 44px;
    margin-bottom: 16px;
    align-items: center;
  }
  .category-sort-item{
    width: 100%;
  }
  .category-sort-list-head, .ocf-selected-card{
    display: flex;
  }
  .cat-page-filters-mob{
    margin: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
  .blog-category-items-list .news-block{
      max-width: calc((100% - 24px) / 2);
  }
  .mobile-menu-btn span { 
    display: block; 
    width: 100%;
    height: 4px; 
    background: var(--color-black, #1F2430); 
    border-radius: 4px; 
    transition: transform .2s ease, opacity .2s ease; 
  }
  .mobile-menu-btn.is-active span:nth-child(1) { 
    transform: translateY(10px) rotate(45deg); 
  }
  .mobile-menu-btn.is-active span:nth-child(2) { 
    opacity: 0; 
  }
  .mobile-menu-btn.is-active span:nth-child(3) { 
    transform: translateY(-6px) rotate(-45deg); 
  }
  body.mm-open header { 
    position: relative; z-index: 1101; 
  }

  .header_logo{
    display: flex;
    align-items: center;
    gap: 12px;
  }

	.mobile-menu-btn {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		width: 24px;
		height: 24px;
		background: none;
		border: none;
		cursor: pointer;
	}

	.mobile-menu-overlay {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .4);
		opacity: 0;
		visibility: hidden;
		transition: opacity .25s;
		z-index: 999;
	}

	.mobile-menu-overlay.open {
		opacity: 1;
		visibility: visible;
	}

	.mobile-menu-panel {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 124px;
		left: 0;
		height: 100%;
		max-width: 500px;
    width: 100%;
		background: #fff;
		transform: translateX(-100%);
		transition: transform .28s ease;
		z-index: 1000;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mobile-menu-panel.open {
		transform: translateX(0);
	}


	.mm-panel-body {
		flex: 1 1 auto;
	}

	.mm-links {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mm-links li {
		border-bottom: 1px solid #EDEEF1;
	}

	.mm-links li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 22px 16px;
		font-size: 15px;
		line-height: var(--lh-120);
		text-decoration: none;
	}
  .mm-contacts{
    padding: 16px;
  }
  .mm-contacts li::marker{
    display: none;
  }
  .product-page-bottom-item{
    padding: 16px;
  }
  .product-page-videos .product-page-video-item{
    width: 100%;
  }
  .product-page-videos{
    flex-wrap: wrap;
  }
  .product-left{
    top: 67px;
  }
  .top-product-info,
  .auth-notice,
  .top-product-cart-buttons,
  .product-page-kit, 
  .product-page-series{
    padding: 14px;
  }
  .js-showmore-wrap[data-mobile="1"] .js-showmore-btn,
  .js-showmore-wrap[data-mobile="1"]:after{
    display: flex;
  }
  #product-product .product-page-product-info .js-showmore-wrap:after{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 44.23%);
    z-index: 1;
    height: 92px;
    bottom: -10px;
  }
  #product-product .product-page-product-info .js-showmore-btn{
    z-index: 2;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .product-page-bottom-item{
    flex-direction: column;
  }
  .product-page-bottom-item-left,
  .product-page-bottom-item-right{
    width: 100%;
    max-width: 100%;
  }
  .product-top{
    flex-direction: column;
  }
  .product-left,
  .product-right,
  .top-product-info{
    top: 0;
    width: 100%;
    position: relative;
  }
  .product-left{
    background: transparent;
    padding: 0;
  }
  .product-slider-block{
    padding: 16px;
    border-radius: 14px 14px 0 0;
    background: #fff;
    height: auto;
  }
  .product-main-attributes{
    border-radius: 0 0 14px 14px;
    background: #fff;
    padding: 0 16px 16px 16px;
  }
  .product-page-mini-info{
    box-shadow: 0px 5px 15px 0px #0000001A;
  }
  .nf-actions{
      gap: 12px;
      flex-direction: column;
  }
  .nf-visual img{
      max-width: 270px;
  }
  .nf-card{
      padding: 24px;
      margin-bottom: 48px;
  }
  .top-product-cart-buttons .top-product-copy{
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .product-left{
    gap: 0;
  }
  .top-product-info{
    margin-bottom: 6px;
  }
  #product-product .breadcrumb{
    padding: 12px 0 12px;
  }
  .product-top{
    gap: 18px;
  }
  .product-page-content .cart-btn .in,
  .product-page-content .cart-btn.in-cart .add,
  .gallery-popup .cart-btn .in,
  .gallery-popup .cart-btn.in-cart .add,
   .mini-product-line-item-mob .cart-btn .in,
  .mini-product-line-item-mob .cart-btn.in-cart .add{
    display: none;
  }
  .product-page-content .cart-btn .add,
  .product-page-content .cart-btn.in-cart .in,
  .gallery-popup .cart-btn .add,
  .gallery-popup .cart-btn.in-cart .in,
  .mini-product-line-item-mob .cart-btn .add,
  .mini-product-line-item-mob .cart-btn.in-cart .in{
    display: block;
  }
  .top-product-cart-buttons-info{
    gap: 12px;
  }
  .cart-buttons-col{
    width: 100%;
    gap: 6px;
  }
  .btn-one-click, .btn-credits{
    flex: 1;
  }
  .top-product-cart-buttons-info{
    flex-wrap: wrap;
    flex-direction: row;
  }
  .top-product-cart-buttons-info .price-block,
  .top-product-cart-buttons-info .credits-block{
    width: calc(50% - 6px);
  }
  .top-product-cart-action{
    width: 100%;
    justify-content: space-between;
  }
  .credits-block{
    align-items: flex-end;
  }
  .proposition{
    flex-direction: column;
    align-items: flex-start;
  }
  .prop_info{
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
  }
  .uc-stepper{
    width: 100%;
    flex: auto;
  }
  .prop-prices,
  .prop_total{
    width: calc(50% - 12px);
  }
  .prop-prices{
    align-items: flex-start;
  }
  .prop_total button{
    margin-left: auto;
  }
  .prop_name{
    max-width: none;
    align-items: center;
  }
  .product-main-attr-icon img{
max-width: 24px;
  }
  .product-main-attr-value{
    font-size: 13px;
    line-height: var(--lh-120);
  }

  .mini-product-line-item-mob {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease, opacity .3s ease, visibility .3s;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding: 8px 16px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
        display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px -5px 15px 0px #0000001A;
}

.mini-product-line-item-mob.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.product-slider-meta{
    top: 12px;
    right: 12px;
}
.gallery-popup-dialog{
      max-width: 100%;
    max-height: 100%;
        inset: 0;
        border-radius: 0;
}
.gallery-popup-slider-box{
  padding: 16px;
}
.gallery-popup-body{
  flex-direction: column;
}
.gallery-popup-side{
     position: relative;
    right: 0;
    padding: 8px 16px;
    flex-direction: row;
    bottom: 0;
    justify-content: space-between;
    align-items: center;
}
.gallery-popup-prev{
  left: 20px;
}
.gallery-popup-next{
  right: 20px;
}
.sucsess-action{
  flex-direction: column;
  width: 100%;
}
.sucsess-action a{
  width: 100%;
}
.scat-filter{
  padding: 0 12px 12px 12px;
}
.cat-tiles-row > button,
.cat-tiles-row > .cat-tile-wrap,
.cat-tiles-row > .cat-tile {
    flex: 0 0 calc((100% - 3 * 16px) / 4);
    max-width: calc((100% - 3 * 16px) / 4);
}




































  .footer-box{
    max-width: 300px;
    width: calc(50% - 10px);
    align-items: center;
  }
  .footer-info-center{
    gap: 24px;
  }
  .bottom-footer{
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 0;
  }
  

} 



@media (max-width: 767.98px) {
  .header-action-title,
  .header-menu-btn .icon,
  .search-icon,
  .slide-img,
  .hero-section:before{
    display: none;
  }
  .product-mini-tab{
    font-size: 14px;
    white-space: nowrap;
    padding: 12px 6px;
  }
  .product-page-bottom-header{
    flex-direction: column;
    gap: 12px;
  }
  .pr-review-empty{
    text-align: center;
  }
  .product-page-bottom-item.reviews .rating-block{
    flex-direction: row;
    align-items: center;
  }
  .product-attr-item{
    width: 100%;
  }
  .header-action-item-info{
      width: 44px;
      height: 44px;
      border-radius: 14px;
      justify-content: center;
      background: var(--color-light);
  }
  header #logo img{
    max-height: 44px;
  }
  .header-menu-btn{
    padding: 0 19px;
  }
  #input_search{
    padding: 1px 78px 0 12px;
  }
  .footer-box-title .icon,
  .slider-side-today-mob{
    display: flex;
  }
  .slider-side-today-mob{
    margin-top: 24px;
    align-items: center;
    justify-content: space-around;
  }
  .today-special a,
  .today-special div{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: var(--lh-400);
    font-weight: 400;
  }
  .slider-side{
    gap: 21px;
  }
  .search-holder .btn-search{
    padding: 12px 10px;
  }
  .group_voice_search{
    right: 44px;
  }
  .slide-content{
    max-width: max-content;
  }
  .sc-slot-item-info{
    gap: 48px;
    padding: 24px 24px 120px 24px;
  }
  .slider-prev, .slider-next{
    top: auto;
    bottom: 24px;
    transform: none;
  }
  .sc-slider .sc-dots {
      left: 50%;
      right: 50%;
      transform: translateX(-50%);
  }
  .adv-header,.cc_header{
    flex-direction: column;
    gap: 12px;
  }
  .cc_header{
    gap: 24px;
  }
  .adv-style{
    z-index: 0;
    left: calc(50% - 30px);
  }
  .adv-item{
    padding: 24px;
    height: 280px;
  }
  .adv-list{
    padding-top: 69px;
    padding-bottom: 82px;
  }
  .adv-style svg {
    max-height: 494px;
  }
  .choose .cbt-item .icon img{
    width: 100%;
    max-width: fit-content;
  }
  .cbt-item{
    width: calc(50% - 6px);
  }
  .cc_category_card{
    padding: 35px 24px;
  }
  .cc_category_card,
  .cc-after-text {
    width: calc((100% - 1 * 12px) / 2);
  }
  .cc-after-text{
    max-width: fit-content;
  }
  .cc_categories{
    gap: 12px;
  }
  .cat-page-advantages-item{
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  .cbt-header{
    margin-bottom: 24px;
  }
  .friends .cbt-list{
    flex-direction: column;
    gap: 12px;
  }
  .friends .cbt-item{
    width: 100%;
    gap: 12px;
  }
  .friends .cbt-item .cbt-item-title{
    max-width: none;
  }
   .friends .btn-main {
    margin-top: 24px;
   }
   .school .cbt-header{
    margin: 32px 0 0 32px;
    gap: 12px;
   }
   .school .cbt-inner{
    padding-bottom: 32px;
   }
  
  .school .cbt-list {
      display: flex;
      flex-wrap: nowrap;
      gap: 12px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; 
      padding-left: 100px;
      padding-right: 20px;
      scroll-snap-type: x mandatory;
      scroll-padding-left: 40px;
      scrollbar-width: none;
    }

    .school .cbt-list::-webkit-scrollbar {
      display: none;
    }
     .school .cbt-item {
      flex: 0 0 auto;
      width: 290px;
      scroll-snap-align: center;
    }
    .school-item{
      top: auto;
      bottom: 8%;
      left: -20px;
    }
    .cbt.school{
      margin-bottom: 48px;
    }
    .module-content{
      padding: 0 16px;
    }
    .background-product-module .product-module-header {
        padding: 92px 16px 16px 16px;
    }
    .background-product-module > .container{
      padding-bottom: 68px;
    }
    .mws .swiper-scrollbar-box{
      margin: 0 16px;
    }
    .product-module-header-img{
      z-index: 0;
      top: -60px;
    }
    .mws-navs{
      z-index: 2;
    }
    .background-product-module{
      padding-bottom: 38px;
      padding-top: 60px;
    }
    .subcats-block{
      gap: 6px;
    }
    .category-page .page-title{
      flex-wrap: wrap;
      gap: 6px;
    }
    .breadcrumb{
      flex-wrap: nowrap; 
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none; 
    }
    .breadcrumb::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .breadcrumb > li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    #ukrcredits-modal .modal-header{
      padding: 48px 24px 0 24px;
    }
     #purchase_form,#stock-notifier-form{
      flex-direction: column;
    }
    .product-title{
      font-size: 15px;
    }
    #purchase_form .modal-body-img,#stock-notifier-form .modal-body-img{
      max-width: 100px;
    }
    #one-click-modal,#octStockNotifier{
      align-items: flex-end;
    }
    #one-click-main-block,#notifier-main-block{
      padding: 0 16px 16px 16px;
    }
    #purchase_form .modal-body-one-click-left,#stock-notifier-form .modal-body-one-click-left{
      flex-direction: row;
      padding: 16px;
    }
    #one-click-modal .modal-header,#octStockNotifier .modal-header{
      flex-direction: column;
      padding: 40px 24px 0 24px;
      gap: 6px;
    }

    .product-page-bottom-item.reviews .product-page-bottom-header{
      gap: 12px;
    }
    .product-page-bottom-review-box-info,
    .pr-review-item{
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    .pr-review-bottom,
    .pr-review-top{
      width: 100%;
    }
    .review-pros,
    .review-cons{
      flex-direction: column;
      gap: 6px;
    }
    .pr-review-item{
      padding: 12px;
    }
    .btn-one-click, .btn-credits{
      width: 100%;
    }
    .cart-item img{
      max-width: 50px;
    }
    .cart-products-list .cart-item{
      margin-bottom: 12px;
      padding-bottom: 12px;
    }
    .cart-item-action{
      flex-direction: row;
      flex-wrap: wrap;
      gap: 9px;
    }
    #cart-modal .product-quantity{
      width: 100%;
      order: 3;
      height: 44px;
      justify-content: flex-end;
    }
    #cart-modal .btn-group.product-quantity{
    height: 44px;
    max-width: 107px;
    }
    .cart-item-price{
      order: 1;
    }
    #cart-modal .product-total{
      order: 2;
    }
    .cart-item-name{
      font-size: 13px;
      line-height: 140%;
      font-weight: 400;
    }
    .footer-cart-action{
      flex-direction: column;
      gap: 12px;
    }
    .footer-cart-action button,
    .footer-cart-action a{
      width: 100%;
    }
    #cart-modal .modal-body,
    .footer-cart{
      padding: 16px;
    }
    .footer-cart{
          margin-left: -16px;
    }
    .top-product-del-pay-info{
      gap: 12px;
      padding: 16px;
    }
    .header-actions{
      gap: 12px;
    }
     :is([class*="description"], #tab_description, .blog-article-content) table {
      display: block;
      width: auto;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 6px;
      font-size: 12px;
      scrollbar-width: thin;
      scrollbar-color: var(--color-border) var(--color-divider);
    }
    :is([class*="description"], #tab_description, .blog-article-content) table::-webkit-scrollbar { height: 6px; }
    :is([class*="description"], #tab_description, .blog-article-content) table::-webkit-scrollbar-track { background: var(--color-divider); border-radius: 3px; }
    :is([class*="description"], #tab_description, .blog-article-content) table::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }
    :is([class*="description"], #tab_description, .blog-article-content) table :is(th, td) {
      box-sizing: border-box;
      min-width: 96px;
      padding: 10px 8px;
    }
    :is([class*="description"], #tab_description, .blog-article-content) table th {
      font-size: 13px;
    }

    .cat-tiles-row > button,
    .cat-tiles-row > .cat-tile-wrap,
    .cat-tiles-row > .cat-tile {
        flex: 0 0 calc((100% - 2 * 6px) / 3);
        max-width: calc((100% - 2 * 6px) / 3);
    }
    .cat-tiles-row{
      gap: 6px;
    }
    .cat-tile-back{
      font-size: 14px;
    }
    .cat-tile{
      padding: 12px;
    }





















 .footer-box {
    width: 100%;
    max-width: 450px;
    gap: 0;
    border: 1px solid transparent;
    border-radius: 14px;
    transition: background-color .35s ease,border-color .35s ease,gap .35s ease;
}
.footer-box.open {
    gap: 16px;
    border-color: #353B47;
    background: #353B4780;
}
.footer-box-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    color: var(--color-white);
    padding: 16px;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid #353B47;
    transition: border-color .35s ease;
}
.footer-box.open .footer-box-title {
    border-bottom-color: transparent;
}
.footer-box .footer-col-box-block {
    display: grid;
    grid-template-rows: 0fr;
    width: 100%;
    padding: 0 16px;
    transition: grid-template-rows .35s ease,padding .35s ease;
}
.footer-box.open .footer-col-box-block {
    grid-template-rows: 1fr;
    padding: 0 16px 32px 16px;
}
.footer-box .footer-col-box-block > * {
    overflow: hidden;
    min-height: 0;
}
.footer-box-title .icon {
    transition: transform .35s ease;
}
.footer-box.open .footer-box-title .icon {
    transform: rotate(180deg);
}
.footer-box.open .footer-box-title .icon .ic-footer-toggle{
  --toggle-bg: #fff;
  --toggle-arrow: var(--color-orange);
}
.footer-info-center {
    justify-content: center;
    gap: 0;
    padding: 24px 0;
    border: none;
}
.footer-col-list {
    gap: 32px;
}
.footer-box-action{
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: none;
  justify-content: space-between;
}
.action-logo img{
  max-width: 100px;
}
.footer-box.footer-info-center{
  margin-bottom: 24px;
}
.footer-box{
  margin-bottom: 6px;
}
.footer-cooperation{
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
.action-social{
  gap: 24px;
  justify-content: center;
}
.bottom-footer-info{
  flex-wrap: wrap;
  gap: 12px;
}
#ukrcredits-modal .modal-body{
  padding: 24px;
}
.uc-step-btn{
  display: none;
}
.product-item-inner {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.product-item-stickers,
.p-comp-wish-btns,
.swiper-horizontal .item-pagination {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

}
@media (max-width: 599.98px) {
  .category-product-list .product-item{
      max-width: calc((100% - (12px * 1)) / 2);
  }

}
@media (max-width: 499.98px) {
  .blog-category-items-list .news-block{
    max-width: 100%;
  }
  .product-page-bottom-review-box-info button{
    width: 100%;
  }
  .btn-one-click, .btn-credits{
    flex: auto;
  }
  .empty-cart-actions{
    flex-direction: column;
    gap: 12px;
  }
  .empty-cart-actions a,
  .empty-cart-actions button{
    width: 100%;
  }
  .empty-cart-groups{
    flex-direction: column;
  }
  .empty-cart-group{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
  }
   .empty-cart-group-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    text-align: left;
  }
  .empty-cart-group-items {
    display: contents !important;
  }
  .empty-cart-group-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    border-radius: 11px;
    background: var(--color-light);
    text-decoration: none;
    line-height: var(--lh-120);
  }
  #cart-modal .modal-content{
    border-radius: 0;
  }
  .empty-cart{
    gap: 12px;
  }
  .cat-tiles-row > button,
  .cat-tiles-row > .cat-tile-wrap,
  .cat-tiles-row > .cat-tile {
      flex: 0 0 calc((100% - 1 * 6px) / 2);
      max-width: calc((100% - 1 * 6px) / 2);
  }
}
@media (max-width: 390.98px) {
  .container{
      padding-left: 8px;
      padding-right: 8px;
  }
  .category-product-list{
    gap: 8px;
  }
  .product-item-img-attributes .product-item-img-attribute{
    gap: 3px;
    padding: 3px;
  }
  .module-content{
    padding: 0 8px;
  }
  .background-product-module .product-module-header{
    padding: 92px 8px 8px 8px;
  }
  .mws .swiper-scrollbar-box{
    margin: 0 8px;
  }
  .product-item-img-attributes{
    padding: 6px;
  }
  .category-sort-btn{
    padding: 10px;
    height: 52px;
  }
  .auth-notice{
    gap: 12px;
    padding: 12px;
  }
  .auth-notice-text{
    font-size: 14px;
  }
  .product-main-attributes,.product-main-attr-item{
    gap: 6px;
  }
  .top-product-stats{
    flex-wrap: wrap;
  }
  .product-slider-meta{
    top: 0;
    right: 0;
  }
}
@media (max-width: 367.98px) {
  .product-main-attributes{
    grid-template-columns: repeat(2, 1fr);
  }
  .product-main-attributes, .product-main-attr-item{
    gap: 12px;
  }
  .top-product-copy{
    flex-wrap: wrap;
    gap: 12px;
  }
}
/* @media (max-width: 399.98px) {
  .choose .cbt-item .icon img{
    width: 140px;
  }
} */