#otb-s-19-1 .otb-txt-title{font-family:Inter, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:48px;}
        #otb-s-19-1 .otb-txt-sub{ font-family:inherit, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:13px;text-transform:none;letter-spacing:normal;opacity:1;line-height:1.6;}
        #otb-s-19-1 .otb-txt-btn{ font-size:13px;}
        @media (min-width:577px) and (max-width:992px){
          #otb-s-19-1 .otb-txt-title{font-family:Inter, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:32px;}
          #otb-s-19-1 .otb-txt-sub{ font-family:inherit, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:11px;text-transform:none;letter-spacing:normal;opacity:1;line-height:1.6;}
          #otb-s-19-1 .otb-txt-btn{ font-size:12px;}
        }
        @media (max-width:576px){
          #otb-s-19-1 .otb-txt-title{font-family:Inter, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;white-space:normal;}
          #otb-s-19-1 .otb-txt-sub{ font-family:inherit, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:12px;text-transform:none;letter-spacing:normal;opacity:1;line-height:1.6;}
          #otb-s-19-1 .otb-txt-btn{ font-size:12px;}
        }
      

        @media (min-width:577px) and (max-width:992px){
          #otb-s-19-1 .otb-desk-title,#otb-s-19-1 .otb-mob-only.otb-txt-title{left:50%!important;top:35%!important;transform:translateX(-50%)!important;text-align:center!important;}          #otb-s-19-1 .otb-desk-sub,#otb-s-19-1 .otb-mob-only.otb-txt-sub{left:50%!important;top:50%!important;transform:translateX(-50%)!important;text-align:center!important;}          #otb-s-19-1 .otb-desk-btn,#otb-s-19-1 .otb-mob-only.otb-txt-btn{left:50%!important;top:68%!important;transform:translateX(-50%)!important;text-align:center!important;}        }
        @media (max-width:576px){
                    #otb-s-19-1 .otb-desk-title,#otb-s-19-1 .otb-mob-only.otb-txt-title{left:50%!important;top:35%!important;transform:translateX(-50%)!important;text-align:center!important;}          #otb-s-19-1 .otb-desk-sub,#otb-s-19-1 .otb-mob-only.otb-txt-sub{left:50%!important;top:50%!important;transform:translateX(-50%)!important;text-align:center!important;}          #otb-s-19-1 .otb-desk-btn,#otb-s-19-1 .otb-mob-only.otb-txt-btn{left:50%!important;top:68%!important;transform:translateX(-50%)!important;text-align:center!important;}        }
      

                                                        @media (max-width:576px){
                #otb-s-19-1 .otb-extra-text-1{
                                    left:50%!important;                  top:1.5%!important;                  transform:translateX(-50%)!important;                  width:90%!important;                                    font-size:16px!important;                  font-weight:800!important;                  line-height:1.26!important;                  font-family:'Sora', sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;                  text-align:left!important;                                  }
              }
                          

              #otb-s-19-1 .otb-extra-text-1 .otb-ex-t--d, #otb-s-19-1 .otb-extra-text-1 .otb-ex-t--l, #otb-s-19-1 .otb-extra-text-1 .otb-ex-t--m{ display:none; }
                                          @media (max-width:576px){ #otb-s-19-1 .otb-extra-text-1 .otb-ex-t--base{ display:none; } #otb-s-19-1 .otb-extra-text-1 .otb-ex-t--m{ display:inline; } }            

                                                        @media (max-width:576px){
                #otb-s-19-1 .otb-extra-text-2{
                                    left:50%!important;                  top:19.5%!important;                  transform:translateX(-50%)!important;                  width:90%!important;                                    font-size:12px!important;                  font-weight:400!important;                  line-height:1.21!important;                  font-family:'Inter', sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;                  text-align:left!important;                                  }
              }
                          

              #otb-s-19-1 .otb-extra-text-2 .otb-ex-t--d, #otb-s-19-1 .otb-extra-text-2 .otb-ex-t--l, #otb-s-19-1 .otb-extra-text-2 .otb-ex-t--m{ display:none; }
                                          @media (max-width:576px){ #otb-s-19-1 .otb-extra-text-2 .otb-ex-t--base{ display:none; } #otb-s-19-1 .otb-extra-text-2 .otb-ex-t--m{ display:inline; } }            

                                                        @media (max-width:576px){
                #otb-s-19-1 .otb-extra-btn-3{
                                    left:26.4%!important;                  top:34.5%!important;                  transform:translateX(-50%)!important;                  width:42.8%!important;                                    font-size:12px!important;                  font-weight:500!important;                  line-height:1.25!important;                  font-family:'Inter', sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;                  text-align:center!important;                                  }
              }
                          
#otb-s-19-1 .otb-extra-btn-3:hover{background:#4A3A33 !important;border-color:#4A3A33 !important;filter:none !important;}

                                @media (min-width:993px){
                    #otb-swiper-19{container-type:inline-size!important;width:100%!important;max-width:320px!important;aspect-ratio:320 / 509!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-19 #otb-s-19-1{width:320px!important;height:509px!important;max-width:none!important;transform:scale(min(calc(100cqw / 320px), 1))!important;transform-origin:top left!important;margin:0!important;}
                  }
                        @media (min-width:577px) and (max-width:992px){
                    #otb-swiper-19{container-type:inline-size!important;width:100%!important;max-width:320px!important;aspect-ratio:320 / 509!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-19 #otb-s-19-1{width:320px!important;height:509px!important;max-width:none!important;transform:scale(min(calc(100cqw / 320px), 1))!important;transform-origin:top left!important;margin:0!important;}
                  }
                        @media (max-width:576px){
                                        #otb-s-19-1 .otb-img-block.otb-img-mobile[style*="width:100%"] > .otb-img-el,
          #otb-s-19-1 .otb-img-block.otb-img-mobile[style*="width: 100%"] > .otb-img-el{object-fit:cover!important;}
          #otb-swiper-19{container-type:inline-size!important;width:100%!important;max-width:100%!important;aspect-ratio:172 / 303!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-19 #otb-s-19-1{width:172px!important;height:303px!important;max-width:none!important;transform:scale(calc(100cqw / 172px))!important;transform-origin:top left!important;margin:0!important;}
                  }
              

.otb-arrow-prev-19,.otb-arrow-next-19{position:absolute;top:50%;transform:translateY(-50%);z-index:10;}
.otb-arrow-prev-19{left:20px;}
.otb-arrow-next-19{right:20px;}
.otb-pagination-19,
.otb-pagination-19.swiper-pagination-bullets{
  position:absolute !important;bottom:10px !important;left:50% !important;
  transform:translateX(-50%) !important;width:auto !important;z-index:20 !important;
  display:flex !important;gap:6px;align-items:center;
}
.otb-pagination-19 span.swiper-pagination-bullet{
  width:20px !important;height:10px !important;border-radius:10px !important;
  background:#C9C4BE !important;opacity:1 !important;
  display:inline-block !important;cursor:pointer;border:none !important;transition:all .3s;
}
.otb-pagination-19 span.swiper-pagination-bullet-active{
  background:#392923 !important;width:30px !important;height:10px !important;border-radius:10px !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-3 .swiper-wrapper{align-items:stretch !important;}
  #fplus-3 .fplus-banner-mobcell{
    display:block !important; align-self:stretch !important;
    position:relative; overflow:hidden; border-radius:var(--otc-card-radius,0);
  }
  #fplus-3 .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-3-row > .featured-plus__banner.featured-plus__banner--pinned.fplus-banner{display:none !important;}
  #fplus-3 .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;}


@media (max-width:576px){ #fplus-3 .product-card-wrapper{width:calc((100% - (2 - 1) * var(--otc-grid-gap-x,var(--otc-grid-gap,20px))) / 2) !important;}}


/* Scope all rules to this render's UID — supports multiple instances on one page. */
#ocf-s1-wrap.ocf-section{padding:0;color:#1a1a1a;font-family:inherit;}

#ocf-s1-wrap .ocf-grid{
  display:grid;grid-template-columns:minmax(220px, 530px) minmax(0, 1fr);gap:80px;align-items:center;
}
#ocf-s1-wrap .ocf-title{font-size:22px;font-weight:700;line-height:1.25;margin:0 0 8px;color:#1a1a1a;max-width:530px;overflow-wrap:break-word;word-break:break-word;}
#ocf-s1-wrap .ocf-sub{font-size:16px;font-weight:400;line-height:1.4;color:#5F6061;margin:0 0 16px;max-width:530px;}
#ocf-s1-wrap .ocf-cta{
  display:inline-block;padding:10px 20px;background:#2b1d18;color:#fff;border-radius:6px;
  font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;
}
#ocf-s1-wrap .ocf-cta:hover{background:#000;}

