/* ========== KS-QA-PASS ========== */
/* Last-loaded storefront QA: contrast, z-index, cart, dropdowns */

/* --- Catalog wall: no 3D jerk --- */
.category-wall .uni-module__wrapper{perspective:none!important;transform-style:flat!important}
.category-wall__item.uni-item,.category-wall__item{transform:none!important;transition:box-shadow .18s ease!important}
.category-wall__item:hover,.product-thumb:hover,.category-wall__item.uni-item:hover{
  transform:none!important;border-color:inherit!important;box-shadow:0 16px 32px rgba(15,23,32,.10)!important
}
html.theme-dark .category-wall__item:hover,html.theme-dark .category-wall__item.uni-item:hover{
  border-color:rgba(255,255,255,.16)!important;box-shadow:0 16px 32px rgba(0,0,0,.35)!important
}
.category-wall__item::before,.category-wall__item::after{content:none!important;display:none!important}
.category-wall__image,.category-wall__item:hover .category-wall__image,
.category-wall__image img,.category-wall__item:hover .category-wall__image img,
.category-wall__item:hover .ks-cat-icon{transform:none!important}

/* --- Home banners dark --- */
html.theme-dark{
  --home-banner-bg:rgba(40,50,66,.88)!important;
  --home-banner-icon-c:#3ddec8!important;
  --home-banner-text-c:#f2f6fb!important;
}
html.theme-dark .home-banner__item,html.theme-dark .uni-home-banner__item{
  background:linear-gradient(165deg, rgba(48,58,76,.88), rgba(22,28,38,.78))!important;
  border:1px solid rgba(255,255,255,.16)!important;color:#f2f6fb!important
}
html.theme-dark .home-banner__icon,html.theme-dark .home-banner i{color:#3ddec8!important}
html.theme-dark .home-banner__text,html.theme-dark .home-banner__text-1,html.theme-dark .home-banner__item span{color:#f2f6fb!important}

/* --- 1) Mega-menu: LIGHT vs DARK (do not leak light colors into dark) --- */
@media (min-width:992px){
  html:not(.theme-dark) .menu1.new::before,
  html:not(.theme-dark) .menu1.new .menu__collapse::before{
    content:none!important;
    display:none!important;
    width:0!important;
    opacity:0!important
  }
  html:not(.theme-dark) .menu1.new .menu__collapse{
    position:static!important;
    width:280px!important;
    max-width:280px!important
  }
  html:not(.theme-dark) .menu1.new .menu__level-2,
  html:not(.theme-dark) .menu1.new .menu__level-2.open,
  html:not(.theme-dark) .menu1.new .menu__level-2.column-1,
  html:not(.theme-dark) .menu1.new .menu__level-2.column-2,
  html:not(.theme-dark) .menu1.new .menu__level-2.column-3,
  html:not(.theme-dark) .menu1.new .menu__level-2.column-4{
    left:280px!important;
    right:auto!important;
    transform:none!important;
    margin-left:0!important;
    width:calc(100% - 280px)!important;
    min-width:calc(100% - 280px)!important;
    max-width:calc(100% - 280px)!important;
    background:#fff!important;
    border:0!important;
    border-left:1px solid rgba(15,23,32,.12)!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  html:not(.theme-dark) .menu1.new .menu__level-1-a,
  html:not(.theme-dark) .menu1.new .menu__level-2-a,
  html:not(.theme-dark) .menu1.new .menu__level-2-a.has-children,
  html:not(.theme-dark) .menu1.new .menu__level-3-a{
    color:#0f1720!important
  }

  html.theme-dark .menu1.new::before{
    background:#1c2533!important;
    border:1px solid rgba(255,255,255,.14)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important
  }
  html.theme-dark .menu1.new .menu__level-2,
  html.theme-dark .menu1.new .menu__column{
    background:#151c28!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#f2f6fb!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  html.theme-dark .menu1.new,
  html.theme-dark .menu1.new a,
  html.theme-dark .menu1.new .menu__level-1-a,
  html.theme-dark .menu1.new .menu__level-2-a,
  html.theme-dark .menu1.new .menu__level-2-a.has-children,
  html.theme-dark .menu1.new .menu__level-3-a,
  html.theme-dark .menu1.new .menu__level-2-ul a{
    color:#f2f6fb!important
  }
  html.theme-dark .menu1.new .menu__level-1-li:hover > .menu__level-1-a,
  html.theme-dark .menu1.new .menu__level-1-li.open > .menu__level-1-a,
  html.theme-dark .menu1.new .menu__level-2-a:hover{
    color:#3ddec8!important
  }
}

/* --- 2) Top-bar dropdowns: currency / language / account --- */
/* IMPORTANT: do NOT style .top-links__ul.dropdown-menu here — those are inline nav links on the dark bar */
html:not(.theme-dark) .top-menu__currency .dropdown-menu,
html:not(.theme-dark) .top-menu__language .dropdown-menu,
html:not(.theme-dark) .top-menu__account .dropdown-menu,
html:not(.theme-dark) #top #account .dropdown-menu,
html:not(.theme-dark) #top .btn-group:not(.top-links) > .dropdown-menu{
  background:#fff!important;
  border:1px solid rgba(15,23,32,.14)!important;
  box-shadow:0 12px 28px rgba(15,23,32,.16)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
html:not(.theme-dark) .top-menu__currency .dropdown-menu a,
html:not(.theme-dark) .top-menu__language .dropdown-menu a,
html:not(.theme-dark) .top-menu__account .dropdown-menu a,
html:not(.theme-dark) #top #account .dropdown-menu a,
html:not(.theme-dark) #top .btn-group:not(.top-links) > .dropdown-menu a,
html:not(.theme-dark) #top .btn-group:not(.top-links) > .dropdown-menu button{
  color:#0f1720!important;
  background:transparent!important
}
html:not(.theme-dark) .top-menu__currency .dropdown-menu a:hover,
html:not(.theme-dark) .top-menu__language .dropdown-menu a:hover,
html:not(.theme-dark) .top-menu__account .dropdown-menu a:hover,
html:not(.theme-dark) #top #account .dropdown-menu a:hover,
html:not(.theme-dark) #top .btn-group:not(.top-links) > .dropdown-menu a:hover{
  background:#f3f5f8!important;color:#0b6f64!important
}
html.theme-dark .top-menu__currency .dropdown-menu,
html.theme-dark .top-menu__language .dropdown-menu,
html.theme-dark .top-menu__account .dropdown-menu{
  background:#1c2533!important;
  border:1px solid rgba(255,255,255,.14)!important
}
html.theme-dark .top-menu__currency .dropdown-menu a,
html.theme-dark .top-menu__language .dropdown-menu a,
html.theme-dark .top-menu__account .dropdown-menu a,
html.theme-dark #top #account .dropdown-menu a,
html.theme-dark #account .dropdown-menu a{
  color:#f2f6fb!important
}
html.theme-dark .top-menu__account .dropdown-menu i,
html.theme-dark .top-menu__account .dropdown-menu .fa,
html.theme-dark .top-menu__account .dropdown-menu .fas,
html.theme-dark .top-menu__account .dropdown-menu .far,
html.theme-dark #top #account .dropdown-menu i,
html.theme-dark #account .dropdown-menu i,
html.theme-dark #account .dropdown-menu .fa,
html.theme-dark #account .dropdown-menu .fas,
html.theme-dark #account .dropdown-menu .far{
  color:#e8eef6!important
}

/* --- 3) Search category dropdown above Акції pills --- */
/* Do NOT raise z-index on all .header-search — it punches through mobile catalog menu */
#search.header-block__item-search,
header #search{
  position:relative;
  z-index:12050
}
html:not(.theme-dark) .header-search .dropdown-menu,
html:not(.theme-dark) .header-search__category .dropdown-menu,
html:not(.theme-dark) #search .dropdown-menu,
html:not(.theme-dark) #search2 .dropdown-menu{
  z-index:12060!important;
  position:absolute!important;
  background:#fff!important;
  color:#0f1720!important;
  border:1px solid rgba(15,23,32,.12)!important;
  box-shadow:0 16px 36px rgba(15,23,32,.16)!important
}
html:not(.theme-dark) .header-search .dropdown-menu a,
html:not(.theme-dark) .header-search__category .dropdown-menu a,
html:not(.theme-dark) #search .dropdown-menu a,
html:not(.theme-dark) #search2 .dropdown-menu a,
html:not(.theme-dark) .header-search__category-li a{
  color:#0f1720!important
}
#menu2, .menu2.menu-right{z-index:90!important}

/* --- 4) Cart modal dark palette --- */
#modal-cart, #modal-cart.modal, .modal.fade.in, .modal.in, .modal.show, div.modal{
  position:fixed!important;z-index:10800!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
html:not(.theme-dark) .modal-dialog,
html:not(.theme-dark) .modal-content,
html:not(.theme-dark) #modal-cart .modal-dialog,
html:not(.theme-dark) #modal-cart .modal-content{
  position:relative!important;z-index:10801!important;
  background:#fff!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.modal-backdrop,.modal-backdrop.in,.modal-backdrop.fade.in,.modal-backdrop.show{
  position:fixed!important;z-index:10790!important
}
html.theme-dark .modal-content,
html.theme-dark #modal-cart .modal-content,
html.theme-dark #modal-cart .modal-body,
html.theme-dark #modal-cart .header-cart__dropdown,
html.theme-dark #modal-cart .header-cart__wrapper{
  background:#1a2230!important;color:#f2f6fb!important
}
html.theme-dark .modal-header,
html.theme-dark #modal-cart .modal-header{
  background:#151c28!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  color:#f2f6fb!important
}
html.theme-dark .modal-title,
html.theme-dark #modal-cart .modal-title,
html.theme-dark .modal-header .close,
html.theme-dark #modal-cart .close{
  color:#f2f6fb!important;opacity:.9;text-shadow:none!important
}
html.theme-dark #modal-cart a,
html.theme-dark #modal-cart .header-cart__name,
html.theme-dark #modal-cart .header-cart__name a,
html.theme-dark #modal-cart .header-cart__item,
html.theme-dark #modal-cart .header-cart__price,
html.theme-dark #modal-cart .header-cart__total,
html.theme-dark #modal-cart .header-cart__totals-item{
  color:#f2f6fb!important
}
html.theme-dark #modal-cart .header-cart__price-text,
html.theme-dark #modal-cart .header-cart__total-text{color:#c5d0de!important}
html.theme-dark #modal-cart .header-cart__remove-btn,
html.theme-dark #modal-cart .header-cart__remove-btn i{color:#9fb0c4!important}
html.theme-dark #modal-cart .btn-default{
  background:transparent!important;color:#f2f6fb!important;border:1px solid rgba(255,255,255,.25)!important
}
html.theme-dark #modal-cart .header-cart__item:not(:first-child),
html.theme-dark #modal-cart .header-cart__wrapper{
  border-color:rgba(255,255,255,.1)!important
}
html.theme-dark .qty-switch__btn{background:#2a3546!important;color:#f2f6fb!important}
html.theme-dark .qty-switch__input{background:#121820!important;color:#f2f6fb!important;border-color:rgba(255,255,255,.12)!important}

body.modal-open{overflow:hidden}
body.modal-open .product-thumb,body.modal-open .category-wall__item,body.modal-open .home-banner__item{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}

/* --- Cart modal vs bottom fly-menu on mobile --- */
@media (max-width:991px){
  body.modal-open #modal-cart,
  body.modal-open #modal-cart.modal.show{
    z-index:15000!important
  }
  body.modal-open .modal-backdrop,
  body.modal-open .modal-backdrop.show{
    z-index:14990!important
  }
  body.modal-open #fly-menu.fly-menu,
  body.modal-open #fly-menu.fly-menu.show,
  body.modal-open .fly-menu{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important
  }
  body.modal-open .fly-block,
  body.modal-open .fly-contacts,
  body.modal-open .fly-contacts.show{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important
  }
  #modal-cart .modal-dialog{
    margin:6px auto!important;
    width:calc(100vw - 12px)!important;
    max-width:740px!important
  }
  #modal-cart .modal-content{
    max-height:calc(100dvh - 12px)!important;
    display:flex!important;
    flex-direction:column!important
  }
  #modal-cart .modal-body{
    overflow-y:auto!important;
    flex:1 1 auto!important;
    min-height:0!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px!important
  }
  #modal-cart .header-cart__wrapper{
    max-height:min(58vh, 420px)!important
  }
  #modal-cart .header-cart__totals{
    margin:8px 0 4px!important;
    padding:0!important
  }
  #modal-cart .header-cart__totals-item{
    font-size:1.05em!important;
    line-height:1.15!important;
    margin:0!important;
    min-height:0!important
  }
  #modal-cart .header-cart__totals-title,
  #modal-cart .header-cart__totals-text{
    line-height:1.15!important
  }
  #modal-cart .header-cart__buttons{
    padding:4px 0 8px!important;
    margin:0!important;
    gap:6px!important
  }
  #modal-cart .header-cart__buttons .btn,
  #modal-cart .header-cart__buttons .btn-lg{
    margin:0!important;
    padding:9px 12px!important;
    min-height:0!important;
    font-size:15px!important;
    line-height:1.2!important;
    border-radius:10px!important
  }
}

/* --- General dark-theme readability --- */
html.theme-dark .product-thumb__name a,
html.theme-dark .product-thumb .name a,
html.theme-dark .breadcrumb, html.theme-dark .breadcrumb a,
html.theme-dark .heading, html.theme-dark h1, html.theme-dark h2, html.theme-dark h3,
html.theme-dark .sorts, html.theme-dark .sorts a, html.theme-dark .product-filter,
html.theme-dark .pagination a, html.theme-dark .pagination span{
  color:#f2f6fb!important
}
html.theme-dark .product-thumb{border-color:rgba(255,255,255,.1)!important}
html.theme-dark .uni-wrapper, html.theme-dark .well, html.theme-dark .panel,
html.theme-dark .table, html.theme-dark .table-bordered{
  background:rgba(22,30,42,.72)!important;color:#f2f6fb!important;border-color:rgba(255,255,255,.1)!important
}
html.theme-dark .table>tbody>tr>td, html.theme-dark .table>thead>tr>th{color:#f2f6fb!important;border-color:rgba(255,255,255,.08)!important}
html.theme-dark .form-control{
  background:#111827!important;color:#f8fafc!important;border-color:#4b5563!important
}
html.theme-dark .livesearch, html.theme-dark .live-search{
  background:#1c2533!important;color:#f2f6fb!important;z-index:12070!important
}
html.theme-dark .footer, html.theme-dark .footer a{color:#c5d0de!important}
html.theme-dark .footer a:hover{color:#3ddec8!important}

/* ========== KS-SPEED ========== */
.uni-slideshow_v2__img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block
}
.category-wall__image img{
  aspect-ratio:1/1;
  width:100%;
  height:auto;
  object-fit:cover
}
.product-thumb__image img.img-responsive{
  aspect-ratio:220/230;
  width:100%;
  height:auto;
  object-fit:contain
}
.footer{
  content-visibility:auto;
  contain-intrinsic-size:1px 360px
}

/* ========== KS-UX / LIGHT BRIGHT ========== */
/* Brand: charcoal + teal CTA. Fix white-on-light hero text after bright banners. */
:root{
  --ks-ink:#0a0a0a;
  --ks-muted:#3d4a5c;
  --ks-teal:#1b6b5a;
  --ks-teal-hover:#145a4b;
  --ks-surface:#ffffff;
  --ks-wash:#f5f6f8;
  --ks-line:rgba(15,23,32,.10);
  --ks-radius:14px;
}

/* Hero / slideshow: light = dark text on bright banners; dark = white on studio */
html:not(.theme-dark) .uni-slideshow_v2__title,
html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__title{
  color:#0f766e!important;
  text-shadow:0 1px 10px rgba(255,255,255,.9)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important
}
html:not(.theme-dark) .uni-slideshow_v2__text,
html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__text{
  color:#0f766e!important;
  text-shadow:0 1px 8px rgba(255,255,255,.85)!important
}
.uni-slideshow_v2__btn.btn,
.uni-slideshow_v2 .uni-slideshow_v2__btn{
  background:var(--ks-teal)!important;
  border-color:var(--ks-teal)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:.7rem 1.35rem!important;
  font-weight:600!important;
  box-shadow:0 8px 20px rgba(27,107,90,.22)!important
}
.uni-slideshow_v2__btn.btn:hover,
.uni-slideshow_v2 .uni-slideshow_v2__btn:hover{
  background:var(--ks-teal-hover)!important;
  border-color:var(--ks-teal-hover)!important;
  color:#fff!important
}
html:not(.theme-dark) .uni-slideshow_v2__description.text-over-image{
  background:transparent!important;
  border-radius:var(--ks-radius)!important;
  padding:1.25rem 1.5rem!important;
  max-width:min(1100px, 74vw)!important
}
@media (max-width:767px){
  html:not(.theme-dark) .uni-slideshow_v2__description.text-over-image{
    background:rgba(255,255,255,.92)!important;
    max-width:100%!important;
    margin:.5rem!important
  }
}

/* Soft veil so product side stays vivid but text stays clear */
html:not(.theme-dark) .uni-slideshow_v2__item.text-over-image .uni-slideshow_v2__image:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,.12) 42%, transparent 68%);
  z-index:1
}
.uni-slideshow_v2__description{position:relative;z-index:2}

/* ========== KS-HERO FULL-WIDTH ========== */
/* Full-bleed hero: pull out of the .container column and touch the header. */
.content-top .uni-slideshow_v2,
.content-top .uni-slideshow_v2-0,
.content-top .uni-slideshow_v2-1,
.home-page .content-top .uni-slideshow_v2,
.home-page .content-top .uni-slideshow_v2-0,
.home-page .content-top .uni-slideshow_v2-1,
.ksovit-hero .uni-slideshow_v2{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0
}
.ksovit-hero .uni-slideshow_v2{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important
}
.uni-slideshow_v2 .uni-slideshow_v2__item,
.uni-slideshow_v2-0 .uni-slideshow_v2__item,
.uni-slideshow_v2-1 .uni-slideshow_v2__item{
  justify-content:flex-start
}
.uni-slideshow_v2 .uni-slideshow_v2__description.text-over-image,
.uni-slideshow_v2-0 .uni-slideshow_v2__description.text-over-image,
.uni-slideshow_v2-1 .uni-slideshow_v2__description.text-over-image{
  left:max(24px, calc((100vw - 1320px) / 2 + 16px))!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  text-align:left!important
}
.uni-slideshow_v2 .uni-slideshow_v2__btns,
.uni-slideshow_v2-0 .uni-slideshow_v2__btns,
.uni-slideshow_v2-1 .uni-slideshow_v2__btns{
  text-align:left!important
}
/* On phones keep the caption pinned to the bottom like the base theme */
@media (max-width:767px){
  .uni-slideshow_v2 .uni-slideshow_v2__description.text-over-image,
  .uni-slideshow_v2-0 .uni-slideshow_v2__description.text-over-image,
  .uni-slideshow_v2-1 .uni-slideshow_v2__description.text-over-image{
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    transform:none!important;
    text-align:center!important
  }
  .uni-slideshow_v2 .uni-slideshow_v2__btns,
  .uni-slideshow_v2-0 .uni-slideshow_v2__btns,
  .uni-slideshow_v2-1 .uni-slideshow_v2__btns{
    text-align:center!important
  }
}

/* Category wall cards */
html:not(.theme-dark) .category-wall__item,
html:not(.theme-dark) .category-wall__item.uni-item{
  background:var(--ks-surface)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:var(--ks-radius)!important;
  overflow:hidden!important;
  box-shadow:0 1px 2px rgba(15,23,32,.04)!important;
  transition:box-shadow .18s ease, border-color .18s ease!important
}
html:not(.theme-dark) .category-wall__item:hover,
html:not(.theme-dark) .category-wall__item.uni-item:hover{
  border-color:rgba(27,107,90,.35)!important;
  box-shadow:0 14px 28px rgba(15,23,32,.09)!important
}
html:not(.theme-dark) .category-wall__title,
html:not(.theme-dark) .category-wall__title a{
  color:var(--ks-ink)!important;
  font-weight:650!important
}
html:not(.theme-dark) .category-wall__title a:hover{color:var(--ks-teal)!important}
.category-wall__image{
  background:var(--ks-wash)!important;
  border-radius:calc(var(--ks-radius) - 2px) calc(var(--ks-radius) - 2px) 0 0!important
}
.category-wall__image img{
  transition:transform .25s ease
}
html:not(.theme-dark) .category-wall__item:hover .category-wall__image img{
  transform:scale(1.03)!important
}

