.ot-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.onetap-home-section .container,.onetap-home-section .container-fluid{max-width:1440px;margin-left:auto;margin-right:auto;}
/* Bootstrap .container додає padding 12px по бокам → контент був 1440px−24.
   На десктопі (≥1367) контейнер має бути рівно 1440px з налаштувань,
   без горизонтального padding'у. Гутер 12px лишаємо тільки на laptop/tablet/mobile. */
@media (min-width:1367px){.onetap-home-section .container,.onetap-home-section .container-fluid{padding-left:0 !important;padding-right:0 !important;}}

@media (min-width:1367px){.onetap-home-section ~ .onetap-home-section{margin-top:80px !important;}}@media (min-width:992px) and (max-width:1366px){.onetap-home-section ~ .onetap-home-section{margin-top:80px !important;}}@media (min-width:501px) and (max-width:991px){.onetap-home-section ~ .onetap-home-section{margin-top:40px !important;}}@media (max-width:500px){.onetap-home-section ~ .onetap-home-section{margin-top:40px !important;}}

:root{
--otc-card-radius:10px;
--otc-cart-btn-bg:#332723;
--otc-cart-btn-text:#FFFFFF;
--otc-cart-btn-hover-bg:#4A3A33;
--otc-price-color:#222222;
--otc-old-price-color:#7D7D7D;
--otc-btn-radius:8px;
--otc-btn-primary:#392923;
--otc-btn-primary-text:#ffffff;
--otc-btn-primary-hover:#4d382e;
--otc-card-bg:#FFFFFF;
--otc-card-title:#252525;
--otc-card-stock:#0FA379;
--otc-card-sku:#717171;
}
/* Карточка товару — рамка, фон, тінь (застосовуємо до ВНУТРІШНЬОГО елемента, щоб padding-inline створював реальний відступ між картками) */
.product-card-wrapper{background:transparent !important;}
.product-card-rating,.product-thumb{
  border-radius:var(--otc-card-radius) !important;
  background:var(--otc-card-bg) !important;
  overflow:hidden !important;
}
.product-card-rating__product-img,.product-card-wrapper .product-image,.product-thumb .image{
  overflow:hidden !important;
  border-radius:var(--otc-card-radius) var(--otc-card-radius) 0 0 !important;
}
.product-card-rating,.product-thumb{box-shadow:none !important;}
/* Кнопка "Купити" — перекриваємо всі можливі класи */
.product-card-wrapper .btn-cart,.product-thumb .btn-cart,.product-card-wrapper .button-cart,.product-thumb .button-cart,
.product-card-wrapper .btn-custom,.product-card-wrapper .button_animation-add,.product-card-wrapper .button__animation-add,
.product-card-wrapper .btn.btn-lg,.product-card-rating .btn-custom,.product-card-rating .btn.btn-lg{
  background:var(--otc-cart-btn-bg) !important;
  background-color:var(--otc-cart-btn-bg) !important;
  color:var(--otc-cart-btn-text) !important;
  border-color:var(--otc-cart-btn-bg) !important;
  border-radius:var(--otc-btn-radius) !important;
  transition:background .2s,background-color .2s,border-color .2s !important;
}
.product-card-wrapper .btn-cart:hover,.product-thumb .btn-cart:hover,.product-card-wrapper .button-cart:hover,.product-thumb .button-cart:hover,
.product-card-wrapper .btn-custom:hover,.product-card-wrapper .button_animation-add:hover,.product-card-wrapper .button__animation-add:hover,
.product-card-wrapper .btn.btn-lg:hover,.product-card-rating .btn-custom:hover,.product-card-rating .btn.btn-lg:hover{
  background:var(--otc-cart-btn-hover-bg,var(--otc-cart-btn-bg)) !important;
  background-color:var(--otc-cart-btn-hover-bg,var(--otc-cart-btn-bg)) !important;
  border-color:var(--otc-cart-btn-hover-bg,var(--otc-cart-btn-bg)) !important;
}
.product-card-wrapper .button__animation-hidden,.product-card-wrapper .button_animation-hidden,
.product-card-rating .button__animation-hidden{display:none !important;}

/* Кнопки глобальні */
.btn-primary{background:var(--otc-btn-primary) !important;border-color:var(--otc-btn-primary) !important;color:var(--otc-btn-primary-text) !important;border-radius:var(--otc-btn-radius) !important;}
.btn-primary:hover{background:var(--otc-btn-primary-hover) !important;border-color:var(--otc-btn-primary-hover) !important;}
.btn{border-radius:var(--otc-btn-radius) !important;}

/* Текст карточки */
.product-card-rating__text,.product-card-wrapper .name a,.product-thumb .caption a,.product-card-wrapper .product-name,.product-thumb .product-name{color:var(--otc-card-title) !important;}
.product-card-rating__price .text-h2,.product-card-rating__price,.product-card-wrapper .price,.product-thumb .price{color:var(--otc-price-color) !important;font-weight:700;}
.product-card-rating__price .price-old,.product-card-rating__price .text-h4,.product-card-wrapper .price-old,.product-thumb .price-old{color:var(--otc-old-price-color) !important;text-decoration:line-through;}
.product-card-rating__packing,.product-card-wrapper .stock-status,.product-thumb .stock-status,.product-card-wrapper .in-stock{color:var(--otc-card-stock) !important;}
.product-card-rating__sku,.product-card-wrapper .sku,.product-thumb .sku,.product-card-wrapper .product-sku{color:var(--otc-card-sku) !important;}