/* Cards row — desktop = fixed-size image cards in a horizontal row, mobile = swiper.
   Card image is exactly 250x150 with a 40px gap between cards. */
#ocf-s1-wrap .ocf-cards{position:relative;overflow:hidden;min-width:0;}
#ocf-s1-wrap .ocf-cards-wrapper{display:flex;gap:16px;flex-wrap:wrap;}
#ocf-s1-wrap .ocf-card{
  flex:0 0 250px;width:250px;background:transparent;
  text-decoration:none;color:inherit;display:block;
  transition:transform .2s;
}
#ocf-s1-wrap .ocf-card:hover{transform:translateY(-3px);}
#ocf-s1-wrap .ocf-card-image{width:250px;height:150px;overflow:hidden;border-radius:12px;}
#ocf-s1-wrap .ocf-card-image img{width:100%;height:100%;object-fit:cover;display:block;}


/* ═══ Medium (≤1439) — текст/кнопка сверху, ряд сертификатов снизу ═══
   2-колоночная розкладка (текст ліворуч + ряд карток праворуч) вимагає ~1440px
   контейнера для 3 карток у ряд. Нижче — стек: заголовок зверху, картки рядом нижче. */
@media (max-width:1439px){
  #ocf-s1-wrap .ocf-grid{grid-template-columns:1fr;gap:40px;}
  #ocf-s1-wrap .ocf-cards-wrapper{flex-wrap:wrap;justify-content:flex-start;gap:16px;}
}