/* Product cards + CTA consistency */
html:not(.theme-dark) .product-thumb{
  background:var(--ks-surface)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:var(--ks-radius)!important;
  overflow:hidden
}
html:not(.theme-dark) .product-thumb:hover{
  border-color:rgba(27,107,90,.28)!important;
  box-shadow:0 12px 26px rgba(15,23,32,.08)!important
}
html:not(.theme-dark) .product-thumb__name,
html:not(.theme-dark) .product-thumb__name a{
  color:var(--ks-ink)!important
}
html:not(.theme-dark) .product-thumb__name a:hover{color:var(--ks-teal)!important}
html:not(.theme-dark) .product-thumb__price,
html:not(.theme-dark) .price,
html:not(.theme-dark) .price-new{
  color:var(--ks-ink)!important;
  font-weight:700!important
}
.product-thumb__add-to-cart.btn,
.add_to_cart.btn,
.btn-primary{
  background:var(--ks-teal)!important;
  border-color:var(--ks-teal)!important;
  color:#fff!important;
  border-radius:999px!important
}
.product-thumb__add-to-cart.btn:hover,
.add_to_cart.btn:hover,
.btn-primary:hover{
  background:var(--ks-teal-hover)!important;
  border-color:var(--ks-teal-hover)!important;
  color:#fff!important
}

/* Header / search / menu readability on light */
html:not(.theme-dark) .header-search__input,
html:not(.theme-dark) #search input[type="text"]{
  background:var(--ks-wash)!important;
  color:var(--ks-ink)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:999px!important
}
html:not(.theme-dark) .menu-main__header,
html:not(.theme-dark) .menu1 .menu-main__header,
html:not(.theme-dark) .btn-menu{
  background:var(--ks-ink)!important;
  color:#fff!important;
  border-radius:12px!important
}
html:not(.theme-dark) .header-block a:hover{color:var(--ks-teal)!important}
/* top utility controls (not info links) */
html:not(.theme-dark) #top.top-menu .top-menu__buttons a:hover,
html:not(.theme-dark) #top.top-menu .top-menu__btn:hover{color:#fff!important}

/* Section headings */
html:not(.theme-dark) .heading,
html:not(.theme-dark) h1,
html:not(.theme-dark) h2{
  color:var(--ks-ink)!important
}

/* Breadcrumbs & filters */
html:not(.theme-dark) .breadcrumb a,
html:not(.theme-dark) .sorts a{
  color:var(--ks-muted)!important
}
html:not(.theme-dark) .breadcrumb a:hover,
html:not(.theme-dark) .sorts a:hover{color:var(--ks-teal)!important}

/* Pagination active = brand teal */
html:not(.theme-dark) .pagination li.active > span,
html:not(.theme-dark) .pagination > .active > span{
  background:var(--ks-teal)!important;
  border-color:var(--ks-teal)!important;
  color:#fff!important
}

/* Footer contrast already dark; keep links clear */
html:not(.theme-dark) .footer a:hover{color:#3ddec8!important}

/* Mobile fly menu touch targets */
/* ========== KS-HEADER 2026 — flat unified (kill glass vinaigrette) ========== */
/*
  Modern ecommerce header pattern:
  - one full-bleed white header (no floating islands)
  - slim utility bar
  - inline info links (not a white hanging tab)
  - promo row as text links, not mint glass pills
  - one accent (teal), high-contrast ink on white
*/

header{
  background:#fff!important;
  box-shadow:0 1px 0 rgba(15,23,32,.08)!important;
  position:relative;
  z-index:1100
}
html.theme-dark header{
  background:#111827!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08)!important
}

/* --- Utility bar --- */
html:not(.theme-dark) #top.top-menu,
html:not(.theme-dark) .top-menu{
  background:#111827!important;
  border-bottom:0!important;
  min-height:36px!important
}
html:not(.theme-dark) #top.top-menu > .container{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:36px!important;
  padding-top:0!important;
  padding-bottom:0!important
}

/* Desktop info links: INLINE on the bar — never a hamburger + card */
@media (min-width:992px){
  html:not(.theme-dark) #top.top-menu .top-links .top-menu__btn,
  html.theme-dark #top.top-menu .top-links .top-menu__btn{display:none!important}
  html:not(.theme-dark) #top.top-menu .top-links__ul.dropdown-menu,
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu,
  html:not(.theme-dark) #top.top-menu .top-links > .dropdown-menu,
  html.theme-dark #top.top-menu .top-links__ul.dropdown-menu,
  html.theme-dark #top.top-menu .top-links .dropdown-menu,
  html.theme-dark #top.top-menu .top-links > .dropdown-menu{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:0 18px!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  html:not(.theme-dark) #top.top-menu .top-links__li,
  html.theme-dark #top.top-menu .top-links__li{margin:0!important;list-style:none!important}
  html:not(.theme-dark) #top.top-menu .top-links a,
  html:not(.theme-dark) #top.top-menu .top-links__a,
  html:not(.theme-dark) #top.top-menu .top-links__ul a,
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu > li > a,
  html.theme-dark #top.top-menu .top-links a,
  html.theme-dark #top.top-menu .top-links__a,
  html.theme-dark #top.top-menu .top-links__ul a,
  html.theme-dark #top.top-menu .top-links .dropdown-menu > li > a{
    color:rgba(255,255,255,.82)!important;
    background:transparent!important;
    background-color:transparent!important;
    padding:8px 0!important;
    font-size:13px!important;
    font-weight:500!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    opacity:1!important
  }
  html:not(.theme-dark) #top.top-menu .top-links a:hover,
  html:not(.theme-dark) #top.top-menu .top-links a:focus,
  html:not(.theme-dark) #top.top-menu .top-links__a:hover,
  html:not(.theme-dark) #top.top-menu .top-links__ul a:hover,
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu > li > a:hover,
  html.theme-dark #top.top-menu .top-links a:hover,
  html.theme-dark #top.top-menu .top-links a:focus,
  html.theme-dark #top.top-menu .top-links__a:hover,
  html.theme-dark #top.top-menu .top-links__ul a:hover,
  html.theme-dark #top.top-menu .top-links .dropdown-menu > li > a:hover{
    color:#fff!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    text-decoration:none!important
  }
}

/* Real dropdowns (currency/lang/account) — solid readable panel */
html:not(.theme-dark) #top.top-menu .top-menu__currency .dropdown-menu,
html:not(.theme-dark) #top.top-menu .top-menu__language .dropdown-menu,
html:not(.theme-dark) #top.top-menu .top-menu__account .dropdown-menu,
html:not(.theme-dark) #top.top-menu #account .dropdown-menu{
  position:absolute!important;
  display:none;
  background:#fff!important;
  background-color:#fff!important;
  border:1px solid rgba(15,23,32,.12)!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(15,23,32,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:6px 0!important;
  min-width:180px!important;
  z-index:13000!important
}
html:not(.theme-dark) #top.top-menu .open > .dropdown-menu,
html:not(.theme-dark) #top.top-menu .top-menu__currency.open .dropdown-menu,
html:not(.theme-dark) #top.top-menu .btn-group.open .dropdown-menu{
  display:block!important
}
html:not(.theme-dark) #top.top-menu .top-menu__currency .dropdown-menu a,
html:not(.theme-dark) #top.top-menu .top-menu__language .dropdown-menu a,
html:not(.theme-dark) #top.top-menu .top-menu__account .dropdown-menu a,
html:not(.theme-dark) #top.top-menu #account .dropdown-menu a,
html:not(.theme-dark) #top.top-menu .top-menu__currency-item a{
  color:#111827!important;
  background:transparent!important;
  padding:10px 16px!important;
  font-weight:500!important;
  opacity:1!important;
  text-shadow:none!important
}
html:not(.theme-dark) #top.top-menu .top-menu__currency .dropdown-menu a:hover,
html:not(.theme-dark) #top.top-menu .top-menu__language .dropdown-menu a:hover,
html:not(.theme-dark) #top.top-menu .top-menu__account .dropdown-menu a:hover,
html:not(.theme-dark) #top.top-menu #account .dropdown-menu a:hover{
  background:#f3f4f6!important;
  color:#0f766e!important
}

/* Utility buttons stay light-on-dark */
html:not(.theme-dark) #top.top-menu .top-menu__btn,
html:not(.theme-dark) #top.top-menu .top-menu__btn-text,
html:not(.theme-dark) #top.top-menu .top-menu__btn-code,
html:not(.theme-dark) #top.top-menu .ks-theme-toggle{
  color:rgba(255,255,255,.9)!important;
  background:transparent!important;
  box-shadow:none!important
}
html:not(.theme-dark) #top.top-menu .top-menu__btn:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important
}

/* --- Main header: full-bleed flat white, NO island --- */
html:not(.theme-dark) header > .container,
html:not(.theme-dark) header > .container.container{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important
}
/* Menu lives in a SECOND header container. Keep the logo row full-bleed,
   but pin the catalog dropdown to the same 1320px column as .header-block
   — otherwise left:0 starts at the viewport edge and the panel jumps left. */
@media (min-width:992px){
  html:not(.theme-dark) header > .container:has(.main-menu),
  html:not(.theme-dark) header > .container:has(.menu-wrapper.new){
    max-width:1320px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important
  }
  html:not(.theme-dark) header > .container:has(.main-menu) > .row,
  html:not(.theme-dark) header > .container:has(.menu-wrapper.new) > .row{
    margin-left:0!important;
    margin-right:0!important
  }
  html:not(.theme-dark) .main-menu.set-before,
  html:not(.theme-dark) header .main-menu{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important
  }
  html:not(.theme-dark) .menu-wrapper.new,
  html:not(.theme-dark) .menu-wrapper.new.show,
  html:not(.theme-dark) .menu-wrapper.new.is-wide{
    left:0!important;
    right:auto!important;
    transform:none!important;
    margin-left:0!important
  }
}
html:not(.theme-dark) .header-block{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:12px 24px!important;
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
html:not(.theme-dark) .header-logo img,
html:not(.theme-dark) #logo img{
  max-height:40px!important;
  width:auto!important;
  filter:none!important
}
html:not(.theme-dark) .header-phones__main,
html:not(.theme-dark) .header-phones a,
html:not(.theme-dark) .header-block__item-caption,
html:not(.theme-dark) .header-cart__caption,
html:not(.theme-dark) .header-block a,
html:not(.theme-dark) .header-block i{
  color:#111827!important
}
html:not(.theme-dark) .header-phones__main{
  font-weight:700!important;
  font-size:14px!important;
  line-height:1.25!important;
  text-decoration:none!important
}
html:not(.theme-dark) .header-block__item-caption{
  font-size:11px!important;
  color:#6b7280!important;
  margin-top:2px!important
}

/* Catalog + search — one connected control */
html:not(.theme-dark) .header-menu__btn,
html:not(.theme-dark) .menu-open{
  height:44px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  border:0!important;
  background:#0f766e!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:600!important;
  flex-shrink:0!important
}
html:not(.theme-dark) .header-menu__btn:hover,
html:not(.theme-dark) .menu-open:hover{
  background:#0d9488!important
}
html:not(.theme-dark) .header-search,
html:not(.theme-dark) #search .header-search{
  flex:1 1 auto!important;
  min-width:0!important
}
html:not(.theme-dark) .header-search,
html:not(.theme-dark) .header-search__form,
html:not(.theme-dark) #search{
  border-radius:10px!important
}
html:not(.theme-dark) .header-search__form{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  height:44px!important;
  box-sizing:border-box!important;
  border:1px solid #d1d5db!important;
  border-radius:10px!important;
  background:#f9fafb!important;
  overflow:visible!important;
  box-shadow:none!important
}
html:not(.theme-dark) .header-search__category{
  display:flex!important;
  align-self:stretch!important;
  align-items:stretch!important;
  position:relative!important;
  flex:0 0 auto!important;
  margin:0!important;
  overflow:visible!important;
  z-index:3
}
html:not(.theme-dark) .header-search__category-btn,
html:not(.theme-dark) .header-search__category .btn,
html:not(.theme-dark) #search .header-search__category .btn,
html:not(.theme-dark) #search .header-search__category-btn.btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
  min-width:44px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid #e5e7eb!important;
  border-radius:9px 0 0 9px!important;
  background:#f3f4f6!important;
  background-image:none!important;
  color:#374151!important;
  box-shadow:none!important
}
html:not(.theme-dark) .header-search__category-btn i,
html:not(.theme-dark) .header-search__category-icon{
  color:#374151!important;
  line-height:1!important
}
html:not(.theme-dark) .header-search__category-btn:hover{
  background:#e5e7eb!important;
  color:#0f766e!important
}
html:not(.theme-dark) .header-search__input,
html:not(.theme-dark) #search input[name="search"]{
  flex:1 1 auto!important;
  height:auto!important;
  align-self:stretch!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111827!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
html:not(.theme-dark) .header-search__input::placeholder{
  color:#9ca3af!important
}
html:not(.theme-dark) .header-search__btn,
html:not(.theme-dark) #search .header-search__btn,
html:not(.theme-dark) #search button.header-search__btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:100%!important;
  align-self:stretch!important;
  min-width:46px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 9px 9px 0!important;
  background:#0f766e!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  flex-shrink:0!important;
  position:static!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  line-height:1!important
}
html:not(.theme-dark) .header-search__btn i,
html:not(.theme-dark) .header-search__btn .fa,
html:not(.theme-dark) #search .header-search__btn i{
  color:#fff!important;
  line-height:1!important;
  font-size:16px!important;
  transform:none!important;
  position:static!important
}
html:not(.theme-dark) .header-search__btn:hover{
  background:#0d9488!important
}
html:not(.theme-dark) .header-cart__icon-total,
html:not(.theme-dark) .header-wishlist__total-items,
html:not(.theme-dark) .header-compare__total-items{
  background:#0f766e!important;
  color:#fff!important;
  border:0!important
}
html:not(.theme-dark) #modal-cart .header-cart__total,
html:not(.theme-dark) .header-cart__item .header-cart__total{
  background:transparent!important;
  color:#111827!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important
}
html:not(.theme-dark) #modal-cart .header-cart__total-text{
  color:#6b7280!important
}
html:not(.theme-dark) #modal-cart .header-cart__item .header-cart__total > span:last-child,
html:not(.theme-dark) #modal-cart .header-cart__item .price{
  color:#0f766e!important;
  font-weight:700!important
}

/* --- Promo row: same white plate as header, thin divider --- */
html:not(.theme-dark) .main-menu.set-before,
html:not(.theme-dark) .menu.set-before,
html:not(.theme-dark) header .main-menu{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0!important
}
html:not(.theme-dark) .main-menu.set-before:before,
html:not(.theme-dark) .menu.set-before:before{
  display:none!important;
  content:none!important;
  height:0!important
}
html:not(.theme-dark) header .container:has(#menu2),
html:not(.theme-dark) header .container:has(.menu2){
  border-top:0!important;
  background:#fff!important
}
html:not(.theme-dark) #menu2,
html:not(.theme-dark) .menu2.menu-right,
html:not(.theme-dark) #menu2.menu2,
html:not(.theme-dark) header .menu-right{
  display:block!important;
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid #e5e7eb!important;
  box-shadow:none!important;
  height:auto!important;
  min-height:40px!important;
  overflow:visible!important
}
html:not(.theme-dark) #menu2 .container,
html:not(.theme-dark) .menu2 .container,
html:not(.theme-dark) #menu2 .menu2__list{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
html:not(.theme-dark) #menu2 .menu__collapse,
html:not(.theme-dark) .menu2.menu-right .menu__collapse{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 22px!important;
  padding:2px 0 10px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  height:auto!important;
  min-height:0!important
}
html:not(.theme-dark) #menu2 .menu__level-1-li,
html:not(.theme-dark) .menu2.menu-right .menu__level-1-li{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  float:none!important;
  width:auto!important;
  flex:0 0 auto!important
}
html:not(.theme-dark) #menu2 .menu__level-1-li:before,
html:not(.theme-dark) #menu2 .menu__level-1-li:after,
html:not(.theme-dark) .menu2 .menu__level-1-li:before,
html:not(.theme-dark) .menu2 .menu__level-1-li:after{
  content:none!important;
  display:none!important
}
html:not(.theme-dark) #menu2 .menu__level-1-a,
html:not(.theme-dark) .menu2.menu-right .menu__level-1-a,
html:not(.theme-dark) #menu2 a,
html:not(.theme-dark) .menu2 a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  height:auto!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#4b5563!important;
  font-weight:600!important;
  font-size:13px!important;
  transform:none!important;
  justify-content:flex-start!important
}
html:not(.theme-dark) #menu2 .menu__level-1-a:hover,
html:not(.theme-dark) .menu2.menu-right .menu__level-1-a:hover,
html:not(.theme-dark) #menu2 a:hover,
html:not(.theme-dark) .menu2 a:hover{
  color:#0f766e!important;
  background:transparent!important;
  transform:none!important;
  box-shadow:none!important
}
html:not(.theme-dark) #menu2 .menu__level-1-icon,
html:not(.theme-dark) .menu2.menu-right .menu__level-1-icon{
  color:#0f766e!important
}

/* Kill ambient blobs behind header/content if present */
.ks-lg-ambient{display:none!important}

/* Body wash — calm neutral, not candy glass */
html:not(.theme-dark),
html:not(.theme-dark) body{
  background:#f3f4f6!important;
  color:#111827!important
}

/* ========== MOBILE 2026 ========== */
@media (max-width:991px){
  html:not(.theme-dark) .header-block{
    padding:10px 14px!important;
    gap:10px!important
  }

  /* Catalog menu above everything; kill floating search overlay */
  .menu-wrapper,
  .menu-wrapper.show{
    z-index:13000!important
  }
  body.menu-open #search2,
  .menu-wrapper.show ~ #search2,
  header:has(.menu-wrapper.show) #search2,
  .menu-wrapper.show + * #search2{
    display:none!important
  }
  /* Reliable: hide mobile search while off-canvas catalog is open */
  body:has(.menu-wrapper.show) #search2,
  html:has(.menu-wrapper.show) #search2{
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important
  }

  /* Mobile search stays in document flow under logo — never fixed mid-screen */
  #search2{
    position:static!important;
    z-index:1!important;
    padding:0 12px 12px!important;
    margin:0!important
  }
  #search2 .header-search,
  #search2 .header-search__form{
    position:relative!important;
    z-index:1!important
  }
  #search2 .header-search__form{
    display:flex!important;
    align-items:stretch!important;
    height:44px!important;
    border:1px solid #d1d5db!important;
    border-radius:10px!important;
    background:#f9fafb!important;
    overflow:visible!important
  }
  #search2 .header-search__category-btn,
  #search2 .header-search__category .btn{
    height:100%!important;
    min-width:44px!important;
    border:0!important;
    border-right:1px solid #e5e7eb!important;
    border-radius:0!important;
    background:#f3f4f6!important;
    color:#374151!important;
    box-shadow:none!important
  }
  #search2 .header-search__input{
    flex:1 1 auto!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important
  }
  #search2 .header-search__btn{
    width:46px!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    background:#0f766e!important;
    color:#fff!important;
    position:static!important;
    transform:none!important
  }

  /* Fly-menu search overlay: only pinned to top when opened, never mid-list */
  .fly-menu__search-m .header-search{
    z-index:13010!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:0 8px 20px rgba(15,23,32,.18)!important
  }
  /* While catalog menu open — never show fly search either */
  html:has(.menu-wrapper.show) .fly-menu__search-m .header-search,
  html:has(.menu-wrapper.show) .fly-menu__search-m.show .header-search{
    display:none!important
  }

  /* Promo row: hide on small screens to save space (links still in catalog) */
  #menu2.menu2,
  .menu2.menu-right{
    display:none!important
  }
}

