.pc-s3.product-card-wrapper{
  --otc-card-w:330px;    --otc-img-w:446px;  --otc-img-h:446px;}.pc-s3.product-card-wrapper{width:330px;max-width:100%;}@media (min-width:1367px){
  .pc-s3.product-card-wrapper{
    --otc-card-w:330px;    --otc-card-h:510px;          }  .pc-s3.product-card-wrapper{width:330px;max-width:100%;}      }
@media (min-width:992px) and (max-width:1366px){
  .pc-s3.product-card-wrapper{
    --otc-card-w:403px;        --otc-img-w:403px;    --otc-img-h:403px;  }  .pc-s3.product-card-wrapper{width:403px;max-width:100%;}        .pc-s3 .product-card-rating__product-img{aspect-ratio:403 / 403;}
  }
@media (min-width:501px) and (max-width:991px){
  .pc-s3.product-card-wrapper{
    --otc-card-w:446px;        --otc-img-w:446px;    --otc-img-h:446px;  }  .pc-s3.product-card-wrapper{width:446px;max-width:100%;}        .pc-s3 .product-card-rating__product-img{aspect-ratio:446 / 446;}
  }
@media (max-width:500px){
  .pc-s3.product-card-wrapper{
    --otc-card-w:172px;    --otc-card-h:303px;    --otc-img-w:172px;    --otc-img-h:200px;  }  .pc-s3.product-card-wrapper{width:172px;max-width:100%;}        .pc-s3 .product-card-rating__product-img{aspect-ratio:172 / 200;}
  }