/* ═══ Slider (≤839) — когда 3 карточки не вмещаются в ряд ═══
   - заголовок/текст/кнопка сверху (стек, наследуется от ≤1439)
   - карточки становятся горизонтальным Swiper-слайдером (slidesPerView:auto)
   - точки пагинации под слайдером; соседняя карточка выглядывает (намёк на свайп) */
@media (max-width:839px){
  #ocf-s1-wrap .ocf-grid{grid-template-columns:minmax(0, 1fr);gap:40px;}
  #ocf-s1-wrap .ocf-text{text-align:left;}
  #ocf-s1-wrap .ocf-title{font-size:20px;margin-bottom:12px;}
  #ocf-s1-wrap .ocf-cta{padding:9px 18px;font-size:13px;}
  /* Mobile slider: cards start flush-left, Swiper handles spacing (spaceBetween) —
     so no CSS gap here (it would double the spacing and break Swiper's math). */
  #ocf-s1-wrap .ocf-cards{overflow:visible;}
  #ocf-s1-wrap .ocf-cards-wrapper{gap:0;flex-wrap:nowrap;justify-content:flex-start;}
  #ocf-s1-wrap .ocf-card{flex:0 0 250px;width:250px;}
  #ocf-s1-wrap .ocf-card-image{width:250px;height:150px;}
}


#oh-85194312-wrap.onetap-html{padding:0;color:#1a1a1a;font-family:inherit;}
#oh-85194312-wrap .onetap-html-inner{
  max-width:1440px;margin:0 auto;
  font-size:14px;line-height:1.6;
}
#oh-85194312-wrap .onetap-html-title{font-size:24px;font-weight:600;line-height:1.2;color:#1a1a1a;margin:0 0 16px;}

#oh-85194312-wrap .onetap-html-inner h1,
#oh-85194312-wrap .onetap-html-inner h2,
#oh-85194312-wrap .onetap-html-inner h3,
#oh-85194312-wrap .onetap-html-inner h4{color:#1a1a1a;font-weight:600;line-height:1.25;margin:28px 0 12px;}
#oh-85194312-wrap .onetap-html-inner h1{font-size:22px;}
#oh-85194312-wrap .onetap-html-inner h2{font-size:18px;}
#oh-85194312-wrap .onetap-html-inner h3{font-size:16px;}
#oh-85194312-wrap .onetap-html-inner h4{font-size:15px;}
#oh-85194312-wrap .onetap-html-inner h2:first-child,
#oh-85194312-wrap .onetap-html-inner h3:first-child,
#oh-85194312-wrap .onetap-html-inner h4:first-child{margin-top:0;}

#oh-85194312-wrap .onetap-html-inner p{margin:0 0 12px;color:#444;}
#oh-85194312-wrap .onetap-html-inner a{color:#23A6F0;text-decoration:underline;text-underline-offset:2px;}
#oh-85194312-wrap .onetap-html-inner a:hover{color:#0080cc;}

#oh-85194312-wrap .onetap-html-inner ul,
#oh-85194312-wrap .onetap-html-inner ol{margin:0 0 14px;padding-left:24px;color:#444;}
#oh-85194312-wrap .onetap-html-inner li{margin:4px 0;}
#oh-85194312-wrap .onetap-html-inner ul li::marker{color:#888;}

/* Tables — clean bordered look matching the price-range table in the reference. */
/* Price-range table — matches the design reference: full hairline grid
   (outer border + vertical separator between Product and Price columns). */
#oh-85194312-wrap .onetap-html-inner table{
  width:100%;border-collapse:collapse;margin:14px 0 24px;
  font-size:14px;line-height:1.4;
  border:1px solid #e6e6e6;
  table-layout:fixed;
}
#oh-85194312-wrap .onetap-html-inner thead th{
  background:#fafafa;color:#1a1a1a;font-weight:600;font-size:13px;
  padding:12px 16px;text-align:left;
  border-bottom:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6;
}
#oh-85194312-wrap .onetap-html-inner tbody td{
  padding:14px 16px;color:#1a1a1a;
  border-bottom:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6;
  text-align:left;vertical-align:middle;
}
/* Right-most column has no right border (the table's outer border covers it). */
#oh-85194312-wrap .onetap-html-inner thead th:last-child,
#oh-85194312-wrap .onetap-html-inner tbody td:last-child{border-right:none;}
#oh-85194312-wrap .onetap-html-inner tbody tr:last-child td{border-bottom:none;}
/* Last column (Price) — narrow, left-aligned to match the reference layout. */
#oh-85194312-wrap .onetap-html-inner table th:last-child,
#oh-85194312-wrap .onetap-html-inner table td:last-child{
  width:140px;text-align:left;color:#222;font-weight:500;white-space:nowrap;
}