/* ========== DARK THEME — flat cohesive ========== */
html.theme-dark,
html.theme-dark body{
  background:#0b1220!important;
  color:#e5e7eb!important
}
html.theme-dark header{
  background:#111827!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08)!important
}
html.theme-dark #top.top-menu,
html.theme-dark .top-menu{
  background:#030712!important
}
html.theme-dark #top.top-menu .top-links a,
html.theme-dark #top.top-menu .top-links__a,
html.theme-dark #top.top-menu .top-menu__btn,
html.theme-dark #top.top-menu .top-menu__btn-text,
html.theme-dark #top.top-menu .ks-theme-toggle{
  color:rgba(255,255,255,.88)!important;
  background:transparent!important
}
html.theme-dark #top.top-menu .top-links a:hover,
html.theme-dark #top.top-menu .top-links__a:hover{
  color:#fff!important;
  background:transparent!important
}
html.theme-dark header > .container,
html.theme-dark header > .container.container{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important
}
@media (min-width:992px){
  html.theme-dark header > .container:has(.main-menu),
  html.theme-dark header > .container:has(.menu-wrapper.new){
    max-width:1320px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important
  }
}
html.theme-dark .header-block{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:12px 24px!important;
  background:#111827!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
html.theme-dark .header-block a,
html.theme-dark .header-block i,
html.theme-dark .header-phones a,
html.theme-dark .header-block__item-caption,
html.theme-dark .header-cart__caption{
  color:#e5e7eb!important
}
html.theme-dark .header-block__item-caption{color:#9ca3af!important}
html.theme-dark .header-menu__btn,
html.theme-dark .menu-open{
  background:#0f766e!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important
}
html.theme-dark .header-search__form,
html.theme-dark #search2 .header-search__form{
  background:#1f2937!important;
  border:1px solid #374151!important;
  border-radius:10px!important
}
html.theme-dark .header-search__input,
html.theme-dark #search input[name="search"],
html.theme-dark #search2 .header-search__input{
  background:transparent!important;
  color:#f3f4f6!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
html.theme-dark .header-search__category-btn,
html.theme-dark #search2 .header-search__category-btn{
  background:#111827!important;
  color:#d1d5db!important;
  border-right:1px solid #374151!important;
  border-radius:0!important;
  box-shadow:none!important
}
html.theme-dark .header-search__btn,
html.theme-dark #search2 .header-search__btn{
  background:#0f766e!important;
  color:#fff!important;
  border-radius:0!important;
  box-shadow:none!important
}
html.theme-dark .menu-wrapper{
  background:#111827!important
}
html.theme-dark .menu__header{
  background:#030712!important;
  color:#fff!important
}
html.theme-dark .menu1 a,
html.theme-dark .menu1 .menu__level-1-a,
html.theme-dark .menu1 .menu__level-2-a,
html.theme-dark .menu1 .menu__level-3-a{
  color:#e5e7eb!important
}
html.theme-dark .product-thumb,
html.theme-dark .category-wall__item,
html.theme-dark .uni-home-banner__item,
html.theme-dark .home-banner__item{
  background:#1f2937!important;
  border:1px solid #374151!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
html.theme-dark .product-thumb__name a,
html.theme-dark .product-thumb .price,
html.theme-dark .price-new{
  color:#f3f4f6!important
}
html.theme-dark .fly-menu,
html.theme-dark #fly-menu.fly-menu,
html.theme-dark .fly-menu.show{
  background:#111827!important;
  border-bottom:1px solid #374151!important;
  backdrop-filter:none!important
}
html.theme-dark .ksovit-hero .uni-slideshow_v2__title,
html.theme-dark .ksovit-hero .uni-slideshow_v2__title *{
  color:#fff!important;
  font-weight:800!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)
}
html.theme-dark .ksovit-hero .uni-slideshow_v2__text{color:rgba(255,255,255,.85)!important}
html.theme-dark .ksovit-hero .uni-slideshow_v2__image.text-over-image::after{
  background:linear-gradient(100deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.12) 62%,transparent 100%)!important
}
html.theme-dark .ksovit-hero .uni-slideshow_v2__btn{
  background:#0f766e!important;
  color:#fff!important;
  border:0!important
}
html.theme-dark #menu2 .menu__level-1-a,
html.theme-dark .menu2 .menu__level-1-a{
  color:#d1d5db!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
html.theme-dark #menu2,
html.theme-dark .menu2.menu-right{
  background:transparent!important;
  border-top:1px solid #374151!important
}
html.theme-dark .header-logo img,
html.theme-dark #logo img{
  max-height:40px!important;
  width:auto!important;
  filter:none!important
}

/* ========== DARK: search category dropdown — light text on dark panel ========== */
html.theme-dark .header-search .dropdown-menu,
html.theme-dark .header-search__category .dropdown-menu,
html.theme-dark #search .dropdown-menu,
html.theme-dark #search2 .dropdown-menu,
html.theme-dark .header-search__category .dropdown-menu.dropdown-menu,
html.theme-dark .live-search__ul{
  z-index:12060!important;
  background:#1f2937!important;
  background-color:#1f2937!important;
  color:#f3f4f6!important;
  border:1px solid #374151!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45)!important;
  backdrop-filter:none!important
}
html.theme-dark .header-search .dropdown-menu a,
html.theme-dark .header-search .dropdown-menu li,
html.theme-dark .header-search .dropdown-menu li > a,
html.theme-dark .header-search__category .dropdown-menu a,
html.theme-dark .header-search__category-li,
html.theme-dark .header-search__category-li a,
html.theme-dark #search .dropdown-menu a,
html.theme-dark #search .dropdown-menu li > a,
html.theme-dark #search2 .dropdown-menu a,
html.theme-dark #search2 .dropdown-menu li > a,
html.theme-dark .live-search__name,
html.theme-dark .live-search__name span,
html.theme-dark .live-search__section,
html.theme-dark .live-search__category-item,
html.theme-dark .live-search__model{
  color:#f3f4f6!important;
  background:transparent!important
}
html.theme-dark .header-search .dropdown-menu a:hover,
html.theme-dark .header-search__category .dropdown-menu a:hover,
html.theme-dark .header-search__category-li a:hover,
html.theme-dark #search .dropdown-menu a:hover,
html.theme-dark #search2 .dropdown-menu a:hover,
html.theme-dark .live-search__item:hover{
  color:#5eead4!important;
  background:#111827!important
}
.live-search__more,
.live-search__item.live-search__more{
  margin-top:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important
}
.live-search__more a,
.live-search__item.live-search__more a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  font-weight:600!important;
  text-align:center!important;
  text-decoration:none!important
}
html:not(.theme-dark) .live-search__ul{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 16px 36px rgba(15,23,32,.14)!important
}
html:not(.theme-dark) .live-search__more a,
html:not(.theme-dark) .live-search__item.live-search__more a{
  background:#0f766e!important;
  color:#fff!important
}
html:not(.theme-dark) .live-search__more a:hover,
html:not(.theme-dark) .live-search__item.live-search__more a:hover{
  background:#0d9488!important;
  color:#fff!important
}
html.theme-dark .live-search__more,
html.theme-dark .live-search__item.live-search__more{
  background:transparent!important
}
html.theme-dark .live-search__more a,
html.theme-dark .live-search__item.live-search__more a,
html.theme-dark .live-search__more:hover,
html.theme-dark .live-search__item.live-search__more:hover{
  background:#0f766e!important;
  color:#fff!important
}
html.theme-dark .live-search__more a:hover,
html.theme-dark .live-search__item.live-search__more a:hover{
  background:#14b8a6!important;
  color:#fff!important
}
html.theme-dark .live-search__ul::-webkit-scrollbar{background:#111827!important}
html.theme-dark .live-search__ul::-webkit-scrollbar-thumb{background:#4b5563!important}

/* ========== Promo row: text links, not glass chips ========== */
html.theme-dark #menu2.menu2 .menu__level-1-a,
html.theme-dark #menu2.menu-right .menu__level-1-a,
html.theme-dark .menu2.menu-right .menu__level-1-a,
html.theme-dark #menu2 .menu__level-1-a,
html.theme-dark .menu2 .menu__level-1-a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#d1d5db!important;
  font-weight:600!important;
  font-size:13px!important
}
html.theme-dark #menu2.menu2 .menu__level-1-a:hover,
html.theme-dark #menu2.menu-right .menu__level-1-a:hover,
html.theme-dark .menu2.menu-right .menu__level-1-a:hover,
html.theme-dark #menu2 .menu__level-1-a:hover{
  color:#5eead4!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important
}
html.theme-dark #menu2 .menu__level-1-icon,
html.theme-dark .menu2 .menu__level-1-icon{
  color:#2dd4bf!important
}
html.theme-dark #menu2,
html.theme-dark #menu2.menu2,
html.theme-dark .menu2.menu-right{
  background:transparent!important;
  border:0!important;
  border-top:1px solid #374151!important;
  box-shadow:none!important;
  height:auto!important
}

/* ========== MOBILE DARK: catalog drawer ========== */
@media (max-width:991px){
  html.theme-dark .menu-wrapper,
  html.theme-dark .menu-wrapper.new,
  html.theme-dark .menu-wrapper.show,
  html.theme-dark .menu1,
  html.theme-dark .menu1.new,
  html.theme-dark .menu1 .menu__collapse,
  html.theme-dark .menu__collapse,
  html.theme-dark .menu__level-1-li,
  html.theme-dark .menu__level-2,
  html.theme-dark .menu__level-3{
    background:#111827!important;
    background-image:none!important;
    color:#e5e7eb!important;
    border-color:#1f2937!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  html.theme-dark .menu__header,
  html.theme-dark .menu1 .menu__header{
    background:#030712!important;
    color:#fff!important;
    border-bottom:1px solid #1f2937!important
  }
  html.theme-dark .menu1 a,
  html.theme-dark .menu1 .menu__level-1-a,
  html.theme-dark .menu1 .menu__level-2-a,
  html.theme-dark .menu1 .menu__level-3-a,
  html.theme-dark .menu1 .menu__header-title,
  html.theme-dark .menu1 .menu__back,
  html.theme-dark .menu__chevron,
  html.theme-dark .menu__header-icon{
    color:#e5e7eb!important
  }
  html.theme-dark .menu1 .menu__level-1-a:hover,
  html.theme-dark .menu1 .menu__level-2-a:hover,
  html.theme-dark .menu1 .menu__level-1-li.open > .menu__level-1-a{
    color:#5eead4!important;
    background:#1f2937!important
  }
  html.theme-dark .menu1 .menu__level-2-a,
  html.theme-dark .menu1 .menu__level-3-a,
  html.theme-dark .menu1 .menu__level-1-li{
    border-color:#1f2937!important
  }
  html.theme-dark .ks-menu-icon{
    background:#1f2937!important;
    border:1px solid #374151!important;
    color:#2dd4bf!important;
    box-shadow:none!important
  }
  html.theme-dark .menu1 .menu__level-1-li.new-items .menu__level-1-a{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#e5e7eb!important;
    margin:0!important
  }
  html.theme-dark .menu.slide-from-right .menu__level-2,
  html.theme-dark .menu.slide-from-right .menu__level-3{
    background:#111827!important
  }
}

/* ========== Category page: no white subcategory pills ========== */
html:not(.theme-dark) .category-list__item.uni-item-bg,
html:not(.theme-dark) .uni-item-bg{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d1d5db!important;
  box-shadow:0 1px 2px rgba(15,23,32,.04)!important
}
html:not(.theme-dark) .category-list__item.uni-item-bg .category-list__name,
html:not(.theme-dark) .uni-item-bg{
  color:#111827!important
}
html.theme-dark .category-list__item,
html.theme-dark .category-list__item.uni-item,
html.theme-dark .category-list__item.uni-item-bg,
html.theme-dark .uni-item-bg,
html.theme-dark .uni-item{
  background:#1f2937!important;
  border:1px solid #374151!important;
  color:#f3f4f6!important;
  box-shadow:none!important
}
html.theme-dark .category-list__name,
html.theme-dark .category-list__item.uni-item-bg .category-list__name,
html.theme-dark .uni-item-bg,
html.theme-dark .uni-item a,
html.theme-dark .category-list__item{
  color:#f3f4f6!important
}
html.theme-dark .category-list__item.uni-item-bg:hover,
html.theme-dark .uni-item-bg:hover,
html.theme-dark .uni-item:hover{
  background:#111827!important;
  border-color:#0f766e!important;
  color:#5eead4!important
}
html.theme-dark .product-category-list{
  background:#1f2937!important;
  color:#e5e7eb!important
}
html.theme-dark .product-category-list__item,
html.theme-dark .product-category-list__item a{
  color:#e5e7eb!important
}
html.theme-dark .product-category-list__item:hover:before,
html.theme-dark .product-category-list__item.selected:before{
  background:rgba(255,255,255,.06)!important
}
html.theme-dark .category-list__select{
  background:#1f2937!important;
  color:#e5e7eb!important
}

/* ========== List view: cart button fits content, not full row ========== */
.list-view .product-thumb__price-cart,
.list-view .product-thumb .product-thumb__cart,
.list-view .product-thumb__cart{
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px 16px!important;
  width:auto!important;
  max-width:100%!important
}
.list-view .product-thumb__price,
.list-view .product-thumb .price{
  width:auto!important;
  margin:0!important
}
.list-view .product-thumb__add-to-cart,
.list-view .product-thumb .add_to_cart,
.list-view .product-thumb__add-to-cart.btn{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 16px!important;
  border-radius:10px!important;
  white-space:nowrap!important
}
@media (max-width:767px){
  .list-view .product-thumb__add-to-cart,
  .list-view .product-thumb .add_to_cart{
    width:auto!important;
    padding:8px 14px!important
  }
}

/* Hero height is set by module settings (--ks-hero-h / --ks-hero-h-m) */
@media (min-width:768px){
  .ksovit-hero,
  .ksovit-hero .uni-slideshow_v2,
  .ksovit-hero .uni-slideshow_v2.owl-carousel,
  .ksovit-hero .owl-carousel,
  .ksovit-hero .owl-stage-outer,
  .ksovit-hero .owl-item,
  .ksovit-hero .uni-slideshow_v2__item,
  .ksovit-hero .uni-slideshow_v2__image,
  .ksovit-hero .uni-slideshow_v2__image.text-over-image{
    height:var(--ks-hero-h)!important;
    max-height:var(--ks-hero-h)!important;
    min-height:var(--ks-hero-h)!important
  }
  .ksovit-hero .uni-slideshow_v2__img,
  .ksovit-hero img,
  body:not(.touch-support) .ksovit-hero .uni-slideshow_v2__image.text-over-image img{
    height:var(--ks-hero-h)!important;
    max-height:var(--ks-hero-h)!important;
    min-height:0!important;
    width:100%!important;
    min-width:100%!important;
    object-fit:cover!important;
    object-position:right center!important
  }
}
@media (max-width:767px){
  .ksovit-hero,
  .ksovit-hero .uni-slideshow_v2,
  .ksovit-hero .owl-stage-outer,
  .ksovit-hero .owl-item,
  .ksovit-hero .uni-slideshow_v2__item,
  .ksovit-hero .uni-slideshow_v2__image,
  .ksovit-hero .uni-slideshow_v2__img,
  .ksovit-hero img{
    height:var(--ks-hero-h-m)!important;
    max-height:var(--ks-hero-h-m)!important;
    min-height:var(--ks-hero-h-m)!important
  }
}

/* ========== LIGHT HERO: square, bright, no dark studio bleed ========== */
html:not(.theme-dark) .ksovit-hero,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2.owl-carousel,
html:not(.theme-dark) .ksovit-hero .owl-carousel,
html:not(.theme-dark) .ksovit-hero .owl-stage-outer,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__item,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__image,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__image.text-over-image,
html:not(.theme-dark) .ksovit-hero img,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__img{
  border-radius:0!important;
  background-clip:border-box!important
}
html:not(.theme-dark) .ksovit-hero{
  background:#f3f4f6!important;
  border:0!important;
  box-shadow:none!important
}
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__item{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important
}
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__image.text-over-image::after,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__item.text-over-image .uni-slideshow_v2__image:after{
  background:linear-gradient(100deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.12) 36%,rgba(255,255,255,0) 58%)!important
}
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title *{
  color:#0f766e!important;
  font-weight:800!important;
  font-size:28px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 10px rgba(255,255,255,.9)!important
}
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__text{
  color:#0f766e!important;
  text-shadow:0 1px 8px rgba(255,255,255,.85)!important
}
html.theme-dark .ksovit-hero,
html.theme-dark .ksovit-hero .uni-slideshow_v2,
html.theme-dark .ksovit-hero .uni-slideshow_v2.owl-carousel,
html.theme-dark .ksovit-hero .owl-carousel,
html.theme-dark .ksovit-hero .owl-stage,
html.theme-dark .ksovit-hero .owl-stage-outer,
html.theme-dark .ksovit-hero .owl-item,
html.theme-dark .ksovit-hero .owl-item.cloned,
html.theme-dark .ksovit-hero .uni-slideshow_v2__item,
html.theme-dark .ksovit-hero .uni-slideshow_v2__image,
html.theme-dark .ksovit-hero img,
html.theme-dark .uni-slideshow_v2,
html.theme-dark .uni-slideshow_v2__item{
  border-radius:0!important;
  background:#0b1017!important;
  background-color:#0b1017!important
}
html.theme-dark .owl-carousel .owl-stage-outer,
html.theme-dark .owl-carousel .owl-stage,
html.theme-dark .uni-module .owl-stage-outer,
html.theme-dark .uni-module .owl-stage{
  background:transparent!important;
  background-color:transparent!important
}

/* ========== Search: full-height category btn + clickable dropdown ========== */
.header-search,
#search .header-search,
.header-search__form,
#search .header-search__form,
#search2 .header-search__form{
  overflow:visible!important
}
.header-search__form,
#search .header-search__form,
#search2 .header-search__form{
  display:flex!important;
  align-items:stretch!important;
  height:44px!important;
  box-sizing:border-box!important
}
.header-search__category,
#search .header-search__category,
#search2 .header-search__category{
  display:flex!important;
  align-self:stretch!important;
  align-items:stretch!important;
  position:relative!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  overflow:visible!important;
  z-index:5
}
.header-search__category-btn,
.header-search__category .btn,
#search .header-search__category-btn,
#search .header-search__category .btn,
#search2 .header-search__category-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:100%!important;
  min-width:44px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid #e5e7eb!important;
  border-radius:9px 0 0 9px!important;
  box-shadow:none!important;
  line-height:1!important
}
.header-search__category-icon,
.header-search__category-btn i{
  line-height:1!important
}
html:not(.theme-dark) .header-search__category-btn,
html:not(.theme-dark) #search .header-search__category-btn{
  background:#f3f4f6!important;
  color:#374151!important
}
html:not(.theme-dark) .header-search__category-btn i,
html:not(.theme-dark) .header-search__category-icon{
  color:#374151!important
}
html.theme-dark .header-search__category-btn,
html.theme-dark #search .header-search__category-btn{
  background:#111827!important;
  color:#d1d5db!important;
  border-right-color:#374151!important
}
html.theme-dark .header-search__category-btn i{
  color:#d1d5db!important
}

/* Backdrop from Bootstrap sits on top of the list and eats clicks */
.header-search .dropdown-backdrop,
#search .dropdown-backdrop,
#search2 .dropdown-backdrop{
  display:none!important;
  pointer-events:none!important
}
.header-search__category.open,
#search .header-search__category.open{
  z-index:13050!important
}
.header-search__category.open > .dropdown-menu,
#search .header-search__category.open > .dropdown-menu,
#search2 .header-search__category.open > .dropdown-menu{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  top:100%!important;
  left:0!important;
  min-width:260px!important;
  max-height:min(70vh, 420px)!important;
  overflow:auto!important;
  z-index:13060!important
}
.header-search__category .dropdown-menu a,
#search .header-search__category .dropdown-menu a{
  pointer-events:auto!important;
  cursor:pointer!important;
  display:block!important;
  padding:8px 14px!important
}

html:not(.theme-dark) .header-block i.fa-search,
html:not(.theme-dark) .header-search__btn,
html:not(.theme-dark) .header-search__btn i,
html:not(.theme-dark) .header-menu__btn i,
html:not(.theme-dark) .menu-open i{
  color:#fff!important
}
.header-search__btn,
#search .header-search__btn,
#search2 .header-search__btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  width:46px!important;
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
  padding:0!important;
  line-height:1!important;
  border-radius:0 9px 9px 0!important
}
.header-search__btn i,
.header-search__btn .fa,
#search .header-search__btn i{
  display:block!important;
  line-height:1!important;
  transform:none!important
}
.ksovit-hero{z-index:0!important}

