
                                @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;}
                    #otb-swiper-10{container-type:inline-size!important;width:100%!important;max-width:100%!important;aspect-ratio:1920 / 260!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-10 #otb-s-10-1{width:1920px!important;height:260px!important;max-width:none!important;transform:scale(calc(100cqw / 1920px))!important;transform-origin:top left!important;margin:0!important;}
                  }
                        @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;}
          #otb-swiper-10{container-type:inline-size!important;width:100%!important;max-width:100%!important;aspect-ratio:992 / 260!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-10 #otb-s-10-1{width:992px!important;height:260px!important;max-width:none!important;transform:scale(calc(100cqw / 992px))!important;transform-origin:top left!important;margin:0!important;}
                  }
                        @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;}
                    #otb-swiper-10{container-type:inline-size!important;width:100%!important;max-width:100%!important;aspect-ratio:375 / 141!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0 auto!important;}
          #otb-swiper-10 #otb-s-10-1{width:375px!important;height:141px!important;max-width:none!important;transform:scale(calc(100cqw / 375px))!important;transform-origin:top left!important;margin:0!important;}
                            }
              

.otb-arrow-prev-10,.otb-arrow-next-10{position:absolute;top:50%;transform:translateY(-50%);z-index:10;}
.otb-arrow-prev-10{left:20px;}
.otb-arrow-next-10{right:20px;}
.otb-pagination-10,
.otb-pagination-10.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-10 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-10 span.swiper-pagination-bullet-active{
  background:#392923 !important;width:30px !important;height:10px !important;border-radius:10px !important;
}


  #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;}
  }
  