/* FAQ accordion — admin pastes `<details><summary>Q</summary>A</details>`,
   storefront upgrades it into a chevron-toggle accordion. */
#oh-85194312-wrap .onetap-html-inner details{border-bottom:1px solid #e0e0e0;padding:0;margin:0;}
#oh-85194312-wrap .onetap-html-inner details > summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;padding:14px 0;
  font-size:18px;font-weight:500;color:#131314;line-height:1.2;
}
#oh-85194312-wrap .onetap-html-inner details > summary::-webkit-details-marker{display:none;}
#oh-85194312-wrap .onetap-html-inner details > summary::after{
  content:'';flex:0 0 12px;width:12px;height:12px;
  border-right:2px solid #1a1a1a;border-bottom:2px solid #1a1a1a;
  transform:rotate(45deg);transition:transform .2s ease;margin-right:6px;
}
#oh-85194312-wrap .onetap-html-inner details[open] > summary::after{transform:rotate(-135deg);}
#oh-85194312-wrap .onetap-html-inner details > *:not(summary){padding:0 0 14px;color:#444;font-size:16px;line-height:1.55;}

#oh-85194312-wrap .onetap-html-inner img,
#oh-85194312-wrap .onetap-html-inner iframe,
#oh-85194312-wrap .onetap-html-inner video{max-width:100%;height:auto;}

/* Read-more toggle */
#oh-85194312-wrap .ot-readmore-extra[hidden]{display:none;}
#oh-85194312-wrap .ot-readmore-btn{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:6px;padding:0;border:0;background:none;cursor:pointer;
  font-size:14px;font-weight:500;color:#1a1a1a;font-family:inherit;
}
#oh-85194312-wrap .ot-readmore-btn:hover{color:#000;}
#oh-85194312-wrap .ot-readmore-caret{
  width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .2s ease;margin-bottom:2px;
}
#oh-85194312-wrap .ot-readmore-btn.is-open .ot-readmore-caret{transform:rotate(-135deg);margin-bottom:-2px;}

@media (max-width:576px){
  #oh-85194312-wrap.onetap-html{padding:0;}
  #oh-85194312-wrap .onetap-html-inner{font-size:13px;}
  #oh-85194312-wrap .onetap-html-title{font-size:20px;}
  #oh-85194312-wrap .onetap-html-inner h2{font-size:17px;}
  #oh-85194312-wrap .onetap-html-inner table{font-size:12px;}
  #oh-85194312-wrap .onetap-html-inner th,
  #oh-85194312-wrap .onetap-html-inner td{padding:8px 10px;}
}


  #otb-swiper-10{
    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-10 .otb-slide{border:3px solid transparent;box-sizing:border-box;}
    @media (min-width:577px) and (max-width:991px){
    #otb-swiper-10{ max-width:100%; }
  }
  @media (max-width:576px){
    #otb-swiper-10{ max-width:375px; }
  }
        body { overflow-x: hidden; }
          @media (min-width:993px){
    .onetap-home-section:has(#otb-swiper-10){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-10) > .container,
    .onetap-home-section:has(#otb-swiper-10) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-10) > .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-10){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-10{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-10 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-10 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-10 [class*="otb-extra-btn-"]{max-width:92%!important;word-wrap:break-word;overflow-wrap:break-word;}
  }
      @media (min-width:577px) and (max-width:992px){
    .onetap-home-section:has(#otb-swiper-10){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-10) > .container,
    .onetap-home-section:has(#otb-swiper-10) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-10) > .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-10){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-10{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-10 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-10 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-10 [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-10){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;}
    .onetap-home-section:has(#otb-swiper-10) > .container,
    .onetap-home-section:has(#otb-swiper-10) > .container-fluid{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
        .onetap-footer .footer-row:has(#otb-swiper-10) > .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-10){max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    #otb-swiper-10{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
    #otb-swiper-10 .otb-slide{max-width:100%!important;width:100%!important;margin:0!important;}
    #otb-swiper-10 [class*="otb-extra-text-"]{max-width:92%!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
    #otb-swiper-10 [class*="otb-extra-btn-"]{max-width:92%!important;word-wrap:break-word;overflow-wrap:break-word;}
  }