/* ========== KS-CATALOG-SOLID ========== */
/* UniShop menu1.new: collapse is STATIC so .menu__level-2 positions against .menu1.new.
   Never set position:relative on .menu__collapse — that shrinks the submenu to ~26px. */
@media (min-width:992px){
  .main-menu.set-before:before,
  .menu.set-before:before{
    display:none!important;
    content:none!important
  }
  header > .container:has(.main-menu){
    max-width:1320px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important
  }
  header > .container:has(.main-menu) > .row{
    margin-left:0!important;
    margin-right:0!important
  }
  .menu-wrapper.new,
  .menu-wrapper.new.is-wide{
    display:none;
    position:absolute!important;
    top:8px!important;
    left:0!important;
    right:auto!important;
    width:min(760px, calc(100vw - 48px))!important;
    max-width:min(1100px, calc(100vw - 48px))!important;
    min-width:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:13000!important;
    pointer-events:auto!important
  }
  .menu-wrapper.new:has(.menu__level-2.column-2.open),
  .menu-wrapper.new:has(.menu__level-2.column-3.open),
  .menu-wrapper.new:has(.menu__level-2.column-4.open){
    width:min(1100px, calc(100vw - 48px))!important;
    min-width:0!important
  }
  .menu-wrapper.new.show{
    display:block!important
  }
  html:has(.menu-wrapper.new.show) #column-left{
    visibility:hidden!important
  }
  .menu1.new{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    height:min(78vh, 720px)!important;
    max-height:min(78vh, 720px)!important;
    overflow:hidden!important;
    background:#fff!important;
    background-color:#fff!important;
    border:1px solid rgba(15,23,32,.12)!important;
    border-radius:14px!important;
    box-shadow:0 18px 40px rgba(15,23,32,.16)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  html.theme-dark .menu1.new{
    background:#151c28!important;
    background-color:#151c28!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.45)!important
  }
  html.theme-dark .menu1.new .menu__collapse{
    background:#111827!important
  }
  .menu1.new::before,
  .menu1.new .menu__collapse::before{
    content:none!important;
    display:none!important
  }
  .menu1.new .menu__collapse{
    position:static!important;
    width:280px!important;
    max-width:280px!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:8px 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#f7f8fa!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:auto!important
  }
  .menu1.new .menu__level-1-li{
    position:static!important;
    width:280px!important;
    max-width:280px!important;
    background:transparent!important;
    border-top:0!important
  }
  .menu1.new .menu__level-1-a{
    margin:2px 8px!important;
    padding:0 12px!important;
    min-height:42px!important;
    max-width:none!important;
    border-radius:10px!important;
    color:#0f1720!important;
    background:transparent!important;
    border:1px solid transparent!important;
    transition:none!important
  }
  html.theme-dark .menu1.new .menu__level-1-a{color:#f2f6fb!important}
  .menu1.new .menu__level-1-li:hover > .menu__level-1-a,
  .menu1.new .menu__level-1-li.open > .menu__level-1-a{
    background:#eef4f3!important;
    color:#0f766e!important;
    box-shadow:none!important
  }
  html.theme-dark .menu1.new .menu__level-1-li:hover > .menu__level-1-a,
  html.theme-dark .menu1.new .menu__level-1-li.open > .menu__level-1-a{
    background:rgba(255,255,255,.08)!important;
    color:#3ddec8!important
  }
  .menu1.new .menu__level-2,
  .menu1.new .menu__level-2.column-1,
  .menu1.new .menu__level-2.column-2,
  .menu1.new .menu__level-2.column-3,
  .menu1.new .menu__level-2.column-4,
  .menu1.new .column-1,
  .menu1.new .column-2,
  .menu1.new .column-3,
  .menu1.new .column-4{
    position:absolute!important;
    top:0!important;
    left:280px!important;
    right:auto!important;
    width:calc(100% - 280px)!important;
    min-width:calc(100% - 280px)!important;
    max-width:calc(100% - 280px)!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:10px 16px!important;
    border:0!important;
    border-left:1px solid rgba(15,23,32,.08)!important;
    border-radius:0 14px 14px 0!important;
    background:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:2!important
  }
  html.theme-dark .menu1.new .menu__level-2,
  html.theme-dark .menu1.new .menu__level-2.column-1,
  html.theme-dark .menu1.new .menu__column{
    background:#151c28!important;
    border-left-color:rgba(255,255,255,.1)!important;
    color:#f2f6fb!important;
    box-shadow:none!important
  }
  .menu1.new .menu__level-2:not(.open){
    display:none!important
  }
  .menu1.new .menu__level-2.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important
  }
  .menu1.new .menu__level-2.column-1{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important
  }
  .menu1.new .menu__level-2-ul{
    flex:0 0 50%!important;
    min-width:180px!important;
    max-width:50%!important
  }
  .menu1.new .menu__level-2-a,
  .menu1.new .menu__level-2-a.has-children,
  .menu1.new .menu__level-3-a{
    color:#0f1720!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:8px!important;
    border:0!important;
    background:transparent!important;
    transition:none!important
  }
  html.theme-dark .menu1.new .menu__level-2-a,
  html.theme-dark .menu1.new .menu__level-2-a.has-children,
  html.theme-dark .menu1.new .menu__level-3-a,
  html.theme-dark .menu1.new .menu__level-2-ul a{
    color:#f2f6fb!important
  }
  .menu1.new .menu__level-2-a:hover,
  .menu1.new .menu__level-3-a:hover{
    background:#eef4f3!important;
    color:#0f766e!important
  }
  html.theme-dark .menu1.new .menu__level-2-a:hover,
  html.theme-dark .menu1.new .menu__level-3-a:hover{
    background:rgba(255,255,255,.08)!important;
    color:#3ddec8!important
  }
}

/* Category page: solid sidebar + readable type */
#column-left .menu-module,
#column-left .list-group,
.menu-module{
  background:#fff!important;
  border:1px solid rgba(15,23,32,.1)!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(15,23,32,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
html.theme-dark #column-left .menu-module,
html.theme-dark #column-left .list-group,
html.theme-dark .menu-module{
  background:#151c28!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35)!important
}
#column-left .heading,
#column-left .list-group-item,
.category-page h1,
.heading-title,
#content h1{
  color:#0f1720!important
}
html.theme-dark #column-left .heading,
html.theme-dark #column-left .list-group-item,
html.theme-dark .category-page h1,
html.theme-dark .heading-title,
html.theme-dark #content h1,
html.theme-dark #content h2,
html.theme-dark .breadcrumb,
html.theme-dark .breadcrumb a,
html.theme-dark .sorts,
html.theme-dark .sorts a,
html.theme-dark .product-filter,
html.theme-dark .product-filter a,
html.theme-dark .product-filter span,
html.theme-dark .pagination a,
html.theme-dark .pagination span{
  color:#f2f6fb!important
}
html:not(.theme-dark) #content h1,
html:not(.theme-dark) .heading-title,
html:not(.theme-dark) .breadcrumb,
html:not(.theme-dark) .breadcrumb a,
html:not(.theme-dark) .sorts,
html:not(.theme-dark) .sorts a,
html:not(.theme-dark) .product-filter,
html:not(.theme-dark) .product-filter label,
html:not(.theme-dark) .list-group-item{
  color:#0f1720!important
}
html:not(.theme-dark) .breadcrumb a{color:#334155!important}
html:not(.theme-dark) .breadcrumb a:hover,
html:not(.theme-dark) .sorts a:hover{color:#0f766e!important}
html.theme-dark .list-group-item{
  background:#151c28!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#f2f6fb!important
}
html.theme-dark .list-group-item.active,
html.theme-dark .list-group-item:hover{
  background:#1c2533!important;
  color:#3ddec8!important
}
html:not(.theme-dark) .list-group-item{
  background:#fff!important;
  color:#0f1720!important;
  border-color:rgba(15,23,32,.08)!important
}
html:not(.theme-dark) .list-group-item.active,
html:not(.theme-dark) .list-group-item:hover{
  background:#f3f6f8!important;
  color:#0f766e!important
}
html.theme-dark .product-filter,
html.theme-dark .sorts,
html.theme-dark .well,
html.theme-dark #content .uni-wrapper{
  background:#151c28!important;
  color:#f2f6fb!important;
  border-color:rgba(255,255,255,.1)!important
}
html.theme-dark .product-thumb__model,
html.theme-dark .product-thumb__stock,
html.theme-dark .price-old{
  color:#a7b3c2!important
}
html:not(.theme-dark) .product-thumb__model,
html:not(.theme-dark) .product-thumb__stock{
  color:#4b5563!important
}

/* ========== KS-DARK-SURFACES ========== */
html.theme-dark{
  --product-banner-bg:#1f2937!important;
  --product-banner-icon:#5eead4!important;
  --product-banner-text:#e5e7eb!important;
  --pagination-c:#e5e7eb!important;
  --pagination-bg:#1f2937!important;
  --pagination-c-active:#fff!important;
  --pagination-bg-active:#0f766e!important;
  --product-share-btn-c:#e5e7eb!important;
  --product-share-btn-bg:#1f2937!important;
  --product-share-btn-c-hover:#5eead4!important;
  --product-share-btn-bg-hover:#111827!important;
  --a-c:#e8eef6!important;
  --a-c-hover:#5eead4!important
}

/* Product page: banners, tabs, utility buttons */
html.theme-dark .product-banner__item-div,
html.theme-dark .product-banner__item{
  background:#1f2937!important;
  color:#e5e7eb!important;
  border:1px solid #374151!important;
  box-shadow:none!important
}
html.theme-dark .product-banner__icon,
html.theme-dark .product-banner i{color:#5eead4!important}
html.theme-dark .product-banner__text,
html.theme-dark .product-banner__text-span{color:#e5e7eb!important}
html.theme-dark .product-page-tabs,
html.theme-dark .nav-tabs,
html.theme-dark ul.nav-tabs,
html.theme-dark .unicheckout__pickup-nav.nav-tabs{
  background:#111827!important;
  border:0!important;
  border-bottom:1px solid #374151!important
}
html.theme-dark .nav-tabs > li > a,
html.theme-dark .product-page-tabs > li > a{
  background:transparent!important;
  color:#d1d5db!important;
  border:0!important
}
html.theme-dark .nav-tabs > li.active > a,
html.theme-dark .nav-tabs > li.active > a:hover,
html.theme-dark .nav-tabs > li.active > a:focus,
html.theme-dark .product-page-tabs > li.active > a{
  background:#1f2937!important;
  color:#fff!important;
  border:1px solid #374151!important;
  border-bottom-color:#1f2937!important
}
html.theme-dark .tab-content,
html.theme-dark .tab-pane,
html.theme-dark .tab-pane.active,
html.theme-dark .product-data,
html.theme-dark .product-page__textblock-inner,
html.theme-dark .product-page__discount,
html.theme-dark .breadcrumb-h1,
html.theme-dark .product-block__right-block{
  background:#151c28!important;
  color:#e5e7eb!important;
  border-color:#374151!important
}
html.theme-dark .tab-pane,
html.theme-dark .tab-pane.active,
html.theme-dark .tab-content{
  background:#151c28!important;
  color:#e5e7eb!important
}
html.theme-dark .product-page__wishlist-btn,
html.theme-dark .product-page__compare-btn,
html.theme-dark .product-page__share-btn,
html.theme-dark .product-page__quick-order,
html.theme-dark .product-thumb__wishlist,
html.theme-dark .product-thumb__compare,
html.theme-dark button.wishlist,
html.theme-dark button.compare{
  background:#1f2937!important;
  color:#e5e7eb!important;
  border:1px solid #374151!important
}
html.theme-dark .product-page__wishlist-btn:hover,
html.theme-dark .product-page__compare-btn:hover,
html.theme-dark .product-page__share-btn:hover,
html.theme-dark .product-thumb__wishlist:hover,
html.theme-dark .product-thumb__compare:hover{
  background:#111827!important;
  color:#5eead4!important
}
html.theme-dark .product-page__image-main,
html.theme-dark .product-page__image-wrapper,
html.theme-dark .product-thumb__image,
html.theme-dark .product-thumb .image,
html.theme-dark .uni-item .image{
  background:#fff!important;
  border-color:#374151!important
}
html.theme-dark .header-search__category-btn,
html.theme-dark #search .header-search__category-btn{
  background:#111827!important;
  color:#d1d5db!important
}

/* Pagination */
html.theme-dark .pagination li a,
html.theme-dark .pagination li span,
html.theme-dark .pagination > li > a,
html.theme-dark .pagination > li > span{
  background:#1f2937!important;
  color:#e5e7eb!important;
  border:1px solid #374151!important
}
html.theme-dark .pagination li a:hover,
html.theme-dark .pagination > li > a:hover{
  background:#111827!important;
  color:#5eead4!important
}
html.theme-dark .pagination li.active span,
html.theme-dark .pagination li.active span:hover,
html.theme-dark .pagination > .active > span,
html.theme-dark .pagination > .active > a{
  background:#0f766e!important;
  color:#fff!important;
  border-color:#0f766e!important
}
html.theme-dark .pagination-text{color:#9ca3af!important}
html.theme-dark .show-more,
html.theme-dark .btn-show-more,
html.theme-dark #button-show-more{
  background:#0f766e!important;
  color:#fff!important;
  border:0!important
}

/* Cart modal: no white corners, no horizontal scrollbar */
html.theme-dark .modal-dialog,
html.theme-dark #modal-cart .modal-dialog,
html.theme-dark .modal-content,
html.theme-dark #modal-cart .modal-content{
  background:#1a2230!important;
  background-color:#1a2230!important;
  color:#f2f6fb!important;
  overflow:hidden!important;
  border-radius:15px!important;
  border:1px solid #374151!important;
  box-shadow:0 24px 48px rgba(0,0,0,.5)!important
}
html.theme-dark #modal-cart .modal-body,
html.theme-dark #modal-cart .header-cart__wrapper,
html.theme-dark #modal-cart .header-cart__dropdown{
  background:#1a2230!important;
  overflow-x:hidden!important;
  max-width:100%!important
}
html.theme-dark #modal-cart .header-cart__item,
html.theme-dark #modal-cart .header-cart__item-wrapper{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important
}
html.theme-dark #modal-cart .header-cart__name{
  min-width:0!important;
  overflow-wrap:anywhere!important
}
html.theme-dark #modal-cart .header-cart__wrapper{
  scrollbar-color:#4b5563 #111827!important
}
html.theme-dark #modal-cart .header-cart__wrapper::-webkit-scrollbar{background:#111827!important}
html.theme-dark #modal-cart .header-cart__wrapper::-webkit-scrollbar-thumb{background:#4b5563!important}

/* Checkout */
html.theme-dark .unicheckout-sticky__wrapper,
html.theme-dark .checkout-login,
html.theme-dark .checkout-cart__wrapper,
html.theme-dark .unicheckout__pickup-item,
html.theme-dark .checkout-cart__wrap{
  background:#151c28!important;
  color:#e5e7eb!important;
  border:1px solid #374151!important;
  box-shadow:none!important
}
html.theme-dark .unicheckout-sticky__heading,
html.theme-dark .unicheckout-sticky__total,
html.theme-dark .unicheckout-sticky__total-item,
html.theme-dark .unicheckout-sticky__total-text,
html.theme-dark .unicheckout-sticky__total-a,
html.theme-dark .checkout-cart__name,
html.theme-dark .checkout-cart__name a,
html.theme-dark .checkout-cart__price,
html.theme-dark .checkout-cart__total,
html.theme-dark .checkout-login,
html.theme-dark .checkout-login a,
html.theme-dark #unicheckout,
html.theme-dark #unicheckout .heading,
html.theme-dark #unicheckout label,
html.theme-dark #unicheckout a{
  color:#e5e7eb!important
}
html.theme-dark .checkout-cart__price-text,
html.theme-dark .checkout-cart__total-text,
html.theme-dark .checkout-customer__group-label{color:#9ca3af!important}
html.theme-dark .unicheckout-sticky__total-item,
html.theme-dark .checkout-cart__item:not(:first-child){
  border-color:#374151!important
}
html.theme-dark .unicheckout__address .cover{
  background:rgba(11,18,32,.55)!important
}

/* Account / info / search / forms leftover plates */
html.theme-dark .well,
html.theme-dark .panel,
html.theme-dark .panel-default,
html.theme-dark .panel-body,
html.theme-dark .panel-heading,
html.theme-dark .list-group,
html.theme-dark .account-page,
html.theme-dark .account-login__wrapper,
html.theme-dark .uni-form,
html.theme-dark .uni-item-bg,
html.theme-dark .div-text-empty,
html.theme-dark .product-category-list,
html.theme-dark .category-info,
html.theme-dark .desc-collapse,
html.theme-dark .information-information #content,
html.theme-dark .ks-page,
html.theme-dark .ks-page__card,
html.theme-dark .ks-page__step,
html.theme-dark .alert-info,
html.theme-dark .alert-success,
html.theme-dark .alert-warning,
html.theme-dark .dropdown-menu:not(.top-links__ul),
html.theme-dark .top-menu .btn-group:not(.top-links) > .dropdown-menu,
html.theme-dark #account .dropdown-menu{
  background:#151c28!important;
  color:#e5e7eb!important;
  border-color:#374151!important
}
/* Wishlist/compare toasts: links must not keep green success background */
html.theme-dark .alert-success a,
html.theme-dark .alert-warning a,
html.theme-dark .alert-info a,
html.theme-dark .alert-danger a,
html.theme-dark .uni-alert a,
html.theme-dark .uni-alert.alert-success a,
html.theme-dark .uni-alert.alert-warning a{
  background:transparent!important;
  background-color:transparent!important;
  color:#ffffff!important;
  text-decoration:underline!important;
  box-shadow:none!important
}
html.theme-dark .uni-alert,
html.theme-dark .uni-alert.alert-success,
html.theme-dark .uni-alert.alert-warning{
  background:#151c28!important;
  color:#e5e7eb!important
}
html.theme-dark .dropdown-menu a,
html.theme-dark .dropdown-menu li > a,
html.theme-dark .panel-heading,
html.theme-dark .panel-title,
html.theme-dark .well a{
  color:#e5e7eb!important
}
html.theme-dark .dropdown-menu a:hover,
html.theme-dark .dropdown-menu li > a:hover{
  background:#1f2937!important;
  color:#5eead4!important
}
html.theme-dark .btn-default{
  background:#1f2937!important;
  color:#e5e7eb!important;
  border:1px solid #374151!important
}
html.theme-dark .btn-default:hover{
  background:#111827!important;
  color:#5eead4!important
}
html.theme-dark .footer,
html.theme-dark footer{
  background:#030712!important;
  color:#c5d0de!important
}

/* ========== KS-LIGHT-GREEN: replace leftover UniShop blue ========== */
html:not(.theme-dark){
  --product-banner-icon:#0f766e!important;
  --subscribe-points-c:#0f766e!important;
  --subscribe-btn-bg:#0f766e!important;
  --menu-module-c1-hover:#0f766e!important;
  --timer-text-c:#0f766e!important;
  --wishlist-btn-c:#0f766e!important;
  --wishlist-btn-bg-hover:#0f766e!important;
  --compare-btn-c:#0f766e!important;
  --compare-btn-bg-hover:#0f766e!important;
  --quick-order-btn-bg-hover:#0f766e!important;
  --carousel-dot-bg-active:#0f766e!important;
  --carousel-nav-btn-c:#0f766e!important;
  --fly-menu-icon-c:#0f766e!important;
  --fly-menu-search-cat-btn-c:#0f766e!important;
  --pwa-install-bg:#0f766e!important;
  --pwa-close-c:#0f766e!important;
  --a-c:#0f766e!important;
  --a-c-hover:#0d9488!important
}
html:not(.theme-dark) .product-banner__icon,
html:not(.theme-dark) .product-banner i,
html:not(.theme-dark) .subscribe__icon,
html:not(.theme-dark) .subscribe__points,
html:not(.theme-dark) .home-banner__icon,
html:not(.theme-dark) .home-banner i{
  color:#0f766e!important
}
html:not(.theme-dark) .subscribe__btn,
html:not(.theme-dark) .subscribe__btn:hover,
html:not(.theme-dark) .subscribe button[type="submit"]{
  background:#0f766e!important;
  border-color:#0f766e!important;
  color:#fff!important
}
html:not(.theme-dark) .product-banner__text-span.link,
html:not(.theme-dark) .product-banner a{
  color:#0f766e!important
}