.pc-s3.product-card-wrapper{background:#FFFFFF;}.pc-s3.product-card-wrapper{border-radius:10px;}.pc-s3 .product-card-rating__product-img{border-radius:var(--otc-card-radius,10px) !important;overflow:hidden;}.pc-s3 .product-card-rating__descr{padding:0px;}.pc-s3 .product-card-rating__descr{gap:10px;display:flex;flex-direction:column;}.pc-s3.product-card-wrapper{gap:10px;display:flex;flex-direction:column;}.pc-s3 .product-card-rating__title{color:#252525;}.pc-s3 .product-card-rating__title{font-size:14px;}.pc-s3 .price-new{color:#222222;}.pc-s3 .price-new.price-new--actual-special{color:#577B28 !important;}.pc-s3 .price-new{font-size:20px;}.pc-s3 .price-old{color:#7D7D7D;}.pc-s3 .price-old{font-size:14px;}.pc-s3 .product-card-rating__sku{color:#717171;}.pc-s3 .product-card-rating__stock{color:#0FA379;}.pc-s3 .product-card-rating__stock,.pc-s3 .product-card-rating__restock{font-size:12px;}.pc-s3 .product-card-rating__restock{color:#961885;}.pc-s3 .product-card-rating__freeship{color:#0FA379;}.pc-s3 .product-card-rating__review-count,.pc-s3 .product-card-rating__review-icon{color:#999999;}.pc-s3 .product-card-rating__btns .btn{background:#332723;}.pc-s3 .product-card-rating__btns .btn{color:#FFFFFF;}.pc-s3 .product-card-rating__btns .btn:hover{background:#4A3A33;}.pc-s3 .product-card-rating__btns .btn{border-radius:8px;}.pc-s3 .product-card-rating__product-img img{border-radius:inherit;}
.pc-s3 .product-card-rating__product-img{aspect-ratio:446 / 446;}
.pc-s3 .product-card-rating__product-img{background:#FFFFFF;--otc-card-img-bg:#FFFFFF;}.pc-s3 .product-card-rating__icons-btns .stats-btn{display:none!important;}.pc-s3 .product-card-rating__icons-btns{
top:8px;right:12px;left:auto;bottom:auto;
}
.pc-s3 .product-card-rating__icons-btns .icon-btn,
.pc-s3 .product-card-rating__icons-btns button{width:30px;height:30px;}
.pc-s3 .product-card-rating__icons-btns .icon-btn svg{width:30px;height:30px;}
.pc-s3 .product-card-rating__icons-btns .icon-btn,
.pc-s3 .product-card-rating__icons-btns button{border:1px solid #DDDDDD;}
.pc-s3 .product-card-rating__icons-btns .icon-btn,
.pc-s3 .product-card-rating__icons-btns button{box-shadow:0 2px 6px rgba(0,0,0,.08);}
.pc-s3 .product-card-rating__icons-btns .icon-btn,
.pc-s3 .product-card-rating__icons-btns button{background:#FFFFFF;}.pc-s3 .product-card-rating__icons-btns .icon-btn:hover,
.pc-s3 .product-card-rating__icons-btns .like-btn.active-like,
.pc-s3 .product-card-rating__icons-btns .stats-btn.active-like{color:#EC2424!important;}
.pc-s3 .product-card-rating__icons-btns .icon-btn:hover,
.pc-s3 .product-card-rating__icons-btns .like-btn.active-like,
.pc-s3 .product-card-rating__icons-btns .stats-btn.active-like{background:#FFFFFF!important;}
.pc-s3 .product-card-rating__sku{display:none!important;}.pc-s3 .product-card-rating__footer{display:none!important;}.pc-s3 .pc-price-btn-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;}
.pc-s3 .pc-price-btn-row .product-card-rating__price{flex:1 1 auto;min-width:0;}
.pc-s3 .pc-price-btn-row .product-card-rating__footer{flex:0 0 auto;width:auto;margin:0;padding:0;}
.pc-s3 .pc-price-btn-row .product-card-rating__btns{width:auto;}
.pc-s3 .pc-price-btn-row .product-card-rating__btns .btn{width:auto!important;height:48px!important;padding:0 16px!important;display:flex!important;align-items:center;justify-content:center;}
@media (max-width:500px){.pc-s3 .pc-price-btn-row .product-card-rating__btns .btn{height:32px!important;padding:0 12px!important;}}
.pc-s3 .product-card-rating__btns .btn .otc-cart-icon-img{filter:brightness(0) invert(1);}
.pc-s3.pc-oos--gray .product-card-rating__btns,
.pc-s3.pc-oos--gray-text .product-card-rating__btns{
  --otc-cart-btn-bg:#B9B9B9;
  --otc-cart-btn-hover-bg:#B9B9B9;
  --otc-cart-btn-text:#FFFFFF;
}
.pc-s3.pc-oos--gray .product-card-rating__btns .btn.btn-custom,
.pc-s3.pc-oos--gray-text .product-card-rating__btns .btn.btn-custom,
.pc-s3.pc-oos--gray .product-card-rating__btns .btn,
.pc-s3.pc-oos--gray-text .product-card-rating__btns .btn{
  background:#B9B9B9!important;background-color:#B9B9B9!important;
  color:#FFFFFF!important;
  pointer-events:none;cursor:default;
}
.pc-s3.pc-oos--gray .product-card-rating__btns .btn .otc-cart-icon-img,
.pc-s3.pc-oos--gray-text .product-card-rating__btns .btn .otc-cart-icon-img{filter:grayscale(1) brightness(4);}
/* Доп. hover ефект — «Слабка тінь на зображенні»: рівномірна м'яка тінь по периметру,
   1:1 як в Etsy (.v2-listing-card__img:hover → box-shadow:0 0 8px #0003,
   transition box-shadow .2s ease-in-out). #0003 = rgba(0,0,0,.2).
   Тінь на КОНТЕЙНЕРІ .product-card-rating__product-img (не на <img>).
   ВАЖЛИВО: щоб тінь було ВИДНО, її НЕ мають обрізати батьківські контейнери картки.
   `.product-card-rating` має ГЛОБАЛЬНИЙ overflow:hidden (cards.css) + `__image-area`
   теж буває overflow:hidden — вони кліпали 8px-тінь (не було видно на головній/в попапі
   кошика). Тому scoped-розкліпуємо ЦІ два контейнери саме для карток з shadow-ефектом
   (скоуп `.{_pcScope}` + гейт `_ot_hover_extra=='shadow'` → безпечно, лише shadow-картки).
   Сама картинка лишає власний overflow:hidden (скруглення/зум) → нічого не тече. */
.pc-s3 .product-card-rating,
.pc-s3 .product-card-rating__image-area{overflow:visible !important;}
.pc-s3 .product-card-rating__product-img{transition:box-shadow .2s ease-in-out;}
.pc-s3.product-card-wrapper:hover .product-card-rating__product-img{box-shadow:0 0 8px rgba(0,0,0,.2);}
/* Out-of-stock visual effect (admin "Картка товара → Дизайн та стилі → Ефект Stock status").
   .pc-oos          = base marker (out of stock)
   .pc-oos--gray    = image grayscale only
   .pc-oos--gray-text = image grayscale + text/price dimmed to gray */
.pc-s3.pc-oos--gray .product-card-rating__product-img img,
.pc-s3.pc-oos--gray-text .product-card-rating__product-img img,
.pc-s3.pc-oos--gray .product-card-rating .pc-gallery__img,
.pc-s3.pc-oos--gray-text .product-card-rating .pc-gallery__img{
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
}
.pc-s3.pc-oos--gray-text .product-card-rating__name,
.pc-s3.pc-oos--gray-text .product-card-rating__price,
.pc-s3.pc-oos--gray-text .product-card-rating__price .price-new,
.pc-s3.pc-oos--gray-text .product-card-rating__price .price-old,
.pc-s3.pc-oos--gray-text .product-card-rating__sku,
.pc-s3.pc-oos--gray-text .product-card-rating__rating-value,
.pc-s3.pc-oos--gray-text .product-card-rating__review-count,
.pc-s3.pc-oos--gray-text .product-card-rating__stars{
  color:#9a9a9a !important;
}
.pc-s3.pc-oos--gray-text .product-card-rating__stars i,
.pc-s3.pc-oos--gray-text .product-card-rating__star{
  color:#c4c4c4 !important;
}


.featured-plus__banner{flex:0 0 auto;align-self:stretch;border-radius:var(--otc-card-radius,0);overflow:hidden;background:transparent;}
.featured-plus__banner a{display:block;width:100%;height:100%;}
.featured-plus__banner img{display:block;width:100%;height:100%;object-fit:cover;}
/* Банер-модуль у слоті: даємо контейнеру ширину колонки, обмежуємо слайдер її межами
   (інакше onetap_banners з абсолютним/масштабованим контентом схлопується в 0). */
.fplus-banner-module{width:100%;}
.fplus-banner-module .otb-slider,.fplus-banner-module [id^="otb-swiper-"]{max-width:100%!important;width:100%!important;margin:0!important;}
/* Мобільна комірка банера: ховаємо на десктопі/планшеті, показуємо як grid-комірку ≤576px.
   На мобілі pinned-банер ховаємо, щоб не дублювати. */
.fplus-banner-mobcell{display:none !important;}
@media (max-width:576px){
  /* Комірка банера = висота сусідньої картки (без пустоти під короткою карткою й без
     з'їхавшої вниз кнопки). Трюк: внутрішній банер робимо АБСОЛЮТНИМ → комірка не диктує
     висоту ряду; при align-items:stretch найвищий елемент ряду = картка, і комірка
     тягнеться рівно до неї. Слайдер банера (буває вищий за слайд — 687px проти 304px)
     обрізається overflow:hidden, показуючи верх зі сценою/текстом. */
  #fplus-2 .swiper-wrapper{align-items:stretch !important;}
  #fplus-2 .fplus-banner-mobcell{
    display:block !important; align-self:stretch !important;
    position:relative; overflow:hidden; border-radius:var(--otc-card-radius,0);
  }
  #fplus-2 .fplus-banner-mobcell > *{
    position:absolute; inset:0; width:100% !important; height:100% !important;
  }
  /* Специфічність (1,3,0)+important — перебиває конструкторне .onetap-home-section#sec .featured-plus__banner (1,2,0). */
  #fplus-2-row > .featured-plus__banner.featured-plus__banner--pinned.fplus-banner{display:none !important;}
  #fplus-2 .product-card-wrapper.fplus-grid-drop{display:none !important;}
}
/* When carousel mode — Swiper controls the layout, override flex */
.fplus-swiper.home__popular__wrapper-cards{display:block !important;overflow:hidden !important;}
/* Fitted-режим (JS fitSlides підганяє ширину слайдів під контейнер від краю до краю):
   внутрішня картка та фото обмежені ЗМІННИМИ --otc-card-w/--otc-img-w з налаштувань
   (через width/max-width) і не доходили до межі слайда. Перебиваємо самі змінні —
   картка/фото = 100% підігнаного слайда. */
.fplus-fitted .swiper-slide{--otc-card-w:100% !important;--otc-img-w:100% !important;}
.fplus-fitted .swiper-slide .product-card-rating{width:100% !important;}
.fplus-fitted .swiper-slide .product-card-rating a > img{width:100% !important;}
/* Межкарточный отступ в слайдере = настройка шаблона (--otc-grid-gap), заданная flex-gap'ом:
   не зависит от margin:0!important карточек. Swiper.spaceBetween = то же значение, поэтому
   N карточек + (N-1) отступов ровно заполняют контейнер (без пустоты справа), и прокрутка совпадает. */
.fplus-swiper .swiper-wrapper{display:flex !important;flex-wrap:nowrap !important;gap:var(--otc-grid-gap-x,var(--otc-grid-gap,16px)) !important;}
.fplus-swiper .swiper-slide{flex-shrink:0 !important;height:auto !important;}
/* ТЗ BR-05 (как в «Магазин по коллекциям»): на первом/последнем слайде стрелка
   серая и неактивная — Swiper (loop:false) сам вешает swiper-button-disabled,
   здесь только вид. Тот же стиль, что у category_wall. */
.fplus-nav .otc-slider-btn.swiper-button-disabled,
.fplus-side-arrow.swiper-button-disabled{opacity:.35 !important;pointer-events:none !important;}
/* ТЗ FR-04: scrollbar-индикатор позиции слайдера. Трек на всю ширину блока,
   ползунок = брендовый цвет из настроек (--otc-btn-primary). Тянется. */
.fplus-scrollbar{
  position:relative;
  height:4px;
  margin-top:16px;
  border-radius:999px;
  background:#ECECEC;
  cursor:pointer;
}
.fplus-scrollbar__drag{
  position:absolute;top:0;left:0;height:100%;
  border-radius:999px;
  background:var(--otc-btn-primary,#392923);
  transition:transform .25s ease, width .25s ease;
  will-change:transform;
}
/* Стрелки по краям слайдера (carousel_arrows_pos = 'sides') — поверх краёв слайдера, по центру по вертикали */
.fplus-slider-wrap{position:relative;}
.fplus-side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.fplus-side-arrow--prev{left:8px;}
.fplus-side-arrow--next{right:8px;}
/* Per-device hide utility (used by the «View all» link toggle). Breakpoints:
   mobile ≤576, tablet 577–991, laptop 992–1366, desktop ≥1367. */
@media (max-width:576px){ .fplus-dhide-mobile{display:none !important;} }
@media (min-width:577px) and (max-width:991px){ .fplus-dhide-tablet{display:none !important;} }
@media (min-width:992px) and (max-width:1366px){ .fplus-dhide-laptop{display:none !important;} }
@media (min-width:1367px){ .fplus-dhide-desktop{display:none !important;} }
/* Slider OFF on a device — JS adds .fplus-nocarousel → the carousel becomes a wrap-grid
   (Swiper is destroyed on that device, so no transform). Slides wrap using their card
   width (grid_* override or template default). Side/nav arrows hidden in grid mode. */
.fplus-nocarousel .swiper-wrapper{display:flex !important;flex-wrap:wrap !important;transform:none !important;gap:var(--otc-grid-gap-y,var(--otc-grid-gap,16px)) var(--otc-grid-gap-x,var(--otc-grid-gap,16px)) !important;}
.fplus-nocarousel .swiper-slide{height:auto !important;flex-shrink:1 !important;}
.fplus-nocarousel + .fplus-side-arrow,.fplus-nocarousel ~ .fplus-side-arrow{display:none !important;}


#cw-1591192064.cw-collections{position:relative;}
#cw-1591192064 .cw-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
#cw-1591192064 .cw-head-titles{min-width:0;}
#cw-1591192064 .cw-title{margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.21;color:#181514;}
#cw-1591192064 .cw-subtitle{margin:4px 0 0;font-size:14px;color:#7d7d7d;line-height:1.4;}
#cw-1591192064 .cw-nav{display:flex;gap:8px;flex:0 0 auto;}
#cw-1591192064 .cw-btn-prev,
#cw-1591192064 .cw-btn-next{position:static;transform:none;margin:0;width:44px;height:44px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:opacity .15s ease;}
#cw-1591192064 .cw-btn-prev{background:transparent;border:1px solid #ddd;color:#131314;}
#cw-1591192064 .cw-btn-next{background:#392923;border:0;color:#fff;}
#cw-1591192064 .swiper-button-disabled{opacity:.35 !important;pointer-events:none !important;}

#cw-1591192064 .cw-swiper{position:relative;overflow:hidden;}
#cw-1591192064 .cw-wrapper{display:flex;}

/* ── Карточка (общая для слайдера и сетки) ── */
#cw-1591192064 .cw-card{
  position:relative;display:block;height:auto;box-sizing:border-box;
  border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;
  background:#e7e1d8;aspect-ratio:227 / 313;
}
#cw-1591192064 .cw-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
#cw-1591192064 .cw-card:hover .cw-card__bg{transform:scale(1.04);}
#cw-1591192064 .cw-card__icon{
  position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:100px;
  background:#fff;display:flex;align-items:center;justify-content:center;
}
#cw-1591192064 .cw-card__icon img{width:26px;height:26px;object-fit:contain;display:block;}
#cw-1591192064 .cw-card__body{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;flex-direction:column;gap:10px;z-index:2;}
#cw-1591192064 .cw-card__body::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(57,41,35,0) 0%,rgba(57,41,35,1) 72%);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 14%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 14%);}
#cw-1591192064 .cw-card__texts{display:flex;flex-direction:column;gap:4px;}
#cw-1591192064 .cw-card__name{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.21;text-shadow:0 1px 1px rgba(0,0,0,.45);}
#cw-1591192064 .cw-card__count{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.375;text-shadow:0 1px 1px rgba(0,0,0,.45);}
#cw-1591192064 .cw-card__cta{
  align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  box-sizing:border-box;height:40px;padding:12px;border-radius:8px;
  background:#fff;color:#131314;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.286;
  transition:background .15s ease;
}
#cw-1591192064 .cw-card:hover .cw-card__cta{background:#F1AC4C;}