/* Стікери/рейтинг */
.product-card-rating__rating,.product-card-wrapper .rating,.product-thumb .rating,.product-card-rating__reviews-row{display:none !important;}
/* Кнопка "В кошик" — варіанти */
.product-card-wrapper .btn-cart,.product-card-wrapper .btn-custom,.product-card-wrapper .button__animation-wrapper,.product-card-rating .button__animation-wrapper,.product-card-rating .btn-custom{display:none !important;}
/* Відступ між картками — керується через row-gap/column-gap на контейнері (без padding-bottom на карточках, щоб не було зайвого простору під останнім рядом) */
.home__popular__wrapper-cards{row-gap:var(--otc-grid-gap-y,var(--otc-grid-gap)) !important;column-gap:var(--otc-grid-gap-x,var(--otc-grid-gap)) !important;}
.home__popular__wrapper-cards .product-card-wrapper{padding:0 !important;}
.home__update-product__wrapper-cards{gap:var(--otc-grid-gap-y,var(--otc-grid-gap)) var(--otc-grid-gap-x,var(--otc-grid-gap)) !important;}
.product-list .row,.product-grid .row,.products-list .row{row-gap:var(--otc-grid-gap) !important;}
.product-list .product-card-wrapper,.product-grid .product-card-wrapper{padding:0 !important;}
/* Секції головної не мають власних внутрішніх вертикальних margin/padding — зазор контролюється тільки через section_gap */
.onetap-home-section > section,
.onetap-home-section > div{margin-top:0 !important;margin-bottom:0 !important;}

/* Hover ефект зображення */
  .product-card-rating__product-img img,.product-card-wrapper .product-image img{transition:opacity .3s;}
  

  #otb-swiper-16{
    max-width:1920px;    margin-left:auto;margin-right:auto;
  }
  /* 1:1 с admin Live Preview: канвас редактора (.otb-canvas) имеет border 3px
     (box-sizing:border-box → внутренняя ширина = canvas−6), и все %-позиции/ширины
     элементов считаются от ЭТОЙ внутренней ширины. На фронте .otb-slide был без
     бордера (%-база = полная ширина) → элементы пропорционально «съезжали» (тем
     заметнее, чем шире плашка / длиннее текст, напр. UK-заголовок). Даём слайду
     тот же прозрачный 3px-инсет — %-база становится идентичной редактору.
     Фон тянется под бордер (background-clip:border-box), рамки не видно. */
  #otb-swiper-16 .otb-slide{border:3px solid transparent;box-sizing:border-box;}
    @media (min-width:577px) and (max-width:1439px){
    #otb-swiper-16{ max-width:1440px; }
  }
  @media (max-width:576px){
    #otb-swiper-16{ max-width:375px; }
  }
        body { overflow-x: hidden; }
          @media (min-width:1441px){
    .onetap-home-section:has(#otb-swiper-16){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-16) > .container,
    .onetap-home-section:has(#otb-swiper-16) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-16) > .container{max-width:calc(100vw - var(--otc-sbw, 0px))!important;width:calc(100vw - var(--otc-sbw, 0px))!important;margin-left:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;margin-right:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;padding-left:0!important;padding-right:0!important;}
    .onetap-footer .footer-column:has(#otb-swiper-16){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-16{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-16 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-16 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-16 [class*="otb-extra-btn-"]{max-width:92%!important;word-wrap:break-word;overflow-wrap:break-word;}
  }
      @media (min-width:577px) and (max-width:1440px){
    .onetap-home-section:has(#otb-swiper-16){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-16) > .container,
    .onetap-home-section:has(#otb-swiper-16) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-16) > .container{max-width:calc(100vw - var(--otc-sbw, 0px))!important;width:calc(100vw - var(--otc-sbw, 0px))!important;margin-left:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;margin-right:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;padding-left:0!important;padding-right:0!important;}
    .onetap-footer .footer-column:has(#otb-swiper-16){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-16{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-16 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-16 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-16 [class*="otb-extra-btn-"]{max-width:92%!important;word-wrap:break-word;overflow-wrap:break-word;}
  }
      @media (max-width:576px){
    .onetap-home-section:has(#otb-swiper-16){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-16) > .container,
    .onetap-home-section:has(#otb-swiper-16) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-16) > .container{max-width:calc(100vw - var(--otc-sbw, 0px))!important;width:calc(100vw - var(--otc-sbw, 0px))!important;margin-left:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;margin-right:calc(50% - (100vw - var(--otc-sbw, 0px)) / 2)!important;padding-left:0!important;padding-right:0!important;}
    .onetap-footer .footer-column:has(#otb-swiper-16){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-16{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-16 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-16 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-16 [class*="otb-extra-btn-"]{max-width:92%!important;word-wrap:break-word;overflow-wrap:break-word;}
  }