/* ========== KS-QUICK-ORDER DARK ========== */
html.theme-dark .modal-body,
html.theme-dark #modal-quick-order,
html.theme-dark #modal-quick-order .modal-dialog,
html.theme-dark #modal-quick-order .modal-content,
html.theme-dark #modal-quick-order .modal-body,
html.theme-dark #modal-quick-order .quick-order,
html.theme-dark .quick-order{
  background:#1a2230!important;
  color:#e5e7eb!important
}
html.theme-dark #modal-quick-order .modal-dialog,
html.theme-dark #modal-quick-order .modal-content{
  overflow:hidden!important;
  border-radius:15px!important;
  border:1px solid #374151!important
}
html.theme-dark #modal-quick-order .quick-order__name,
html.theme-dark #modal-quick-order .quick-order__price,
html.theme-dark #modal-quick-order .quick-order__discount,
html.theme-dark #modal-quick-order .quick-order__discount-item,
html.theme-dark #modal-quick-order .quick-order__reward,
html.theme-dark #modal-quick-order .quick-order__agree,
html.theme-dark #modal-quick-order .quick-order__agree label,
html.theme-dark #modal-quick-order .quick-order__agree a,
html.theme-dark #modal-quick-order .heading,
html.theme-dark #modal-quick-order h4,
html.theme-dark #modal-quick-order h5,
html.theme-dark #modal-quick-order .product-data,
html.theme-dark #modal-quick-order .product-data__item,
html.theme-dark #modal-quick-order .product-data__item-span,
html.theme-dark #modal-quick-order a,
html.theme-dark .quick-order__name,
html.theme-dark .quick-order__price,
html.theme-dark .quick-order .heading{
  color:#e5e7eb!important
}
html.theme-dark #modal-quick-order .quick-order__input,
html.theme-dark #modal-quick-order .form-control,
html.theme-dark .quick-order__input{
  background:#111827!important;
  color:#f3f4f6!important;
  border:1px solid #374151!important
}
html.theme-dark #modal-quick-order .quick-order__input::placeholder{
  color:#9ca3af!important
}
html.theme-dark #modal-quick-order .product-data,
html.theme-dark #modal-quick-order .quick-order__textblock-inner{
  background:#111827!important;
  color:#e5e7eb!important;
  border-radius:10px!important
}
html.theme-dark #modal-quick-order .nav-tabs{
  background:#111827!important;
  border-color:#374151!important
}
html.theme-dark #modal-quick-order .tab-content,
html.theme-dark #modal-quick-order .tab-pane{
  background:#1a2230!important;
  color:#e5e7eb!important
}
html.theme-dark #modal-quick-order .quick-order__image,
html.theme-dark #modal-quick-order .quick-order__image-main,
html.theme-dark #modal-quick-order .quick-order__image img{
  background:#111827!important;
  border-color:#374151!important
}
html.theme-dark #modal-quick-order .sticker,
html.theme-dark #modal-quick-order .sticker__item{
  background:#0f766e!important;
  color:#fff!important
}

/* ========== KS-MOBILE BOTH THEMES ========== */
@media (max-width:991px){
  /* Kill desktop megamenu (left:280px) leftover from JS/user CSS */
  .menu-wrapper.new,
  .menu-wrapper{
    position:fixed!important;
    top:0!important;
    left:-100%!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:14250!important
  }
  .menu-wrapper.new.show,
  .menu-wrapper.show{
    left:0!important;
    right:0!important;
    z-index:14250!important
  }
  html:has(.menu-wrapper.show) #top.top-menu,
  header:has(.menu-wrapper.show) #top.top-menu{
    z-index:1!important
  }
  .menu1.new,
  .menu1{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important
  }
  .menu1.new .menu__collapse,
  .menu1 .menu__collapse,
  .menu__collapse{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:calc(100vh - 54px)!important
  }
  .menu1.new .menu__level-1-li,
  .menu1 .menu__level-1-li{
    width:100%!important;
    max-width:100%!important
  }
  /* Slide-from-right: full-screen panels. Do NOT apply this to slide-down. */
  .menu.slide-from-right .menu__level-2,
  .menu.slide-from-right .menu__level-2.column-1,
  .menu.slide-from-right .menu__level-2.column-2,
  .menu.slide-from-right .menu__level-2.column-3,
  .menu.slide-from-right .menu__level-2.column-4,
  .menu.slide-from-right .menu__level-3{
    position:fixed!important;
    top:54px!important;
    left:auto!important;
    right:-100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:calc(100vh - 54px)!important;
    max-height:calc(100vh - 54px)!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow-y:auto!important;
    z-index:99!important;
    display:block!important
  }
  .menu.slide-from-right .menu__level-2:not(.active),
  .menu.slide-from-right .menu__level-3:not(.active){
    pointer-events:none!important
  }
  .menu.slide-from-right .menu__level-2.active,
  .menu.slide-from-right .menu__level-3.active{
    right:0!important;
    left:auto!important;
    display:block!important;
    pointer-events:auto!important
  }
  .menu.slide-from-right .menu__back,
  .menu.slide-from-right .menu__back.hidden{
    display:flex!important
  }

  /* Slide-down: accordion list, not a fixed overlay */
  .menu.slide-down .menu__level-2,
  .menu.slide-down .menu__level-2.column-1,
  .menu.slide-down .menu__level-2.column-2,
  .menu.slide-down .menu__level-2.column-3,
  .menu.slide-down .menu__level-2.column-4,
  .menu.slide-down .menu__level-3{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:auto!important
  }
  .menu.slide-down .menu__level-2:not(.in):not(.collapsing),
  .menu.slide-down .menu__level-3:not(.in):not(.collapsing){
    height:0!important;
    padding:0!important
  }
  .menu.slide-down .menu__level-2.in,
  .menu.slide-down .menu__level-3.in{
    height:auto!important;
    overflow:visible!important;
    visibility:visible!important;
    pointer-events:auto!important
  }
  .menu.slide-down .menu__level-2-ul,
  .menu.slide-down .menu__level-2-ul.col-md-12,
  .menu.slide-down .menu__level-2-ul[class*="col-md-"]{
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important
  }

  html:not(.theme-dark) .menu-wrapper,
  html:not(.theme-dark) .menu-wrapper.show,
  html:not(.theme-dark) .menu1,
  html:not(.theme-dark) .menu1 .menu__collapse,
  html:not(.theme-dark) .menu__level-2,
  html:not(.theme-dark) .menu__level-3{
    background:#fff!important;
    color:#111827!important;
    border-color:#e5e7eb!important
  }
  html:not(.theme-dark) .menu__header,
  html:not(.theme-dark) .menu1 .menu__header{
    background:#0f766e!important;
    color:#fff!important;
    border:0!important
  }
  html:not(.theme-dark) .menu1 a,
  html:not(.theme-dark) .menu1 .menu__level-1-a,
  html:not(.theme-dark) .menu1 .menu__level-2-a,
  html:not(.theme-dark) .menu1 .menu__level-3-a,
  html:not(.theme-dark) .menu.slide-from-right .menu__back{
    color:#111827!important;
    border-color:#e5e7eb!important
  }
  html:not(.theme-dark) .menu1 .menu__level-1-a:hover,
  html:not(.theme-dark) .menu1 .menu__level-1-li.open > .menu__level-1-a,
  html:not(.theme-dark) .menu1 .menu__level-2-a:hover{
    background:#f0fdfa!important;
    color:#0f766e!important
  }
  html:not(.theme-dark) .menu1 .menu__level-1-a,
  html:not(.theme-dark) .menu1 .menu__level-2-a,
  html:not(.theme-dark) .menu1 .menu__level-3-a{
    border-top:1px solid #eef0f3!important
  }
  html:not(.theme-dark) .category-wall__item,
  html:not(.theme-dark) .product-thumb{
    background:#fff!important;
    border:1px solid #e5e7eb!important
  }
  html:not(.theme-dark) #fly-menu.fly-menu,
  html:not(.theme-dark) .fly-menu,
  html:not(.theme-dark) .fly-menu.show{
    background:#fff!important;
    border-top:1px solid #e5e7eb!important;
    border-bottom:0!important;
    box-shadow:0 -8px 20px rgba(15,23,32,.08)!important;
    color:#111827!important;
    backdrop-filter:none!important
  }
  html:not(.theme-dark) .fly-menu a,
  html:not(.theme-dark) .fly-menu__caption,
  html:not(.theme-dark) .fly-menu i,
  html:not(.theme-dark) .fly-menu__icon{
    color:#374151!important
  }
  html.theme-dark #search2 .header-search__form{
    background:#1f2937!important;
    border-color:#374151!important
  }
  html.theme-dark #search2 .header-search__category-btn{
    background:#111827!important;
    color:#d1d5db!important;
    border-right-color:#374151!important
  }
  html.theme-dark .menu-wrapper,
  html.theme-dark .menu-wrapper.show,
  html.theme-dark .menu1,
  html.theme-dark .menu1 .menu__collapse,
  html.theme-dark .menu__level-2,
  html.theme-dark .menu__level-3{
    background:#111827!important;
    border:0!important
  }
  html.theme-dark .menu__header,
  html.theme-dark .menu1 .menu__header{
    background:#0f766e!important;
    color:#fff!important;
    border:0!important
  }
  html.theme-dark .menu1 .menu__level-1-a,
  html.theme-dark .menu1 .menu__level-2-a,
  html.theme-dark .menu1 .menu__level-3-a,
  html.theme-dark .menu.slide-from-right .menu__back{
    border-top:1px solid #1f2937!important;
    color:#e5e7eb!important
  }
  html.theme-dark .category-wall__item,
  html.theme-dark .product-thumb{
    background:#1f2937!important;
    border:1px solid #374151!important
  }
  html.theme-dark #fly-menu.fly-menu,
  html.theme-dark .fly-menu,
  html.theme-dark .fly-menu.show{
    background:#111827!important;
    border-top:1px solid #374151!important;
    color:#e5e7eb!important
  }
}

/* Extra UniShop modals in dark — no white-on-white leftovers */
html.theme-dark .modal-content,
html.theme-dark .modal-dialog,
html.theme-dark #modal-callback,
html.theme-dark #modal-callback .modal-content,
html.theme-dark #modal-notify,
html.theme-dark .option__popup,
html.theme-dark .dadata-suggestions{
  background:#1a2230!important;
  color:#e5e7eb!important;
  border-color:#374151!important
}
html.theme-dark .modal-body,
html.theme-dark .modal-footer{
  background:#1a2230!important;
  color:#e5e7eb!important;
  border-color:#374151!important
}

/* Login / register popup: links must stay readable on dark panel */
html.theme-dark #modal-login-form,
html.theme-dark #modal-register-form,
html.theme-dark #modal-login-form .modal-content,
html.theme-dark #modal-register-form .modal-content,
html.theme-dark #modal-login-form .modal-body,
html.theme-dark #modal-register-form .modal-body{
  background:#1a2230!important;
  color:#e8eef6!important
}
html.theme-dark #modal-login-form .modal-title,
html.theme-dark #modal-register-form .modal-title,
html.theme-dark #modal-login-form .close,
html.theme-dark #modal-register-form .close{
  color:#f8fafc!important;
  opacity:1!important;
  text-shadow:none!important
}
html.theme-dark #modal-login-form .form-control,
html.theme-dark #modal-register-form .form-control,
html.theme-dark .modal-login__input,
html.theme-dark .modal-register__input{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid #4b5563!important;
  box-shadow:none!important
}
html.theme-dark #modal-login-form .form-control::placeholder,
html.theme-dark #modal-register-form .form-control::placeholder,
html.theme-dark .modal-login__input::placeholder,
html.theme-dark .modal-register__input::placeholder{
  color:#9ca3af!important;
  opacity:1!important
}
html.theme-dark #modal-login-form a,
html.theme-dark #modal-register-form a,
html.theme-dark .modal-login__link,
html.theme-dark .modal-register__link,
html.theme-dark .modal-login__links,
html.theme-dark .modal-register__links,
html.theme-dark .modal-register__agree,
html.theme-dark .modal-register__agree span,
html.theme-dark .account-login__forgotten{
  color:#5eead4!important;
  border-bottom-color:#5eead4!important
}
html.theme-dark #modal-login-form a:hover,
html.theme-dark #modal-register-form a:hover,
html.theme-dark .modal-login__link:hover,
html.theme-dark .modal-register__link:hover,
html.theme-dark .account-login__forgotten:hover{
  color:#99f6e4!important;
  border-bottom-color:#99f6e4!important
}

/* ========== Fly contacts + scroll-up: stay fixed bottom-right ========== */
.fly-block,
.fly-block.mobile-menu-bottom,
.fly-block.mobile-menu-bottom-2{
  position:fixed!important;
  right:20px!important;
  left:auto!important;
  top:auto!important;
  bottom:20px!important;
  width:auto!important;
  height:auto!important;
  z-index:1020!important;
  transform:none!important
}
@media (max-width:991px){
  .fly-block,
  .fly-block.mobile-menu-bottom{
    right:12px!important;
    bottom:86px!important
  }
  .fly-block.mobile-menu-bottom-2{
    right:12px!important;
    bottom:136px!important
  }
}

/* Errors must sit above modal (modal z=10800) */
.uni-alert{
  z-index:20000!important
}

/* ========== Mobile hero: full-bleed image, small arrows ========== */
@media (max-width:767px){
  .ksovit-hero,
  .ksovit-hero .uni-slideshow_v2,
  .ksovit-hero .uni-slideshow_v2.owl-carousel,
  .ksovit-hero .owl-carousel,
  .ksovit-hero .owl-stage-outer,
  .ksovit-hero .owl-item,
  .ksovit-hero .uni-slideshow_v2__item,
  .ksovit-hero .uni-slideshow_v2__image,
  .ksovit-hero .uni-slideshow_v2__image.text-over-image{
    height:var(--ks-hero-h-m)!important;
    max-height:var(--ks-hero-h-m)!important;
    min-height:var(--ks-hero-h-m)!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:0!important
  }
  .ksovit-hero{
    margin:0 0 16px!important;
    background:#111827!important
  }
  html:not(.theme-dark) .ksovit-hero{background:#e5e7eb!important}
  .ksovit-hero .uni-slideshow_v2__item{
    justify-content:center!important;
    align-items:stretch!important
  }
  .ksovit-hero .uni-slideshow_v2__image,
  .ksovit-hero .uni-slideshow_v2__image.text-over-image,
  .ksovit-hero .uni-slideshow_v2__image.has-text{
    flex:0 0 100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:0!important
  }
  .ksovit-hero .uni-slideshow_v2__img,
  .ksovit-hero img,
  .ksovit-hero .uni-slideshow_v2__image img,
  .ksovit-hero .uni-slideshow_v2__image.text-over-image img{
    width:100%!important;
    height:var(--ks-hero-h-m)!important;
    max-height:var(--ks-hero-h-m)!important;
    min-height:0!important;
    min-width:100%!important;
    object-fit:cover!important;
    object-position:right center!important;
    display:block!important
  }
  .ksovit-hero .owl-nav{left:6px!important;right:6px!important}
  .ksovit-hero .owl-nav button,
  .ksovit-hero .owl-prev,
  .ksovit-hero .owl-next{
    width:32px!important;
    height:32px!important;
    line-height:32px!important;
    font-size:14px!important;
    border-radius:50%!important;
    background:rgba(15,23,32,.45)!important;
    color:#fff!important;
    box-shadow:none!important
  }
  .ksovit-hero .uni-slideshow_v2__title,
  .ksovit-hero .uni-slideshow_v2__title *{
    font-size:22px!important;
    font-weight:800!important;
    line-height:1.25!important
  }
  .ksovit-hero .uni-slideshow_v2__title{
    margin:0 40px 6px!important;
    text-align:center!important
  }
  .ksovit-hero .uni-slideshow_v2__description,
  .ksovit-hero .uni-slideshow_v2__description.text-over-image{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px 12px 18px!important;
    background:linear-gradient(180deg,transparent,rgba(11,18,32,.72))!important
  }
  html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__description,
  html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__description.text-over-image{
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.88))!important
  }
  .ksovit-hero .uni-slideshow_v2__text,
  .ksovit-hero .uni-slideshow_v2__btns{display:none!important}
  .ksovit-hero .owl-dots{bottom:6px!important}
}

/* ========== Mobile product: one surface, no stacked cards ========== */
@media (max-width:767px){
  #product-product #product.uni-wrapper,
  #product.uni-wrapper{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    margin:0 0 24px!important
  }
  #product-product .breadcrumb-h1,
  html.theme-dark #product-product .breadcrumb-h1{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0 0 8px!important;
    margin:0 0 12px!important
  }
  .product-page,
  .product-page > .row,
  .product-page__image,
  .product-page .product-block{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important
  }
  .product-page{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:none!important;
    margin:0 0 16px!important
  }
  html.theme-dark .product-page{
    background:#1f2937!important;
    border-color:#4b5563!important
  }
  .product-page .product-block__wrapper,
  .product-page .product-block__left-block,
  .product-page .product-block__right-block{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    width:100%!important
  }
  .product-page__image{margin:0!important}
  .product-page__image-main{
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
    margin:0!important
  }
  html.theme-dark .product-page__image-main{
    background:#fff!important;
    border:0!important
  }
  .product-page .product-block{
    background:transparent!important;
    border:0!important;
    border-top:1px solid #e5e7eb!important;
    border-radius:0!important;
    padding:16px 16px 16px 16px!important;
    margin:0!important;
    box-shadow:none!important
  }
  html.theme-dark .product-page .product-block{
    background:transparent!important;
    border-top-color:#4b5563!important
  }
  .product-page .product-data,
  .product-page .product-data__item,
  html.theme-dark .product-page .product-data,
  html.theme-dark .product-page .product-data__item{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding-left:0!important;
    padding-right:0!important
  }
  .product-page__textblock,
  .product-page__textblock-inner,
  html.theme-dark .product-page__textblock-inner{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    box-shadow:none!important
  }
  .product-page__discount{
    background:#f3f4f6!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    padding:8px 12px!important;
    margin:0 0 14px!important
  }
  html.theme-dark .product-page__discount{
    background:#111827!important
  }
  .product-page__cart{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 12px!important
  }
  .product-page__add-to-cart{
    flex:1 1 auto!important;
    margin:0!important
  }
  .product-page .qty-switch,
  .product-block .qty-switch{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    margin:0!important;
    flex:0 0 auto!important;
    height:48px!important
  }
  .product-page .qty-switch > span,
  .product-block .qty-switch > span{
    display:contents!important
  }
  .product-page .qty-switch__input,
  .product-block .qty-switch__input{
    order:2!important;
    width:52px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    font-size:16px!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important
  }
  .product-page .qty-switch__btn,
  .product-page .qty-switch__btn.fa,
  .product-block .qty-switch__btn,
  .product-block .qty-switch__btn.fa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    line-height:48px!important;
    font-size:16px!important;
    border:1px solid #d1d5db!important;
    touch-action:manipulation
  }
  html.theme-dark .product-page .qty-switch__btn,
  html.theme-dark .product-block .qty-switch__btn{
    border-color:#374151!important
  }
  .product-page .qty-switch__btn.fa-minus,
  .product-block .qty-switch__btn.fa-minus{
    order:1!important;
    border-radius:10px 0 0 10px!important;
    border-top:1px solid #d1d5db!important
  }
  .product-page .qty-switch__btn.fa-plus,
  .product-block .qty-switch__btn.fa-plus{
    order:3!important;
    border-radius:0 10px 10px 0!important
  }
  .product-page__wishlist-compare{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
    padding:12px 0 0!important;
    border-top:1px solid #e5e7eb!important;
    background:transparent!important
  }
  html.theme-dark .product-page__wishlist-compare{
    border-top-color:#374151!important
  }
  #product .product-page-tabs.nav-tabs,
  #product .product-page-tabs{
    display:flex!important;
    margin:0!important;
    padding:0 12px!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-bottom:1px solid #e5e7eb!important;
    border-radius:14px 14px 0 0!important;
    box-shadow:none!important
  }
  html.theme-dark #product .product-page-tabs.nav-tabs,
  html.theme-dark #product .product-page-tabs{
    background:#1f2937!important;
    border-color:#4b5563!important
  }
  #product .product-page-tabs > li > a,
  html.theme-dark #product .product-page-tabs > li > a{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important
  }
  #product .tab-content{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    padding:14px!important;
    margin:0 0 16px!important;
    box-shadow:none!important
  }
  html.theme-dark #product .tab-content,
  html.theme-dark #product .tab-pane,
  html.theme-dark #product .tab-pane.active{
    background:#1f2937!important;
    border-color:#4b5563!important
  }
  #product #tab-description,
  #product #tab-description .desc-collapse,
  html.theme-dark #product #tab-description,
  html.theme-dark #product #tab-description .desc-collapse{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important
  }
}