@media (max-width:767px){
  #cw-1591192064 .cw-title{font-size:20px;}
  #cw-1591192064 .cw-card__name{font-size:18px;}
  #cw-1591192064 .cw-card__count{font-size:14px;}
  #cw-1591192064 .cw-card__icon{width:32px;height:32px;top:12px;left:12px;}
  #cw-1591192064 .cw-card__icon img{width:22px;height:22px;}
  #cw-1591192064 .cw-card__body{padding:12px;gap:8px;}
}

/* ── Слайдер-вариант: pre-init ширины слайдов (FOUC-фикс) ── */
#cw-1591192064 .cw-variant--slider .cw-card{width:calc(16.666% - 16px);margin-right:16px;}
@media (max-width:1366px){ #cw-1591192064 .cw-variant--slider .cw-card{width:calc(20% - 16px);} }
@media (max-width:992px){ #cw-1591192064 .cw-variant--slider .cw-card{width:calc(25% - 16px);} }
@media (max-width:640px){ #cw-1591192064 .cw-variant--slider .cw-card{width:calc(43.4% - 16px);} }
@media (max-width:480px){ #cw-1591192064 .cw-variant--slider .cw-card{width:calc(66.6% - 16px);} }

/* ── Сетка-вариант: карточки без слайдерных ширин ── */
#cw-1591192064 .cw-variant--grid{display:none;gap:20px;}
#cw-1591192064 .cw-variant--grid .cw-card{width:auto;margin:0;aspect-ratio:445 / 290;}
#cw-1591192064 .cw-variant--grid .cw-card__name{font-size:28px;}
@media (max-width:991px){ #cw-1591192064 .cw-variant--grid .cw-card__name{font-size:20px;} }
@media (max-width:500px){ #cw-1591192064 .cw-variant--grid .cw-card__name{font-size:16px;} #cw-1591192064 .cw-variant--grid .cw-card__count{font-size:12px;} #cw-1591192064 .cw-variant--grid .cw-card__cta{height:34px;font-size:12px;padding:8px 10px;} }

/* grid2 на мобиле — портретные карточки как в Figma (172×232) */
@media (max-width:500px){ #cw-1591192064 .cw-variant--grid .cw-card{aspect-ratio:172 / 232;} }

/* ── Видимость вариантов по устройствам (раскладка из настроек модуля) ──
   Набор раскладок повторяет шаблоны модуля баннеров: одна на всю ширину, две поровну,
   три поровну, 70/30, 30/70, сетка 2×2, «высокие по краям», два ряда, «широкий сверху
   и два снизу». Каждая описывается колонками грида и, где нужно, правилами для группы
   карточек, которая повторяется (nth-child). */
@media (min-width:1367px){
      #cw-1591192064 .cw-variant--slider{display:none !important;}
  #cw-1591192064 .cw-nav{display:none !important;}

    #cw-1591192064 .cw-variant--grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row dense;}
    #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+1){grid-column:1;grid-row:span 2;aspect-ratio:auto;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+2){grid-column:2;grid-row:span 1;aspect-ratio:445 / 290;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+3){grid-column:2;grid-row:span 1;aspect-ratio:445 / 290;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n){grid-column:3;grid-row:span 2;aspect-ratio:auto;}

    }
@media (min-width:992px) and (max-width:1366px){
      #cw-1591192064 .cw-variant--slider{display:none !important;}
  #cw-1591192064 .cw-nav{display:none !important;}

    #cw-1591192064 .cw-variant--grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row dense;}
    #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+1){grid-column:1;grid-row:span 2;aspect-ratio:auto;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+2){grid-column:2;grid-row:span 1;aspect-ratio:445 / 290;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n+3){grid-column:2;grid-row:span 1;aspect-ratio:445 / 290;}
  #cw-1591192064 .cw-variant--grid .cw-card:nth-child(4n){grid-column:3;grid-row:span 2;aspect-ratio:auto;}

    }
@media (min-width:501px) and (max-width:991px){
      #cw-1591192064 .cw-variant--slider{display:none !important;}
  #cw-1591192064 .cw-nav{display:none !important;}

      #cw-1591192064 .cw-variant--grid{display:grid;grid-template-columns:repeat(2,1fr);}
  #cw-1591192064 .cw-variant--grid .cw-card{grid-column:auto;grid-row:auto;}
    }
@media (max-width:500px){
      #cw-1591192064 .cw-variant--slider{display:none !important;}
  #cw-1591192064 .cw-nav{display:none !important;}

      #cw-1591192064 .cw-variant--grid{display:grid;grid-template-columns:repeat(2,1fr);}
  #cw-1591192064 .cw-variant--grid .cw-card{grid-column:auto;grid-row:auto;}
    }


                  /* Desktop: к-сть карток у ряд керує батьківський grid-template-columns (з header.twig) */
  .onetap-home-section#sec-kt1d9iv .product-card-wrapper,
  .onetap-home-section#sec-kt1d9iv .featured-plus__banner{
    padding:0 !important;margin:0 !important;min-width:0 !important;box-sizing:border-box !important;
    max-height:551px !important;  }
  /* Banner у featured_plus — займає ту саму column-basis, що й картка товара (rule
     нижче). align-self:flex-start фіксує банер на верху ряда (без цього при
     align-self:stretch + max-height браузер міг центрувати банер у row → візуальний
     shift вниз). Висота — фіксована з admin (banner_height), картинка заповнює
     через object-fit:cover. */
  .onetap-home-section#sec-kt1d9iv .featured-plus__banner{
    display:flex !important;align-self:flex-start !important;overflow:hidden !important;
    max-height:551px !important;  }
  .onetap-home-section#sec-kt1d9iv .featured-plus__banner > a,
  .onetap-home-section#sec-kt1d9iv .featured-plus__banner > a > img,
  .onetap-home-section#sec-kt1d9iv .featured-plus__banner > img{
    display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;
  }
  /* Category wall — фіксовані розміри картки */
  .onetap-home-section#sec-kt1d9iv .home__categories__card.swiper-slide{
    width:330px !important;min-width:330px !important;max-width:330px !important;flex:0 0 330px !important;box-sizing:border-box !important;    height:551px !important;  }
  /* Mobile (≤767px) — compact category cards (72×72) per Figma macet. */
  @media (max-width:767px){
    .onetap-home-section#sec-kt1d9iv .home__categories__card.swiper-slide{
      width:72px !important;min-width:72px !important;max-width:72px !important;flex:0 0 72px !important;height:auto !important;
    }
    .onetap-home-section#sec-kt1d9iv .home__categories__card > img{
      width:60px !important;height:60px !important;
    }
    .onetap-home-section#sec-kt1d9iv .home__categories__card__desc{
      font-size:11px;line-height:1.2;text-align:center;width:100%;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    }
  }
  /* Банери onetap_banners, slideshow — розмірами керує сам banner template */
  /* Laptop (992–1199): без max-height */
  @media (min-width:992px) and (max-width:1199px){
    .onetap-home-section#sec-kt1d9iv .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .product-card-rating{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner img{
      max-height:none !important;    }
  }
  /* Tablet (768–991): без max-height (к-сть колонок керує global header CSS) */
  @media (min-width:768px) and (max-width:991px){
    .onetap-home-section#sec-kt1d9iv .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .product-card-rating{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner img{
      max-height:none !important;    }
  }
  /* Mobile (≤767): без max-height (к-сть колонок керує global header CSS) */
  @media (max-width:767px){
    .onetap-home-section#sec-kt1d9iv .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .product-card-rating{
      max-height:none !important;    }
    .onetap-home-section#sec-kt1d9iv .featured-plus__banner img{
      max-height:none !important;    }
  }
                            .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards,
  .onetap-home-section#sec-kt1d9iv .featured-plus__layout{display:flex !important;flex-wrap:wrap !important;gap:40px !important;}
  .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards .product-card-wrapper{padding:0 !important;}
  .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards{display:flex !important;flex-wrap:wrap !important;gap:40px !important;}
  .onetap-home-section#sec-kt1d9iv .home__categories__wrapper{gap:40px !important;}
  .onetap-home-section#sec-kt1d9iv .swiper-viewport .swiper-wrapper{gap:40px !important;}
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .product-card-wrapper,
  .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .product-card-wrapper,
  .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .product-card-wrapper,
  .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .featured-plus__banner,
  .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .featured-plus__banner,
  .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .featured-plus__banner{
    flex:0 0 calc((100% - 120px) / 4) !important;
    max-width:calc((100% - 120px) / 4) !important;
  }
  @media (min-width:992px) and (max-width:1366px){
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards{gap:40px !important;}
    .onetap-home-section#sec-kt1d9iv .home__categories__wrapper{gap:40px !important;}
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .featured-plus__banner{
      flex:0 0 calc((100% - 120px) / 4) !important;
      max-width:calc((100% - 120px) / 4) !important;
    }
  }
  @media (min-width:768px) and (max-width:991px){
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards{gap:40px !important;}
    .onetap-home-section#sec-kt1d9iv .home__categories__wrapper{gap:40px !important;}
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .featured-plus__banner{
      flex:0 0 calc((100% - 40px) / 2) !important;
      max-width:calc((100% - 40px) / 2) !important;
    }
  }
  @media (max-width:767px){
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards{gap:6px !important;}
    .onetap-home-section#sec-kt1d9iv .home__categories__wrapper{gap:6px !important;}
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .product-card-wrapper,
    .onetap-home-section#sec-kt1d9iv .home__popular__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .home__update-product__wrapper-cards > .featured-plus__banner,
    .onetap-home-section#sec-kt1d9iv .featured-plus__layout > .featured-plus__banner{
      flex:0 0 calc((100% - 6px) / 2) !important;
      max-width:calc((100% - 6px) / 2) !important;
    }
  }
        .onetap-home-section#sec-kt1d9iv .product-card-rating,
  .onetap-home-section#sec-kt1d9iv .home__categories__card.swiper-slide,
  .onetap-home-section#sec-kt1d9iv .product-thumb{border:none !important;}
                .onetap-home-section#sec-kt1d9iv .otm-track{ grid-auto-columns:330px !important;overflow-x:auto !important; }
  .onetap-home-section#sec-kt1d9iv .otm-card{ aspect-ratio:auto !important;width:330px !important;min-width:330px !important;max-width:330px !important;flex:0 0 330px !important;height:551px !important; }
    .onetap-home-section#sec-kt1d9iv .otm-track{ gap:40px !important; }
  @media (min-width:992px) and (max-width:1366px){ .onetap-home-section#sec-kt1d9iv .otm-track{ gap:40px !important; } }
  @media (min-width:768px) and (max-width:991px){ .onetap-home-section#sec-kt1d9iv .otm-track{ gap:20px !important; } }
  @media (max-width:767px){ .onetap-home-section#sec-kt1d9iv .otm-track{ gap:6px !important; } }