/* ========== Mobile top hamburger: above Catalog, readable text ========== */
@media (max-width:991px){
  header,
  header.fixed{
    overflow:visible!important
  }
  #top.top-menu,
  header #top.top-menu{
    position:relative!important;
    z-index:14100!important;
    overflow:visible!important
  }
  #top.top-menu > .container,
  #top .top-menu__links,
  #top .top-links,
  #top .top-links.btn-group{
    position:relative!important;
    overflow:visible!important;
    z-index:14101!important
  }
  #top .top-links .top-menu__btn.dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important
  }
  #top.top-menu .top-links__ul.dropdown-menu,
  #top.top-menu .top-links .dropdown-menu,
  #top.top-menu .top-links.open > .dropdown-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    min-width:240px!important;
    max-width:calc(100vw - 24px)!important;
    margin:0!important;
    padding:8px 0!important;
    background:#fff!important;
    background-color:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:0 16px 36px rgba(15,23,32,.2)!important;
    z-index:14102!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  #top.top-menu .top-links.open > .dropdown-menu,
  #top.top-menu .top-links.open .top-links__ul{
    display:block!important
  }
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu a,
  html:not(.theme-dark) #top.top-menu .top-links__ul a,
  html:not(.theme-dark) #top.top-menu .top-links__a,
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu > li > a,
  html:not(.theme-dark) #top.top-menu a.top-links__a{
    display:block!important;
    color:#111827!important;
    background:transparent!important;
    padding:12px 16px!important;
    font-size:15px!important;
    font-weight:500!important;
    text-shadow:none!important;
    opacity:1!important;
    border:0!important;
    border-radius:0!important
  }
  html:not(.theme-dark) #top.top-menu .top-links .dropdown-menu a:hover,
  html:not(.theme-dark) #top.top-menu .top-links__a:hover{
    background:#f0fdfa!important;
    color:#0f766e!important
  }
  html.theme-dark #top.top-menu .top-links__ul.dropdown-menu,
  html.theme-dark #top.top-menu .top-links .dropdown-menu,
  html.theme-dark #top.top-menu .top-links.open > .dropdown-menu{
    background:#1f2937!important;
    background-color:#1f2937!important;
    border:1px solid #4b5563!important;
    box-shadow:0 16px 36px rgba(0,0,0,.45)!important
  }
  html.theme-dark #top.top-menu .top-links .dropdown-menu a,
  html.theme-dark #top.top-menu .top-links__ul a,
  html.theme-dark #top.top-menu .top-links__a,
  html.theme-dark #top.top-menu a.top-links__a{
    display:block!important;
    color:#f3f4f6!important;
    background:transparent!important;
    padding:12px 16px!important
  }
  html.theme-dark #top.top-menu .top-links .dropdown-menu a:hover{
    background:#111827!important;
    color:#5eead4!important
  }
}

/* Cookie banner above fly-menu on mobile */
@media (max-width:991px){
  .notification.fixed{
    bottom:72px!important
  }
}

/* ========== Mobile: no horizontal swipe, compact/list cards fit ========== */
@media (max-width:991px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important
  }
  .container{
    padding-left:4px!important;
    padding-right:4px!important;
    overflow-x:hidden!important
  }
  /* Live search dropdown sits below the field; overflow-x:hidden also clips Y */
  header .container,
  header > .container{
    overflow:visible!important
  }
  /* Fly-menu account dropdown opens upward and must not be clipped */
  #fly-menu.fly-menu,
  #fly-menu .container,
  #fly-menu .row{
    overflow:visible!important
  }
  /* Wrapper is full-width over the Catalog button; only the form may capture clicks */
  #search2,
  #search2 .header-search{
    position:relative!important;
    overflow:visible!important;
    z-index:2!important;
    pointer-events:none!important
  }
  #search2 .header-search__form{
    position:relative!important;
    overflow:visible!important;
    z-index:2!important;
    pointer-events:auto!important
  }
  .menu-open,
  header .menu-open,
  .header-menu__btn{
    position:relative!important;
    z-index:6!important;
    pointer-events:auto!important
  }
  #search2 .live-search,
  header .live-search{
    position:relative!important;
    z-index:12060!important;
    pointer-events:auto!important
  }
  #search2 .live-search__ul,
  header .live-search__ul{
    z-index:12070!important;
    pointer-events:auto!important
  }
  .row{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important
  }
  header, footer, main, #content, .container, .breadcrumb-h1,
  .products-block, .sorts-block, .sorts-block__wrapper,
  .header-block, .uni-wrapper, .category-page, .home-page,
  .main-menu{
    max-width:100%!important
  }
  .sorts-block,
  .sorts-block__wrapper{
    flex-wrap:wrap!important;
    min-width:0!important;
    gap:8px!important
  }
  .sorts-block__select,
  .sorts-block__limit{
    max-width:100%!important;
    min-width:0!important
  }
  .sorts-block__limit{margin-left:8px!important}
  .ks-lg-ambient{
    max-width:100%!important;
    overflow:hidden!important
  }
}

@media (max-width:767px){
  .compact-view,
  .product-layout.compact-view,
  .compact-view.product-price{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important
  }
  .compact-view .product-thumb,
  .compact-view .product-thumb.uni-item{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important
  }
  .compact-view .product-thumb__caption{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    gap:8px!important
  }
  .compact-view .product-thumb__name{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0 6px 0 0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    line-height:1.25!important
  }
  .compact-view .product-thumb__price-cart{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    width:auto!important
  }
  .compact-view .product-thumb__price,
  .compact-view .product-thumb .price{
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    padding:0 4px 0 0!important;
    margin:0!important;
    font-size:14px!important;
    white-space:nowrap!important;
    justify-content:flex-end!important
  }
  .compact-view .product-thumb__cart,
  .product-price .product-thumb__cart{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important
  }
  .compact-view .product-thumb__cart-btns,
  .product-price .product-thumb__cart-btns{
    display:none!important
  }
  .compact-view .product-thumb__add-to-cart,
  .compact-view .product-thumb__add-to-cart.btn,
  .product-price .product-thumb__add-to-cart{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    padding:0!important;
    flex:0 0 40px!important;
    border-radius:10px!important
  }
  .compact-view .product-thumb__add-to-cart span,
  .product-price .product-thumb__add-to-cart span{display:none!important}
  .compact-view .product-thumb__add-to-cart i,
  .product-price .product-thumb__add-to-cart i{display:inline!important}

  .list-view,
  .product-layout.list-view{
    max-width:100%!important;
    min-width:0!important
  }
  .list-view .product-thumb{
    max-width:100%!important;
    min-width:0!important;
    align-items:stretch!important
  }
  .list-view .product-thumb__cart{margin-right:0!important}
  .list-view .product-thumb__caption{
    min-width:0!important;
    padding:0 8px!important
  }
  .list-view .product-thumb__image{
    min-width:0!important;
    max-width:38%!important;
    align-self:stretch!important;
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
    display:flex!important;
    background:transparent!important
  }
  .list-view .product-thumb__image a,
  .list-view .product-thumb__image > a{
    display:flex!important;
    align-items:flex-start!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    line-height:0!important
  }
  .list-view .product-thumb__image img,
  .list-view .product-thumb__image img.img-responsive{
    aspect-ratio:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    display:block!important;
    background:#fff
  }
}

/* ========== Top bar: align theme / currency / language / account ========== */
#top.top-menu .top-menu__wishlist,
#top.top-menu .top-menu__compare{
  display:none!important
}
#top.top-menu .top-menu__buttons,
#top.top-menu .top-menu__buttons .btn-group,
#top.top-menu .top-menu__currency,
#top.top-menu .top-menu__language,
#top.top-menu .top-menu__account{
  display:flex!important;
  align-items:center!important
}
#top.top-menu .top-menu__buttons .btn-group{margin:0 0 0 6px!important}
#top.top-menu .top-menu__btn,
#top.top-menu .ks-theme-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  line-height:1!important;
  padding:0 8px!important;
  margin:0!important;
  vertical-align:middle!important;
  box-sizing:border-box!important
}
#top.top-menu .ks-theme-toggle{
  width:28px!important;
  padding:0!important;
  margin:0 2px 0 0!important
}
#top.top-menu .top-menu__btn i,
#top.top-menu .ks-theme-toggle i,
#top.top-menu .top-menu__btn-code,
#top.top-menu .top-menu__btn-text{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  vertical-align:middle!important
}
#top.top-menu .top-menu__btn-code{
  text-transform:none!important;
  margin:0 6px 0 0!important
}
#top.top-menu .top-menu__btn-text{margin:0!important}
#top.top-menu .top-menu__btn i{margin:0 6px 0 0!important;font-size:13px!important}
#top.top-menu .ks-theme-toggle i{margin:0!important}
@media (min-width:992px){
  #top.top-menu .top-links .top-menu__btn,
  html.theme-dark #top.top-menu .top-links .top-menu__btn{display:none!important}
}

/* ========== KS-CAT-WALL-CLEAN ========== */
.category-wall,
.uni-module.category-wall{
  padding:4px 0 20px!important
}
.category-wall::before{display:none!important;content:none!important}
.category-wall .uni-module__item{padding:8px!important}

/* Desktop: one quiet card, no icon, no inner boxes */
@media (min-width:768px){
  html .category-wall .category-wall__item,
  html .category-wall .category-wall__item.uni-item,
  html.theme-dark .category-wall .category-wall__item,
  html:not(.theme-dark) .category-wall .category-wall__item{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 14px!important;
    overflow:hidden!important;
    border-radius:16px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:0;
    transform:translateY(12px)!important;
    transition:opacity .4s ease, transform .4s ease, box-shadow .2s ease, border-color .2s ease!important;
    transition-delay:var(--ks-delay, 0ms), var(--ks-delay, 0ms), 0s, 0s!important
  }
  html:not(.theme-dark) .category-wall .category-wall__item,
  html:not(.theme-dark) .category-wall .category-wall__item.uni-item{
    background:#fff!important;
    border:1px solid rgba(15,23,32,.08)!important;
    box-shadow:0 1px 2px rgba(15,23,32,.04)!important
  }
  html.theme-dark .category-wall .category-wall__item,
  html.theme-dark .category-wall .category-wall__item.uni-item{
    background:#1a2230!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.25)!important
  }
  html .category-wall .category-wall__item.is-in,
  html .category-wall .category-wall__item.uni-item.is-in{
    opacity:1;
    transform:translateY(0)!important
  }
  html .category-wall .category-wall__item.is-in:hover,
  html .category-wall .category-wall__item.uni-item.is-in:hover,
  html:not(.theme-dark) .category-wall .category-wall__item.is-in:hover,
  html.theme-dark .category-wall .category-wall__item.is-in:hover{
    transform:translateY(-3px)!important
  }
  html:not(.theme-dark) .category-wall .category-wall__item.is-in:hover{
    border-color:rgba(15,118,110,.28)!important;
    box-shadow:0 10px 24px rgba(15,23,32,.08)!important
  }
  html.theme-dark .category-wall .category-wall__item.is-in:hover{
    border-color:rgba(61,222,200,.28)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.35)!important
  }
  html .category-wall .category-wall__image,
  html.theme-dark .category-wall .category-wall__image,
  html:not(.theme-dark) .category-wall .category-wall__image{
    display:block!important;
    flex:1 1 auto!important;
    margin:0!important;
    padding:8px 8px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important
  }
  html .category-wall .category-wall__image img,
  html.theme-dark .category-wall .category-wall__image img{
    width:100%!important;
    height:auto!important;
    max-height:240px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
    filter:none!important;
    transition:transform .25s ease!important
  }
  html .category-wall .category-wall__item.is-in:hover .category-wall__image img{
    transform:scale(1.03)!important
  }
  html .category-wall .category-wall__ul,
  html .category-wall .category-wall__ul.child-empty,
  html.theme-dark .category-wall .category-wall__ul,
  html.theme-dark .category-wall .category-wall__ul.child-empty{
    margin:10px 14px 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important
  }
  html .category-wall .category-wall__title,
  html .category-wall .category-wall__title.child-empty{
    text-align:left!important
  }
  html .category-wall .category-wall__title a,
  html:not(.theme-dark) .category-wall .category-wall__title a{
    display:block!important;
    text-align:left!important;
    font-size:15px!important;
    font-weight:650!important;
    line-height:1.35!important;
    color:#111827!important
  }
  html.theme-dark .category-wall .category-wall__title a{color:#f3f4f6!important}
  html .category-wall .category-wall__item:hover .category-wall__title a,
  html:not(.theme-dark) .category-wall .category-wall__item:hover .category-wall__title a{
    color:#0f766e!important
  }
  html.theme-dark .category-wall .category-wall__item:hover .category-wall__title a{
    color:#3ddec8!important
  }
  html .category-wall .ks-cat-icon{display:none!important}
}

@media (max-width:767px){
  .category-wall__image,
  html.theme-dark .category-wall__image,
  html:not(.theme-dark) .category-wall__image{display:none!important}
  .category-wall .ks-cat-icon,
  html.theme-dark .category-wall .ks-cat-icon,
  html.theme-dark .ks-cat-icon{
    position:static!important;
    order:-1!important;
    display:flex!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 auto 6px!important;
    padding:0!important;
    font-size:32px!important;
    line-height:1!important;
    color:#0f766e!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important
  }
  html.theme-dark .category-wall .ks-cat-icon{color:#3ddec8!important}
  .category-list__item,
  .menu1 a,
  .menu-open,
  .header-menu__btn{
    touch-action:manipulation
  }
}

@media (min-width:768px) and (prefers-reduced-motion:reduce){
  html .category-wall .category-wall__item,
  html .category-wall .category-wall__item.uni-item{
    opacity:1!important;
    transform:none!important;
    transition:box-shadow .2s ease, border-color .2s ease!important
  }
}

/* ========== KS-FORMS: readable fields and CTAs in both themes ========== */
html.theme-dark{
  --subscribe-input-c:#f8fafc!important;
  --subscribe-input-bg:#111827!important;
  --subscribe-info-c:#d1d5db!important;
  --subscribe-btn-c:#fff!important;
  --subscribe-btn-bg:#0f766e!important
}
html.theme-dark input.form-control,
html.theme-dark select.form-control,
html.theme-dark textarea.form-control,
html.theme-dark .form-control,
html.theme-dark .subscribe__input,
html.theme-dark .checkout-customer__input,
html.theme-dark .checkout-comment,
html.theme-dark .quick-order__input,
html.theme-dark .modal-request__input,
html.theme-dark .sorts-block__select,
html.theme-dark .qty-switch__input{
  background:#111827!important;
  background-color:#111827!important;
  color:#f8fafc!important;
  border:1px solid #4b5563!important;
  box-shadow:none!important;
  caret-color:#f8fafc
}
html.theme-dark .form-control::placeholder,
html.theme-dark .subscribe__input::placeholder,
html.theme-dark .checkout-customer__input::placeholder,
html.theme-dark .modal-request__input::placeholder,
html.theme-dark .quick-order__input::placeholder{
  color:#9ca3af!important;
  opacity:1!important
}
html.theme-dark select.form-control,
html.theme-dark .sorts-block__select{
  background-image:none!important;
  color:#f8fafc!important
}
html.theme-dark .uni-form,
html.theme-dark .account-login__wrapper,
html.theme-dark .contact-page__form,
html.theme-dark #contact-page__form,
html.theme-dark .review-form,
html.theme-dark .subscribe{
  background:#151c28!important;
  color:#e8eef6!important;
  border-color:#374151!important
}
html.theme-dark .uni-form a,
html.theme-dark .account-login__forgotten,
html.theme-dark .account-login__wrapper a,
html.theme-dark .contact-page__form a,
html.theme-dark .review-form a,
html.theme-dark .subscribe a,
html.theme-dark .subscribe__agree,
html.theme-dark .subscribe__agree span,
html.theme-dark .subscribe__info,
html.theme-dark .modal-request__agree,
html.theme-dark .modal-request__agree span,
html.theme-dark .modal-request__label,
html.theme-dark #modal-request-form a,
html.theme-dark #modal-request-form label,
html.theme-dark .control-label,
html.theme-dark .help-block{
  color:#5eead4!important
}
html.theme-dark .uni-form label,
html.theme-dark .control-label,
html.theme-dark .subscribe__info,
html.theme-dark .subscribe__agree,
html.theme-dark .subscribe__agree span{
  color:#e5e7eb!important
}
html.theme-dark .subscribe a,
html.theme-dark .subscribe__agree a,
html.theme-dark .uni-form a,
html.theme-dark .account-login__forgotten{
  color:#5eead4!important
}
html.theme-dark .subscribe__btn,
html.theme-dark .subscribe__btn:hover{
  background:#0f766e!important;
  color:#fff!important;
  border:0!important
}
html:not(.theme-dark) .subscribe__input,
html:not(.theme-dark) .subscribe__input.form-control{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d1d5db!important
}
html:not(.theme-dark) .subscribe__input::placeholder{
  color:#6b7280!important;
  opacity:1!important
}
.search-btn-clear,
.search-btn-clear.show{
  background:#e5e7eb!important;
  color:#111827!important;
  opacity:1!important
}
html.theme-dark .search-btn-clear,
html.theme-dark .search-btn-clear.show{
  background:#374151!important;
  color:#f9fafb!important
}
.menu-module__a.active,
.menu-module__a.active:hover,
html.theme-dark .menu-module__a.active,
html.theme-dark .menu-module__a.active:hover{
  background:#0f766e!important;
  color:#fff!important
}
html.theme-dark #modal-request-form,
html.theme-dark #modal-request-form .modal-content,
html.theme-dark #modal-request-form .modal-body,
html.theme-dark #modal-request-form .modal-title,
html.theme-dark #modal-callback,
html.theme-dark .notification,
html.theme-dark .notification.fixed{
  background:#1a2230!important;
  color:#e8eef6!important;
  border-color:#374151!important
}
html.theme-dark .notification a,
html.theme-dark .notification .btn,
html.theme-dark #modal-request-form .close{
  color:#5eead4!important
}
html.theme-dark .btn-primary,
html.theme-dark .modal-request__btn,
html.theme-dark .modal-login__btn,
html.theme-dark .modal-register__btn{
  background:#0f766e!important;
  border-color:#0f766e!important;
  color:#fff!important
}

/* ========== KS-ABOUT + FAQ ========== */
.ts-home-about,
.ts-home-faq{
  max-width:1320px;
  margin:0 auto;
  padding:10px 0 0
}
.ts-home-about__title,
.ts-home-faq__title{
  position:relative;
  margin:0 0 12px;
  font-size:clamp(1.5em, 2.2vw, 2em);
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--ks-ink, #0f1720);
  line-height:1.15
}
.ts-home-about__title:after,
.ts-home-faq__title:after{
  content:"";
  display:block;
  width:54px;
  height:4px;
  margin-top:10px;
  border-radius:99px;
  background:linear-gradient(90deg, var(--ks-teal, #1b6b5a), #2dd4bf)
}
.ts-home-about__lead{
  margin:0 0 24px;
  max-width:760px;
  font-size:1.05em;
  line-height:1.7;
  color:var(--ks-muted, #3d4a5c)
}
.ts-home-about__grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px
}
.ts-home-about__card{
  position:relative;
  background:linear-gradient(180deg, #ffffff, #fbfcfd);
  border:1px solid var(--ks-line, rgba(15,23,32,.10));
  border-radius:16px;
  padding:24px 22px 22px;
  box-shadow:0 1px 2px rgba(15,23,32,.04), 0 10px 24px rgba(15,23,32,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease
}
.ts-home-about__card::before{
  content:"";
  position:absolute;
  top:0;left:22px;right:22px;
  height:3px;
  border-radius:0 0 99px 99px;
  background:linear-gradient(90deg, var(--ks-teal, #1b6b5a), #2dd4bf);
  opacity:.85
}
.ts-home-about__card:hover{
  transform:translateY(-3px);
  box-shadow:0 1px 2px rgba(15,23,32,.05), 0 18px 34px rgba(15,23,32,.09);
  border-color:rgba(27,107,90,.28)
}
.ts-home-about__card h3,
.ts-home-about__card h4{
  margin:0 0 8px;
  font-size:1.06em;
  font-weight:700;
  color:var(--ks-ink, #0f1720)
}
.ts-home-about__card p{
  margin:0;
  font-size:.94em;
  line-height:1.62;
  color:var(--ks-muted, #3d4a5c)
}

/* FAQ: animated accordion via grid rows */
.ts-home-faq{
  padding-top:26px
}
.ts-home-faq__title{
  margin-bottom:18px
}
.ts-faq-item{
  display:grid;
  grid-template-rows:auto 0fr;
  transition:grid-template-rows .32s ease;
  margin:0 0 12px;
  border:1px solid var(--ks-line, rgba(15,23,32,.10));
  border-radius:14px;
  background:#fff;
  overflow:hidden
}
.ts-faq-item[open]{
  grid-template-rows:auto 1fr;
  border-color:rgba(27,107,90,.30);
  box-shadow:0 10px 24px rgba(15,23,32,.06)
}
.ts-faq-item summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 20px;
  font-weight:600;
  font-size:1.02em;
  color:var(--ks-ink, #0f1720);
  user-select:none
}
.ts-faq-item summary::-webkit-details-marker{display:none}
.ts-faq-item summary::after{
  content:"\f078";
  font-family:"Font Awesome\ 5 Free";
  font-weight:900;
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(27,107,90,.10);
  color:var(--ks-teal, #1b6b5a);
  font-size:.7em;
  transition:transform .28s ease, background .2s ease
}
.ts-faq-item[open] summary::after{
  transform:rotate(180deg);
  background:var(--ks-teal, #1b6b5a);
  color:#fff
}
.ts-faq-item summary:hover{
  background:rgba(15,23,32,.02)
}
.ts-faq-item > p{
  margin:0;
  padding:0 20px 18px;
  overflow:hidden;
  font-size:.96em;
  line-height:1.7;
  color:var(--ks-muted, #3d4a5c)
}
@media (max-width:1199px){
  .ts-home-about__grid{
    grid-template-columns:repeat(2, 1fr)
  }
}
@media (max-width:991px){
  .ts-home-about__grid{
    grid-template-columns:repeat(2, 1fr)
  }
}
@media (max-width:575px){
  .ts-home-about__grid{
    grid-template-columns:1fr
  }
  .ts-home-about__card{
    padding:20px 18px 18px
  }
  .ts-faq-item summary{
    padding:15px 16px;
    font-size:.98em
  }
  .ts-faq-item > p{
    padding:0 16px 16px
  }
}

/* Hero art fits by height; it does not need to fill 100% width */
.ksovit-hero .uni-slideshow_v2__item{
  position:relative!important
}
.ksovit-hero .uni-slideshow_v2__image,
.ksovit-hero .uni-slideshow_v2__image.text-over-image,
.ksovit-hero .uni-slideshow_v2__image.has-text{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  flex:none!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important
}
.ksovit-hero .uni-slideshow_v2__img,
.ksovit-hero picture img,
.ksovit-hero img.uni-slideshow_v2__img,
body:not(.touch-support) .ksovit-hero .uni-slideshow_v2__image.text-over-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:100%!important;
  min-width:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:right center!important;
  aspect-ratio:auto!important
}
html.theme-dark .ksovit-hero .uni-slideshow_v2__img,
html.theme-dark .ksovit-hero picture img,
html.theme-dark .ksovit-hero img.uni-slideshow_v2__img{
  object-fit:cover!important;
  object-position:right center!important
}

.ks-home-seo{
  margin:28px 0 8px;
  padding:8px 0 12px
}
.ks-home-seo__intro{
  margin:0 0 22px;
  max-width:820px;
  font-size:1.02em;
  line-height:1.75;
  color:var(--ks-muted, #3d4a5c)
}
.ks-home-seo__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 8px
}
.ks-home-seo__links a{
  display:inline-flex;
  align-items:center;
  height:38px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(27,107,90,.10);
  color:var(--ks-teal, #1b6b5a)!important;
  font-weight:600;
  font-size:.92em;
  text-decoration:none!important
}
.ks-home-seo__links a:hover{
  background:var(--ks-teal, #1b6b5a);
  color:#fff!important
}
html.theme-dark .ts-home-about__card,
html.theme-dark .ts-faq-item{
  background:rgba(22,30,42,.72)!important;
  border-color:rgba(255,255,255,.1)!important
}
html.theme-dark .ts-home-about__title,
html.theme-dark .ts-home-faq__title,
html.theme-dark .ts-home-about__card h3,
html.theme-dark .ts-home-about__card h4,
html.theme-dark .ts-faq-item summary{
  color:#f2f6fb!important
}
html.theme-dark .ts-home-about__lead,
html.theme-dark .ts-home-about__card p,
html.theme-dark .ts-faq-item > p,
html.theme-dark .ks-home-seo__intro{
  color:#c5d0de!important
}

.category-wall{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important
}
.category-wall .uni-module__wrapper{
  width:100%!important
}
.category-wall .category-wall__item{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important
}

@media (max-width:767px){
  .category-wall .uni-module__item{
    padding:4px!important
  }
  .category-wall .category-wall__item,
  .category-wall .category-wall__item.uni-item{
    padding:2px 0!important
  }
  .category-wall .ks-cat-icon,
  html.theme-dark .category-wall .ks-cat-icon,
  html:not(.theme-dark) .category-wall .ks-cat-icon{
    font-size:36px!important;
    margin:0 0 4px!important;
    color:#2dd4bf!important
  }
  html.theme-dark .category-wall .ks-cat-icon{
    color:#99f6e4!important
  }
  .category-wall__title a,
  html:not(.theme-dark) .category-wall__title a,
  html.theme-dark .category-wall__title a{
    min-height:0!important;
    padding:4px 2px 6px!important;
    font-size:15px!important;
    line-height:1.25!important
  }
}

html.theme-dark{
  color-scheme:dark;
  background:#0b1220!important
}
html.theme-dark,
html.theme-dark body,
html.theme-dark main,
html.theme-dark .home-page,
html.theme-dark .ksovit-hero,
html.theme-dark .uni-slideshow_v2,
html.theme-dark .uni-slideshow_v2__item,
html.theme-dark .uni-slideshow_v2__image,
html.theme-dark .ksovit-hero .owl-stage-outer,
html.theme-dark .ksovit-hero .owl-item{
  background:#0b1220!important;
  background-color:#0b1220!important;
  transition:none!important
}
html.theme-dark .ksovit-hero img[src*="hero-light"],
html.theme-dark .uni-slideshow_v2 img[src*="hero-light"],
html.theme-dark .category-wall img[src*="cat-v3-"]:not([src*="-dark"]){
  opacity:0!important
}
html.theme-dark .header-logo__img--light,
html:not(.theme-dark) .header-logo__img--dark{
  display:none!important
}
html.theme-dark .header-logo__img--dark,
html:not(.theme-dark) .header-logo__img--light,
html.theme-dark .header-logo img.header-logo__img--dark,
html.theme-dark #logo img.header-logo__img--dark{
  display:block!important;
  opacity:1!important;
  visibility:visible!important
}
html.ks-theme-veil::before{
  content:"";
  position:fixed;
  inset:0;
  background:#0b1220;
  z-index:2147483646;
  pointer-events:none
}

@media (max-width:991px){
  html.theme-dark .main-menu__contacts,
  html.theme-dark .main-menu__contacts li,
  html.theme-dark .main-menu__contacts a,
  html.theme-dark .main-menu__contacts span,
  html.theme-dark .main-menu__contacts i,
  html.theme-dark .main-menu__contacts-item,
  html.theme-dark .main-menu__contacts-address,
  html.theme-dark .main-menu__contacts-open,
  html.theme-dark .main-menu__contacts-icon{
    color:#fff!important
  }
  html.theme-dark .main-menu__contacts li{
    border-top-color:rgba(255,255,255,.14)!important
  }
}

header .header-search__category,
#search .header-search__category{
  display:none!important
}
@media (min-width:992px){
  header .header-menu__btn,
  header .header-menu__btn.btn,
  header .menu-open{
    min-width:156px!important;
    padding-left:28px!important;
    padding-right:28px!important
  }
}

.ksovit-hero .uni-slideshow_v2__description.text-over-image,
.uni-slideshow_v2 .uni-slideshow_v2__description.text-over-image{
  padding:.55rem 1rem!important
}
.ksovit-hero .uni-slideshow_v2__title,
.uni-slideshow_v2 .uni-slideshow_v2__title{
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.15!important;
  margin:0 0 6px!important
}
.ksovit-hero .uni-slideshow_v2__text,
.uni-slideshow_v2 .uni-slideshow_v2__text{
  font-size:15px!important;
  line-height:1.3!important;
  margin:0 0 10px!important
}
.ksovit-hero .uni-slideshow_v2__btn.btn,
.uni-slideshow_v2 .uni-slideshow_v2__btn.btn{
  padding:.45rem 1.1rem!important
}
@media (max-width:767px){
  .ksovit-hero .uni-slideshow_v2__title,
  .ksovit-hero .uni-slideshow_v2__title *,
  .uni-slideshow_v2 .uni-slideshow_v2__title,
  .uni-slideshow_v2 .uni-slideshow_v2__title *{
    font-size:22px!important;
    font-weight:800!important
  }
  .ksovit-hero .uni-slideshow_v2__title,
  .uni-slideshow_v2 .uni-slideshow_v2__title{
    margin:0 36px 4px!important
  }
}

/* Light slider: catalog-button green, bolder title */
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title,
html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__title,
html:not(.theme-dark) .uni-slideshow_v2__title,
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title *{
  color:#0f766e!important;
  font-weight:800!important;
  font-size:28px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 10px rgba(255,255,255,.9)!important
}
html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__text,
html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__text,
html:not(.theme-dark) .uni-slideshow_v2__text{
  color:#0f766e!important;
  text-shadow:0 1px 8px rgba(255,255,255,.85)!important
}
@media (max-width:767px){
  html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title,
  html:not(.theme-dark) .ksovit-hero .uni-slideshow_v2__title *,
  html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__title,
  html:not(.theme-dark) .uni-slideshow_v2 .uni-slideshow_v2__title *,
  html:not(.theme-dark) .uni-slideshow_v2__title{
    color:#0f766e!important;
    text-shadow:0 1px 10px rgba(255,255,255,.9)!important;
    font-size:22px!important;
    font-weight:800!important
  }
}

/* Checkout: shipping + payment must stay visible on phones */
@media (max-width:991px){
  #unicheckout .unicheckout__wrapper.row,
  #unicheckout .unicheckout__forms,
  #unicheckout .unicheckout-sticky{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important
  }
  #unicheckout .tab-content,
  #unicheckout .tab-pane.active{
    display:block!important;
    overflow:visible!important;
    max-height:none!important;
    height:auto!important
  }
  #unicheckout .unicheckout__shipping,
  #unicheckout .unicheckout__payment{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important;
    padding:14px 14px 8px!important;
    background:#f7f8fa!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    overflow:visible!important
  }
  html.theme-dark #unicheckout .unicheckout__shipping,
  html.theme-dark #unicheckout .unicheckout__payment{
    background:#151c28!important;
    border-color:rgba(255,255,255,.12)!important
  }
  #unicheckout .shipping-method,
  #unicheckout .payment-method,
  #unicheckout .shipping-method__item,
  #unicheckout .payment-method .radio,
  #unicheckout .shipping-method__label,
  #unicheckout .payment-method label.input{
    display:flex!important;
    visibility:visible!important;
    align-items:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important
  }
  #unicheckout .shipping-method__quote,
  #unicheckout .shipping-method__quote-text,
  #unicheckout .payment-method__title{
    display:inline!important;
    white-space:normal!important
  }
  #unicheckout .checkout-customer .form-control,
  #unicheckout .checkout-address-new .form-control,
  #unicheckout .checkout-customer__input,
  #unicheckout .checkout-address-new__input,
  #unicheckout .checkout-address-new__select{
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important
  }
  #unicheckout .unicheckout__pickup-nav.nav-tabs{
    display:flex!important;
    width:100%!important
  }
  #unicheckout .unicheckout__pickup-nav.nav-tabs > li{
    flex:1 1 50%!important;
    justify-content:center!important
  }
}

/* Success page: order totals table (same as checkout sidebar) */
html.ks-page-success .ks-success-order.unicheckout-sticky{
  position:static!important;
  top:auto!important;
  width:100%!important;
  max-width:420px!important;
  margin:0 0 16px!important;
  padding:0!important
}
html.ks-page-success .ks-success-order .unicheckout-sticky__wrapper{
  width:100%!important;
  box-sizing:border-box!important
}

@media (max-width:767px){
  html.ks-page-success .container,
  html.ks-page-success #content{
    overflow:visible!important
  }
  html.ks-page-success #content,
  #content:has(> .uni-wrapper .buttons){
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
    max-width:100%!important
  }
  html.ks-page-success #content > .uni-wrapper,
  #content > .uni-wrapper:has(.buttons){
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important;
    padding:18px 16px 20px!important;
    box-sizing:border-box!important;
    overflow:visible!important
  }
  html.ks-page-success #content > .uni-wrapper p,
  #content > .uni-wrapper:has(.buttons) p{
    white-space:normal!important;
    overflow-wrap:break-word!important;
    max-width:100%!important
  }
  html.ks-page-success .ks-success-order.unicheckout-sticky{
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 4px!important;
    padding:0!important
  }
  html.ks-page-success .ks-success-order .unicheckout-sticky__wrapper{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important
  }
}

/* Desktop: compact [−] [qty] [+] — 1.5× previous compact size */
@media (min-width:768px){
  .product-page .qty-switch,
  .product-block .qty-switch,
  .product-thumb .qty-switch,
  .product-thumb__cart .qty-switch{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    align-self:center!important;
    float:none!important;
    margin:0 8px 0 0!important;
    flex:0 0 auto!important;
    height:30px!important
  }
  .product-page .qty-switch,
  .product-block .qty-switch{
    height:36px!important
  }
  .product-page .qty-switch > span,
  .product-block .qty-switch > span,
  .product-thumb .qty-switch > span{
    display:contents!important
  }
  .product-page .qty-switch__input,
  .product-block .qty-switch__input,
  .product-thumb .qty-switch__input{
    order:2!important;
    width:36px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    font-size:14px!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    text-align:center!important
  }
  .product-page .qty-switch__input,
  .product-block .qty-switch__input{
    width:40px!important;
    height:36px!important;
    min-height:36px!important
  }
  .product-page .qty-switch__btn,
  .product-page .qty-switch__btn.fa,
  .product-block .qty-switch__btn,
  .product-block .qty-switch__btn.fa,
  .product-thumb .qty-switch__btn,
  .product-thumb .qty-switch__btn.fa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    line-height:30px!important;
    font-size:12px!important;
    border:1px solid #d1d5db!important;
    cursor:pointer!important;
    touch-action:manipulation
  }
  .product-page .qty-switch__btn,
  .product-page .qty-switch__btn.fa,
  .product-block .qty-switch__btn,
  .product-block .qty-switch__btn.fa{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    line-height:36px!important;
    font-size:13px!important
  }
  html.theme-dark .product-page .qty-switch__btn,
  html.theme-dark .product-block .qty-switch__btn,
  html.theme-dark .product-thumb .qty-switch__btn{
    border-color:#374151!important
  }
  .product-page .qty-switch__btn.fa-minus,
  .product-block .qty-switch__btn.fa-minus,
  .product-thumb .qty-switch__btn.fa-minus{
    order:1!important;
    border-radius:8px 0 0 8px!important;
    border-top:1px solid #d1d5db!important
  }
  .product-page .qty-switch__btn.fa-plus,
  .product-block .qty-switch__btn.fa-plus,
  .product-thumb .qty-switch__btn.fa-plus{
    order:3!important;
    border-radius:0 8px 8px 0!important;
    border-top:1px solid #d1d5db!important
  }
  .product-thumb__cart,
  .product-page__cart{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important
  }
}
@media (max-width:380px){
  .product-thumb .qty-switch{display:flex!important}
}

/* Checkout: hide customer group selector */
.checkout-customer__group,
.unicheckout .checkout-customer__group{
  display:none!important
}

/* ========== KS-MOBILE-NAV-CLICK ========== */
@media (max-width:991px){
  #search2,
  #search2 .header-search{
    pointer-events:none!important;
    z-index:2!important
  }
  #search2 .header-search__form,
  #search2 .header-search__input,
  #search2 .header-search__btn,
  #search2 .live-search,
  #search2 .live-search__ul{
    pointer-events:auto!important
  }
  .menu-open,
  header .menu-open.btn{
    position:relative!important;
    z-index:8!important;
    pointer-events:auto!important
  }
  .menu-wrapper:not(.show) .menu__level-2,
  .menu-wrapper:not(.show) .menu__level-3{
    visibility:hidden!important;
    pointer-events:none!important
  }
  #fly-menu.fly-menu,
  #fly-menu .container,
  #fly-menu .row,
  #fly-menu .fly-menu__account{
    overflow:visible!important
  }
  .fly-menu-backdrop{
    z-index:1010!important
  }
  #fly-menu.fly-menu{
    z-index:14000!important
  }
  .fly-menu__account.show .fly-menu__account-dropdown,
  .fly-menu__account.open .fly-menu__account-dropdown{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:14050!important;
    bottom:calc(100% + 8px)!important;
    top:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important
  }
  .fly-menu__account-dropdown a,
  .fly-menu__account-dropdown li,
  .fly-menu__account-dropdown li a{
    pointer-events:auto!important;
    position:relative!important;
    z-index:14051!important
  }

  /* Subcategories: last-wins so both UniShop modes work */
  .menu.slide-from-right .menu__level-2,
  .menu.slide-from-right .menu__level-3{
    position:fixed!important;
    top:54px!important;
    right:-100%!important;
    left:auto!important;
    height:calc(100vh - 54px)!important;
    max-height:calc(100vh - 54px)!important;
    width:100%!important
  }
  .menu.slide-from-right .menu__level-2.active,
  .menu.slide-from-right .menu__level-3.active{
    right:0!important
  }
  .menu.slide-down .menu__level-2,
  .menu.slide-down .menu__level-3{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    height:auto!important;
    max-height:none!important;
    width:100%!important;
    min-width:0!important;
    transform:none!important;
    overflow:hidden!important
  }
  .menu.slide-down .menu__level-2.collapse:not(.in):not(.collapsing),
  .menu.slide-down .menu__level-3.collapse:not(.in):not(.collapsing),
  .menu.slide-down .menu__level-2:not(.in):not(.collapsing):not(.collapse),
  .menu.slide-down .menu__level-3:not(.in):not(.collapsing):not(.collapse){
    height:0!important;
    display:none!important
  }
  .menu.slide-down .menu__level-2.in,
  .menu.slide-down .menu__level-2.collapsing,
  .menu.slide-down .menu__level-3.in,
  .menu.slide-down .menu__level-3.collapsing{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important
  }
  .menu.slide-down .menu__level-2.in,
  .menu.slide-down .menu__level-3.in{
    height:auto!important;
    overflow:visible!important
  }
  .menu .menu__chevron{
    pointer-events:auto!important;
    z-index:12!important
  }
}

/* Account order details: dark theme — kill light table backgrounds */
html.theme-dark .account-order-info__products-wrap,
html.theme-dark .account-order-info__history-wrap{
  background:transparent!important;
  border-top-color:rgba(255,255,255,.1)!important;
  box-shadow:none!important
}
html.theme-dark .account-order-info__products-table,
html.theme-dark .account-order-info__history-table{
  background:transparent!important;
  color:#e5e7eb!important
}
html.theme-dark .account-order-info__products-heading,
html.theme-dark .account-order-info__history-heading,
html.theme-dark .account-order-info__products-heading td,
html.theme-dark .account-order-info__history-heading td{
  background:#1a2332!important;
  color:#f2f6fb!important;
  border-color:rgba(255,255,255,.1)!important
}
html.theme-dark .account-order-info__products-item,
html.theme-dark .account-order-info__history-item,
html.theme-dark .account-order-info__products-item td,
html.theme-dark .account-order-info__history-item td,
html.theme-dark .account-order-info__products-table tr td{
  background:#151c28!important;
  color:#e5e7eb!important;
  border-color:rgba(255,255,255,.08)!important
}
html.theme-dark .account-order-info__products-item:nth-child(odd),
html.theme-dark .account-order-info__history-item:nth-child(odd),
html.theme-dark .account-order-info__products-item:nth-child(odd) td,
html.theme-dark .account-order-info__history-item:nth-child(odd) td{
  background:#1a2332!important
}
html.theme-dark .account-order-info__products-name,
html.theme-dark .account-order-info__products-model,
html.theme-dark .account-order-info__products-quantity,
html.theme-dark .account-order-info__products-price,
html.theme-dark .account-order-info__products-total,
html.theme-dark .account-order-info__products-name a,
html.theme-dark .account-order-info__products-name small{
  color:#e5e7eb!important;
  border-right-color:rgba(255,255,255,.08)!important
}
html.theme-dark .account-order-info__totals{
  border-top-color:rgba(255,255,255,.1)!important;
  color:#e5e7eb!important
}
html.theme-dark .account-order-info__comment{
  background:#151c28!important;
  color:#e5e7eb!important;
  border:1px solid rgba(255,255,255,.1)!important
}
html.theme-dark .account-order-info__description,
html.theme-dark .account-order-info__payment-address,
html.theme-dark .account-order-info__shipping-address{
  color:#e5e7eb!important
}

/* ========== Mobile: wider product/subcat blocks + proportional list images ========== */
@media (max-width:991px){
  /* Max width with minimal side gutters for catalog content */
  .category-page > .container,
  #product-category > .container,
  #product-search > .container,
  #product-special > .container,
  #product-manufacturer > .container,
  .home-page > .container,
  #content.col-sm-12,
  #content.col-sm-9,
  #content.col-md-9,
  #content.col-md-12{
    padding-left:4px!important;
    padding-right:4px!important
  }
  .products-block,
  .products-block__wrapper,
  .sorts-block,
  .sorts-block__wrapper,
  .category-info,
  .category-list,
  .product-category-list,
  .uni-module.category-wall,
  .category-wall{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    max-width:100%!important
  }
  .products-block .row,
  .category-list .row,
  .product-category-list .row,
  .category-wall .row,
  .uni-module.category-wall .row{
    margin-left:0!important;
    margin-right:0!important
  }
  .product-layout,
  .product-layout.list-view,
  .product-layout.compact-view,
  .product-layout.grid-view,
  .category-list__item,
  .product-category-list__item,
  .category-wall .uni-module__item{
    padding-left:2px!important;
    padding-right:2px!important
  }
  .list-view .product-thumb,
  .list-view .product-thumb.uni-item,
  .product-layout.list-view .product-thumb{
    padding-left:6px!important;
    padding-right:6px!important
  }
}

@media (max-width:767px){
  /* List cards: image stays proportional, but left column stays full-height & clickable */
  .list-view .product-thumb,
  .list-view .product-thumb.uni-item,
  .product-layout.list-view .product-thumb{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    position:relative!important
  }
  .list-view .product-thumb__image,
  .product-layout.list-view .product-thumb__image,
  html.theme-dark .list-view .product-thumb__image,
  html.theme-dark .product-layout.list-view .product-thumb__image{
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 34%!important;
    width:34%!important;
    max-width:34%!important;
    overflow:hidden!important;
    line-height:0!important;
    display:flex!important;
    background:transparent!important
  }
  html:not(.theme-dark) .list-view .product-thumb__image,
  html:not(.theme-dark) .product-layout.list-view .product-thumb__image{
    background:transparent!important
  }
  .list-view .product-thumb__image a,
  .product-layout.list-view .product-thumb__image a{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    align-self:stretch!important;
    line-height:0!important
  }
  .list-view .product-thumb__image img,
  .list-view .product-thumb__image img.img-responsive,
  .product-layout.list-view .product-thumb__image img,
  .product-layout.list-view .product-thumb__image img.img-responsive{
    aspect-ratio:auto!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:top center!important;
    display:block!important;
    vertical-align:top!important;
    background:#fff
  }
  .category-wall .uni-module__item{
    padding-left:2px!important;
    padding-right:2px!important
  }
}

/* ========== Dark: mobile sticky product bar (price + Add to cart) ========== */
html.theme-dark .fly-menu__product.mobile,
html.theme-dark .fly-menu__product.mobile.show,
html.theme-dark #fly-menu .fly-menu__product.mobile,
html.theme-dark #fly-menu .fly-menu__product.mobile.show{
  background:#111827!important;
  background-color:#111827!important;
  color:#ffffff!important;
  border-bottom:1px solid #374151!important;
  border-top:1px solid #374151!important;
  box-shadow:0 -4px 12px rgba(0,0,0,.45)!important
}
html.theme-dark .fly-menu__product.mobile .fly-menu__product-price,
html.theme-dark .fly-menu__product.mobile .price,
html.theme-dark .fly-menu__product.mobile .price-new,
html.theme-dark .fly-menu__product.mobile .price-normal,
html.theme-dark .fly-menu__product.mobile .price span,
html.theme-dark .fly-menu__product-price,
html.theme-dark .fly-menu__product-price .price,
html.theme-dark .fly-menu__product-price .price-new,
html.theme-dark .fly-menu__product-price .price-normal,
html.theme-dark .fly-menu__product-price span{
  color:#ffffff!important
}
html.theme-dark .fly-menu__product.mobile .price-old,
html.theme-dark .fly-menu__product-price .price-old{
  color:#9ca3af!important
}

/* Quiet paint when returning to product lists (back/forward) */
html.ks-nav-quiet,
html.ks-nav-quiet body,
html.ks-nav-quiet .product-thumb,
html.ks-nav-quiet .product-layout,
html.ks-nav-quiet .products-block,
html.ks-nav-quiet .list-view,
html.ks-nav-quiet .grid-view{
  transition:none!important;
  animation:none!important
}

/* ========== KS-CAT-WALL-SMOOTH: mobile flat cards (no glass inner boxes) ========== */
@media (max-width:767px){
  .category-wall,
  .uni-module.category-wall{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
    contain:layout style!important;
    overflow-anchor:none;
    transform:none!important;
    transition:none!important
  }
  .category-wall .uni-module__wrapper{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important
  }
  .category-wall .uni-module__item{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
    float:none!important;
    padding:2px!important
  }
  .category-wall .category-wall__item,
  .category-wall .category-wall__item.uni-item,
  html.theme-dark .category-wall .category-wall__item,
  html.theme-dark .category-wall .category-wall__item.uni-item,
  html:not(.theme-dark) .category-wall .category-wall__item,
  html:not(.theme-dark) .category-wall .category-wall__item.uni-item{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    min-height:108px!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 6px!important;
    overflow:hidden!important;
    border-radius:10px!important;
    cursor:pointer!important;
    touch-action:manipulation;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    box-shadow:0 1px 2px rgba(15,23,32,.04)!important
  }
  html:not(.theme-dark) .category-wall .category-wall__item,
  html:not(.theme-dark) .category-wall .category-wall__item.uni-item{
    background:#fff!important;
    border:1px solid rgba(15,23,32,.10)!important
  }
  html.theme-dark .category-wall .category-wall__item,
  html.theme-dark .category-wall .category-wall__item.uni-item{
    background:#1f2937!important;
    border:1px solid #374151!important;
    box-shadow:none!important
  }
  .category-wall .category-wall__item:hover,
  .category-wall .category-wall__item.uni-item:hover,
  html.theme-dark .category-wall .category-wall__item:hover,
  html.theme-dark .category-wall .category-wall__item.uni-item:hover,
  html:not(.theme-dark) .category-wall .category-wall__item:hover,
  html:not(.theme-dark) .category-wall .category-wall__item.uni-item:hover{
    transform:none!important;
    box-shadow:0 1px 2px rgba(15,23,32,.04)!important
  }
  .category-wall .category-wall__ul,
  .category-wall .category-wall__ul.child-empty,
  html.theme-dark .category-wall .category-wall__ul,
  html.theme-dark .category-wall .category-wall__ul.child-empty,
  html:not(.theme-dark) .category-wall .category-wall__ul,
  html:not(.theme-dark) .category-wall .category-wall__ul.child-empty{
    position:static!important;
    z-index:auto!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    list-style:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important
  }
  .category-wall .category-wall__title,
  .category-wall .category-wall__title.child-empty{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important
  }
  .category-wall .category-wall__title a,
  html.theme-dark .category-wall .category-wall__title a,
  html:not(.theme-dark) .category-wall .category-wall__title a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.25!important;
    color:#111827!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(15,118,110,.12)
  }
  html.theme-dark .category-wall .category-wall__title a{color:#f3f4f6!important}
  .category-wall .ks-cat-icon,
  html.theme-dark .category-wall .ks-cat-icon,
  html:not(.theme-dark) .category-wall .ks-cat-icon{
    display:flex!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 auto 6px!important;
    font-size:32px!important;
    flex-shrink:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important
  }
  .category-wall .category-wall__image,
  .category-wall .category-wall__image img{
    display:none!important;
    height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    pointer-events:none!important
  }
}
@media (min-width:700px) and (max-width:767px){
  .category-wall .uni-module__wrapper{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}

/* ========== KS-PRODUCT-SMOOTH: mobile flat product cards (no glass / scroll flicker) ========== */
@media (max-width:767px){
  .products-block,
  .products-block__wrapper,
  .uni-module:not(.category-wall),
  .list-view,
  .grid-view,
  .compact-view,
  .product-layout{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
    overflow-anchor:none
  }
  .product-thumb,
  .product-thumb.uni-item,
  html.theme-dark .product-thumb,
  html.theme-dark .product-thumb.uni-item,
  html:not(.theme-dark) .product-thumb,
  html:not(.theme-dark) .product-thumb.uni-item{
    contain:layout style!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    box-shadow:0 1px 2px rgba(15,23,32,.04)!important
  }
  html:not(.theme-dark) .product-thumb,
  html:not(.theme-dark) .product-thumb.uni-item{
    background:#fff!important;
    border:1px solid rgba(15,23,32,.10)!important
  }
  html.theme-dark .product-thumb,
  html.theme-dark .product-thumb.uni-item{
    background:#1f2937!important;
    border:1px solid #374151!important;
    box-shadow:none!important
  }
  .product-thumb:hover,
  .product-thumb.uni-item:hover,
  html.theme-dark .product-thumb:hover,
  html:not(.theme-dark) .product-thumb:hover{
    transform:none!important;
    box-shadow:0 1px 2px rgba(15,23,32,.04)!important
  }
  html.theme-dark .product-thumb:hover{
    box-shadow:none!important
  }
  .product-thumb.hover{
    position:relative!important;
    z-index:1!important
  }
  .product-thumb__image,
  .product-thumb .image,
  html.theme-dark .product-thumb__image,
  html.theme-dark .product-thumb .image,
  html:not(.theme-dark) .product-thumb__image{
    position:relative!important;
    z-index:0!important;
    flex:0 0 auto!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    filter:none!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
  }
  html.theme-dark .product-thumb__image,
  html.theme-dark .product-thumb .image{
    background:#fff!important
  }
  .product-thumb__image a,
  .product-thumb__image > a{
    display:block!important;
    line-height:0!important;
    background:#fff!important
  }
  /* List-view: keep white only behind the image, not the full card column */
  .list-view .product-thumb__image,
  .product-layout.list-view .product-thumb__image,
  html.theme-dark .list-view .product-thumb__image,
  html.theme-dark .product-layout.list-view .product-thumb__image,
  html:not(.theme-dark) .list-view .product-thumb__image,
  html:not(.theme-dark) .product-layout.list-view .product-thumb__image{
    margin:0!important;
    background:transparent!important;
    background-color:transparent!important
  }
  .list-view .product-thumb__image a,
  .list-view .product-thumb__image > a,
  .product-layout.list-view .product-thumb__image a,
  .product-layout.list-view .product-thumb__image > a,
  html.theme-dark .list-view .product-thumb__image a,
  html.theme-dark .product-layout.list-view .product-thumb__image a{
    background:transparent!important;
    background-color:transparent!important
  }
  .list-view .product-thumb__image img,
  .list-view .product-thumb__image img.img-responsive,
  .product-layout.list-view .product-thumb__image img,
  .product-layout.list-view .product-thumb__image img.img-responsive,
  html.theme-dark .list-view .product-thumb__image img,
  html.theme-dark .product-layout.list-view .product-thumb__image img{
    background:#fff!important;
    background-color:#fff!important
  }
  .product-thumb__image img,
  .product-thumb__image img.img-responsive,
  .product-thumb .image img,
  .list-view .product-thumb__image img,
  .grid-view .product-thumb__image img,
  .compact-view .product-thumb__image img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    image-rendering:auto
  }
  .product-thumb:hover .product-thumb__image img,
  .product-thumb__image:hover img{
    transform:none!important;
    filter:none!important
  }
  .uni-module:not(.category-wall) .uni-module__wrapper,
  .uni-module:not(.category-wall) .owl-stage-outer,
  .uni-module:not(.category-wall) .owl-stage,
  .uni-module:not(.category-wall) .owl-item{
    transform-style:flat!important;
    perspective:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  .uni-module:not(.category-wall) .uni-module__wrapper.load-complete{
    opacity:1!important;
    transition:none!important
  }
}

/* ========== KS-MOBILE-CART: list + grid + home modules qty + round cart icon ========== */
@media (max-width:767px){
  .list-view .product-thumb__cart,
  .grid-view .product-thumb__cart,
  .product-layout.list-view .product-thumb__cart,
  .product-layout.grid-view .product-thumb__cart,
  .uni-module:not(.category-wall) .product-thumb__cart{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px 10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:0!important
  }
  .list-view .product-thumb .qty-switch,
  .list-view .product-thumb__cart .qty-switch,
  .grid-view .product-thumb .qty-switch,
  .grid-view .product-thumb__cart .qty-switch,
  .product-layout.list-view .product-thumb .qty-switch,
  .product-layout.grid-view .product-thumb .qty-switch,
  .uni-module:not(.category-wall) .product-thumb .qty-switch,
  .uni-module:not(.category-wall) .product-thumb__cart .qty-switch{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    align-self:center!important;
    height:29px!important;
    margin:0!important;
    flex:0 0 auto!important;
    float:none!important
  }
  .list-view .product-thumb .qty-switch > span,
  .list-view .product-thumb__cart .qty-switch > span,
  .grid-view .product-thumb .qty-switch > span,
  .grid-view .product-thumb__cart .qty-switch > span,
  .product-layout.list-view .product-thumb .qty-switch > span,
  .product-layout.grid-view .product-thumb .qty-switch > span,
  .uni-module:not(.category-wall) .product-thumb .qty-switch > span,
  .uni-module:not(.category-wall) .product-thumb__cart .qty-switch > span{
    display:contents!important
  }
  .list-view .product-thumb .qty-switch__input,
  .grid-view .product-thumb .qty-switch__input,
  .product-layout.list-view .product-thumb .qty-switch__input,
  .product-layout.grid-view .product-thumb .qty-switch__input,
  .uni-module:not(.category-wall) .product-thumb .qty-switch__input{
    order:2!important;
    width:34px!important;
    height:29px!important;
    min-height:29px!important;
    padding:0!important;
    font-size:14px!important;
    line-height:29px!important;
    border-radius:0!important;
    border:1px solid #d1d5db!important;
    border-left:0!important;
    border-right:0!important;
    text-align:center!important;
    box-shadow:none!important
  }
  html.theme-dark .list-view .product-thumb .qty-switch__input,
  html.theme-dark .grid-view .product-thumb .qty-switch__input,
  html.theme-dark .product-layout.list-view .product-thumb .qty-switch__input,
  html.theme-dark .product-layout.grid-view .product-thumb .qty-switch__input,
  html.theme-dark .uni-module:not(.category-wall) .product-thumb .qty-switch__input{
    background:#121820!important;
    color:#f2f6fb!important;
    border-color:#374151!important
  }
  .list-view .product-thumb .qty-switch__btn,
  .list-view .product-thumb .qty-switch__btn.fa,
  .grid-view .product-thumb .qty-switch__btn,
  .grid-view .product-thumb .qty-switch__btn.fa,
  .product-layout.list-view .product-thumb .qty-switch__btn,
  .product-layout.list-view .product-thumb .qty-switch__btn.fa,
  .product-layout.grid-view .product-thumb .qty-switch__btn,
  .product-layout.grid-view .product-thumb .qty-switch__btn.fa,
  .uni-module:not(.category-wall) .product-thumb .qty-switch__btn,
  .uni-module:not(.category-wall) .product-thumb .qty-switch__btn.fa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
    line-height:1!important;
    font-size:13px!important;
    border:1px solid #d1d5db!important;
    background:#fff!important;
    color:#111827!important;
    cursor:pointer!important;
    touch-action:manipulation;
    box-shadow:none!important
  }
  html.theme-dark .list-view .product-thumb .qty-switch__btn,
  html.theme-dark .grid-view .product-thumb .qty-switch__btn,
  html.theme-dark .product-layout.list-view .product-thumb .qty-switch__btn,
  html.theme-dark .product-layout.grid-view .product-thumb .qty-switch__btn,
  html.theme-dark .uni-module:not(.category-wall) .product-thumb .qty-switch__btn{
    background:#2a3546!important;
    color:#f2f6fb!important;
    border-color:#374151!important
  }
  .list-view .product-thumb .qty-switch__btn.fa-minus,
  .grid-view .product-thumb .qty-switch__btn.fa-minus,
  .product-layout.list-view .product-thumb .qty-switch__btn.fa-minus,
  .product-layout.grid-view .product-thumb .qty-switch__btn.fa-minus,
  .uni-module:not(.category-wall) .product-thumb .qty-switch__btn.fa-minus{
    order:1!important;
    border-radius:6px 0 0 6px!important
  }
  .list-view .product-thumb .qty-switch__btn.fa-plus,
  .grid-view .product-thumb .qty-switch__btn.fa-plus,
  .product-layout.list-view .product-thumb .qty-switch__btn.fa-plus,
  .product-layout.grid-view .product-thumb .qty-switch__btn.fa-plus,
  .uni-module:not(.category-wall) .product-thumb .qty-switch__btn.fa-plus{
    order:3!important;
    border-radius:0 6px 6px 0!important
  }
  .list-view .product-thumb__add-to-cart,
  .list-view .product-thumb .add_to_cart,
  .list-view .product-thumb__add-to-cart.btn,
  .grid-view .product-thumb__add-to-cart,
  .grid-view .product-thumb .add_to_cart,
  .grid-view .product-thumb__add-to-cart.btn,
  .product-layout.list-view .product-thumb__add-to-cart,
  .product-layout.list-view .product-thumb__add-to-cart.btn,
  .product-layout.grid-view .product-thumb__add-to-cart,
  .product-layout.grid-view .product-thumb__add-to-cart.btn,
  .uni-module:not(.category-wall) .product-thumb__add-to-cart,
  .uni-module:not(.category-wall) .product-thumb .add_to_cart,
  .uni-module:not(.category-wall) .product-thumb__add-to-cart.btn{
    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    height:43px!important;
    padding:0!important;
    margin:0 0 0 10px!important;
    flex:0 0 43px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    white-space:nowrap!important
  }
  .list-view .product-thumb__add-to-cart span,
  .list-view .product-thumb .add_to_cart span,
  .grid-view .product-thumb__add-to-cart span,
  .grid-view .product-thumb .add_to_cart span,
  .product-layout.list-view .product-thumb__add-to-cart span,
  .product-layout.grid-view .product-thumb__add-to-cart span,
  .uni-module:not(.category-wall) .product-thumb__add-to-cart span,
  .uni-module:not(.category-wall) .product-thumb .add_to_cart span{
    display:none!important
  }
  .list-view .product-thumb__add-to-cart i,
  .list-view .product-thumb .add_to_cart i,
  .grid-view .product-thumb__add-to-cart i,
  .grid-view .product-thumb .add_to_cart i,
  .product-layout.list-view .product-thumb__add-to-cart i,
  .product-layout.grid-view .product-thumb__add-to-cart i,
  .uni-module:not(.category-wall) .product-thumb__add-to-cart i,
  .uni-module:not(.category-wall) .product-thumb .add_to_cart i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1!important
  }
}