/* WaterHall final header + sidebar rebuild. This file intentionally overrides older menu CSS. */
:root{--wh-blue:#0071e3;--wh-header-h:74px;}
html,body{overflow-x:hidden!important;}
body.wh-menu-open{overflow:hidden!important;touch-action:none;}
.wh-topbar.topbar{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:8000!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 26px rgba(15,23,42,.06)!important;backdrop-filter:saturate(160%) blur(10px)!important;-webkit-backdrop-filter:saturate(160%) blur(10px)!important;overflow:visible!important;transform:none!important;}
.wh-topbar .wh-header-inner{min-height:var(--wh-header-h)!important;height:auto!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;padding-top:10px!important;padding-bottom:10px!important;}
.wh-menu-open.menu-toggle,.menu-toggle.wh-menu-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#f2f8ff!important;color:var(--wh-blue)!important;font-size:30px!important;line-height:1!important;cursor:pointer!important;position:relative!important;z-index:8010!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important;}
.wh-topbar .logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;min-width:0!important;}
.wh-topbar .logo-img{display:block!important;max-height:44px!important;width:auto!important;object-fit:contain!important;}
.wh-header-spacer{flex:1 1 auto!important;min-width:10px!important;}
.wh-header-search{flex:0 1 320px!important;max-width:320px!important;min-width:160px!important;position:relative!important;z-index:8010!important;}
.wh-header-search input{width:100%!important;min-height:42px!important;border-radius:14px!important;}
.wh-call-pill,.wh-cart-pill{position:relative!important;z-index:8010!important;flex:0 0 auto!important;white-space:nowrap!important;pointer-events:auto!important;}
/* Backdrop and sidebar */
.wh-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(15,23,42,.46)!important;z-index:9000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important;display:block!important;}
body.wh-menu-open .wh-menu-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.nav.wh-sidebar,#whSidebar.wh-sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:min(88vw,390px)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;background:#fff!important;color:#111827!important;z-index:9010!important;transform:translate3d(-105%,0,0)!important;-webkit-transform:translate3d(-105%,0,0)!important;transition:transform .24s cubic-bezier(.22,.61,.36,1)!important;border-radius:0 28px 28px 0!important;box-shadow:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow:hidden!important;pointer-events:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.wh-menu-open .nav.wh-sidebar,body.wh-menu-open #whSidebar.wh-sidebar{transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;box-shadow:24px 0 70px rgba(15,23,42,.28)!important;pointer-events:auto!important;}
.wh-sidebar:before,.wh-sidebar:after,.nav.wh-sidebar:before,.nav.wh-sidebar:after{content:none!important;display:none!important;}
.wh-sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 18px 14px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;flex:0 0 auto!important;}
.wh-sidebar-head strong{font-size:22px!important;line-height:1!important;color:#0071e3!important;font-weight:900!important;}
.wh-menu-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:0!important;border-radius:16px!important;background:#f2f8ff!important;color:#111827!important;font-size:34px!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
.wh-sidebar-links{display:flex!important;flex-direction:column!important;gap:2px!important;padding:10px 12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;}
.nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{display:grid!important;grid-template-columns:36px 1fr!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;height:auto!important;padding:8px 10px!important;margin:0!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;color:#111827!important;text-align:left!important;text-decoration:none!important;font-size:15px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.2!important;white-space:normal!important;pointer-events:auto!important;}
.nav.wh-sidebar .nav-link:hover,.nav.wh-sidebar .nav-link.active{background:#f2f8ff!important;color:var(--wh-blue)!important;}
.wh-menu-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:13px!important;background:#eef6ff!important;font-size:18px!important;}
.wh-sidebar-contacts{display:grid!important;gap:8px!important;padding:14px 18px 20px!important;border-top:1px solid rgba(15,23,42,.08)!important;background:#fbfdff!important;flex:0 0 auto!important;}
.wh-sidebar-contacts a{display:flex!important;align-items:center!important;min-height:38px!important;text-decoration:none!important;color:#111827!important;font-weight:800!important;font-size:14px!important;}
.mobile-menu-overlay,.menu-overlay,.overlay,.mobile-menu-overlay.open{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
/* Desktop: no horizontal nav, only sidebar */
@media (min-width:821px){
  .wh-topbar .nav.wh-sidebar{display:flex!important;}
  .wh-topbar .wh-header-inner{min-height:74px!important;}
}
@media (max-width:900px){
  .wh-header-search{display:none!important;}
  .wh-call-pill span{display:none!important;}
  .wh-topbar .logo-img{max-height:40px!important;}
}
@media (max-width:520px){
  :root{--wh-header-h:66px;}
  .wh-topbar .wh-header-inner{min-height:66px!important;gap:8px!important;padding-top:8px!important;padding-bottom:8px!important;}
  .menu-toggle.wh-menu-open{width:42px!important;height:42px!important;min-width:42px!important;font-size:28px!important;}
  .wh-topbar .logo-img{max-width:148px!important;max-height:38px!important;}
  .wh-call-pill{display:inline-flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:14px!important;}
  .wh-cart-pill{min-width:42px!important;height:42px!important;padding:0 10px!important;justify-content:center!important;}
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(92vw,350px)!important;border-radius:0 24px 24px 0!important;}
  .nav.wh-sidebar .nav-link{min-height:50px!important;font-size:14px!important;}
}

/* WaterHall adaptive header/sidebar final patch v5 */
:root{--wh-header-h:72px!important;}
body{padding-top:var(--wh-header-h)!important;}
.wh-topbar.topbar{height:auto!important;min-height:var(--wh-header-h)!important;}
.wh-topbar .wh-header-inner{position:relative!important;width:min(1180px,calc(100% - 32px))!important;margin-inline:auto!important;min-height:72px!important;padding:8px 0!important;}
.nav.wh-sidebar,#whSidebar.wh-sidebar{visibility:hidden!important;opacity:1!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:min(86vw,340px)!important;height:100dvh!important;max-height:100dvh!important;transform:translate3d(-110%,0,0)!important;transition:transform .24s ease,visibility .24s ease!important;background:#fff!important;z-index:9010!important;overflow:hidden!important;border-radius:0 22px 22px 0!important;}
body.wh-menu-open .nav.wh-sidebar,body.wh-menu-open #whSidebar.wh-sidebar{visibility:visible!important;transform:translate3d(0,0,0)!important;}
.wh-menu-backdrop{background:rgba(15,23,42,.42)!important;}
.wh-sidebar-head{min-height:60px!important;padding:12px 14px!important;}
.wh-sidebar-head strong{font-size:19px!important;}
.wh-menu-close{width:38px!important;height:38px!important;border-radius:12px!important;font-size:28px!important;}
.wh-sidebar-links{padding:8px 10px!important;gap:1px!important;}
.nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{grid-template-columns:30px 1fr!important;gap:10px!important;min-height:43px!important;padding:6px 9px!important;border-radius:13px!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important;}
.wh-menu-ico{width:30px!important;height:30px!important;border-radius:10px!important;font-size:15px!important;}
.wh-sidebar-contacts{padding:10px 14px 14px!important;gap:4px!important;}
.wh-sidebar-contacts a{min-height:30px!important;font-size:13px!important;line-height:1.2!important;}

/* Mobile: clean centered brand, compact header */
@media (max-width:820px){
  :root{--wh-header-h:64px!important;}
  body{padding-top:64px!important;}
  .wh-topbar .wh-header-inner{min-height:64px!important;width:calc(100% - 24px)!important;padding:7px 0!important;gap:8px!important;justify-content:space-between!important;}
  .wh-menu-open.menu-toggle,.menu-toggle.wh-menu-open{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;font-size:28px!important;order:1!important;}
  .wh-topbar .logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:154px!important;z-index:8005!important;justify-content:center!important;}
  .wh-topbar .logo-img{max-width:154px!important;max-height:38px!important;display:block!important;}
  .wh-header-spacer{display:block!important;flex:1 1 auto!important;order:2!important;}
  .wh-call-pill{display:none!important;}
  .wh-cart-pill{order:3!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .wh-cart-pill span{font-size:12px!important;}
  .hero-card{padding:22px 18px!important;text-align:center!important;}
  .hero-body{max-width:100%!important;margin-inline:auto!important;text-align:center!important;}
  .hero-title{font-size:clamp(32px,10vw,44px)!important;line-height:.98!important;text-align:center!important;letter-spacing:-.05em!important;margin-left:0!important;margin-right:0!important;}
  .lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .hero-actions{justify-content:center!important;}
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(88vw,315px)!important;border-radius:0 20px 20px 0!important;}
  .wh-sidebar-head{min-height:56px!important;padding:10px 12px!important;}
  .wh-sidebar-links{padding:6px 8px!important;}
  .nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{min-height:40px!important;font-size:13.5px!important;padding:5px 8px!important;border-radius:12px!important;}
  .wh-menu-ico{width:28px!important;height:28px!important;font-size:14px!important;}
  .wh-sidebar-contacts{padding:8px 12px 12px!important;}
}
@media (max-width:380px){
  .wh-topbar .logo{max-width:132px!important;}
  .wh-topbar .logo-img{max-width:132px!important;}
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(90vw,300px)!important;}
  .nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{min-height:38px!important;font-size:13px!important;}
}

/* Desktop: ensure the sidebar never becomes a horizontal header menu after close */
@media (min-width:821px){
  .wh-topbar .nav.wh-sidebar,#whSidebar.wh-sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:340px!important;height:100dvh!important;transform:translate3d(-110%,0,0)!important;visibility:hidden!important;}
  body.wh-menu-open .wh-topbar .nav.wh-sidebar,body.wh-menu-open #whSidebar.wh-sidebar{transform:translate3d(0,0,0)!important;visibility:visible!important;}
  .wh-topbar .wh-header-inner{min-height:72px!important;}
}

/* WaterHall sidebar polish v6 — clean mobile/desktop menu */
:root{--wh-menu-w:330px!important;--wh-menu-blue:#0878df!important;--wh-menu-text:#0f172a!important;--wh-menu-muted:#64748b!important;}
.nav.wh-sidebar,#whSidebar.wh-sidebar{
  width:min(86vw,var(--wh-menu-w))!important;
  max-width:330px!important;
  height:100svh!important;
  max-height:100svh!important;
  border-radius:0 24px 24px 0!important;
  background:#ffffff!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  box-shadow:24px 0 70px rgba(15,23,42,.20)!important;
}
body.wh-menu-open .nav.wh-sidebar,body.wh-menu-open #whSidebar.wh-sidebar{box-shadow:24px 0 70px rgba(15,23,42,.26)!important;}
.wh-sidebar-head{
  position:sticky!important;top:0!important;z-index:2!important;
  min-height:64px!important;padding:14px 16px 12px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  border-bottom:1px solid #edf2f7!important;
}
.wh-sidebar-head strong{font-size:21px!important;letter-spacing:-.02em!important;color:var(--wh-menu-blue)!important;}
.wh-menu-close{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;background:#f1f7ff!important;font-size:30px!important;font-weight:600!important;color:#0f172a!important;}
.wh-sidebar-links{
  display:flex!important;flex-direction:column!important;
  padding:10px 12px 8px!important;gap:4px!important;
  overflow:visible!important;flex:0 0 auto!important;
}
.nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{
  display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;
  gap:10px!important;min-height:44px!important;width:100%!important;
  padding:7px 10px!important;margin:0!important;border-radius:14px!important;
  background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;
  color:var(--wh-menu-text)!important;text-transform:none!important;text-decoration:none!important;
  font-size:14px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.01em!important;
  white-space:normal!important;overflow:visible!important;
}
.nav.wh-sidebar .nav-link.active,.nav.wh-sidebar .nav-link:hover,.nav.wh-sidebar .nav-link:focus-visible{
  background:#f1f7ff!important;border-color:#dcecff!important;color:var(--wh-menu-blue)!important;outline:none!important;
}
.wh-menu-ico{
  width:30px!important;height:30px!important;min-width:30px!important;border-radius:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#edf6ff!important;color:var(--wh-menu-blue)!important;font-size:0!important;line-height:1!important;
}
.wh-menu-ico::before{content:""!important;display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:currentColor!important;box-shadow:0 0 0 4px rgba(8,120,223,.10)!important;}
.nav.wh-sidebar .nav-link.active .wh-menu-ico{background:#e5f2ff!important;color:#006ed6!important;}
.wh-sidebar-contacts{
  margin:8px 12px 14px!important;padding:12px!important;border:1px solid #edf2f7!important;border-radius:18px!important;
  background:#f8fbff!important;display:grid!important;gap:6px!important;flex:0 0 auto!important;
}
.wh-sidebar-contacts::before{content:"Контакти"!important;display:block!important;margin:0 0 4px!important;color:var(--wh-menu-muted)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.wh-sidebar-contacts a{min-height:30px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#0f172a!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;line-height:1.25!important;word-break:break-word!important;}
.wh-sidebar-contacts a:hover{color:var(--wh-menu-blue)!important;}
.wh-menu-backdrop{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}

@media (max-width:820px){
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(84vw,315px)!important;max-width:315px!important;border-radius:0 22px 22px 0!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;}
  .wh-sidebar-head{min-height:58px!important;padding:11px 14px 10px!important;}
  .wh-sidebar-head strong{font-size:19px!important;}
  .wh-menu-close{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;font-size:28px!important;}
  .wh-sidebar-links{padding:8px 10px 6px!important;gap:3px!important;}
  .nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{grid-template-columns:30px 1fr!important;gap:9px!important;min-height:40px!important;padding:6px 8px!important;border-radius:13px!important;font-size:13.5px!important;}
  .wh-menu-ico{width:28px!important;height:28px!important;min-width:28px!important;border-radius:11px!important;}
  .wh-menu-ico::before{width:7px!important;height:7px!important;box-shadow:0 0 0 4px rgba(8,120,223,.09)!important;}
  .wh-sidebar-contacts{margin:6px 10px 12px!important;padding:10px!important;border-radius:16px!important;gap:4px!important;}
  .wh-sidebar-contacts a{min-height:28px!important;font-size:12.8px!important;}
}
@media (max-width:380px){
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(86vw,294px)!important;max-width:294px!important;}
  .nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{font-size:12.8px!important;min-height:38px!important;}
  .wh-sidebar-contacts a{font-size:12.2px!important;}
}


/* WaterHall sidebar no-icons clean menu v1 */
.nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(84vw,330px)!important;max-width:330px!important;background:#fff!important;}
.wh-sidebar-head{min-height:64px!important;padding:16px 18px 12px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
.wh-sidebar-head strong{font-size:22px!important;font-weight:900!important;color:#0071e3!important;letter-spacing:-.02em!important;}
.wh-sidebar-links{padding:12px 14px 8px!important;gap:0!important;}
.nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  grid-template-columns:none!important;gap:0!important;width:100%!important;min-height:44px!important;
  padding:0 14px!important;margin:0!important;border-radius:12px!important;border:0!important;
  background:transparent!important;color:#111827!important;font-size:14px!important;font-weight:850!important;
  letter-spacing:.03em!important;line-height:1.15!important;text-transform:uppercase!important;text-decoration:none!important;
}
.nav.wh-sidebar .nav-link span:not(.wh-menu-ico),.wh-sidebar .nav-link span:not(.wh-menu-ico){display:block!important;width:100%!important;}
.wh-menu-ico,.wh-menu-ico::before{display:none!important;content:none!important;}
.nav.wh-sidebar .nav-link.active,.nav.wh-sidebar .nav-link:hover,.nav.wh-sidebar .nav-link:focus-visible{
  background:#f1f7ff!important;color:#0071e3!important;outline:none!important;
}
.wh-sidebar-contacts{margin:10px 14px 16px!important;padding:12px 14px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;background:#fbfdff!important;gap:4px!important;}
.wh-sidebar-contacts::before{content:'Контакти'!important;display:block!important;margin-bottom:6px!important;color:#64748b!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.10em!important;}
.wh-sidebar-contacts a{min-height:28px!important;font-size:13px!important;font-weight:750!important;color:#111827!important;text-decoration:none!important;line-height:1.25!important;}
@media(max-width:520px){
  .nav.wh-sidebar,#whSidebar.wh-sidebar{width:min(82vw,305px)!important;max-width:305px!important;border-radius:0 22px 22px 0!important;}
  .wh-sidebar-head{min-height:58px!important;padding:13px 16px 10px!important;}
  .wh-sidebar-head strong{font-size:20px!important;}
  .wh-sidebar-links{padding:10px 12px 6px!important;}
  .nav.wh-sidebar .nav-link,.wh-sidebar .nav-link{min-height:41px!important;padding:0 12px!important;font-size:13px!important;border-radius:11px!important;letter-spacing:.025em!important;}
  .wh-sidebar-contacts{margin:8px 12px 14px!important;padding:10px 12px!important;}
  .wh-sidebar-contacts a{font-size:12.5px!important;min-height:26px!important;}
}

/* WaterHall live product search */
.search-box.wh-mega-search{position:relative;overflow:visible;z-index:10020}
.wh-live-results{top:calc(100% + 8px)!important;left:0!important;right:0!important;width:min(620px,calc(100vw - 32px))!important;min-width:100%!important;max-height:min(70vh,560px);overflow-y:auto!important;border-radius:20px!important;padding:7px!important;background:#fff!important;box-shadow:0 22px 60px rgba(15,23,42,.18)!important;z-index:10030!important}
.wh-search-caption{padding:8px 10px 5px;color:#6e6e73;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.wh-live-results .wh-search-item{display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:11px;padding:8px!important;border:0!important;border-radius:14px;color:#111827!important;text-decoration:none!important}
.wh-live-results .wh-search-item:hover,.wh-live-results .wh-search-item.is-active{background:#eef7ff!important}
.wh-search-item img{width:54px;height:48px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.06)}
.wh-search-item span{min-width:0}.wh-search-item strong{display:block;font-size:14px;line-height:1.3;white-space:normal}.wh-search-item small{display:block;margin-top:3px;color:#6e6e73;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-search-all{display:block!important;margin-top:5px;padding:11px 12px!important;border:0!important;border-radius:13px;background:#f2f8ff;color:#0071e3!important;text-align:center;font-weight:800}
.wh-search-empty,.wh-search-loading{padding:15px 12px;color:#6e6e73;font-size:14px}
@media(min-width:821px){.search-box.wh-mega-search{display:block!important}}

.catalog-category,.category-btn,.catalog-btn{background:#fff!important;color:#0b6fd3!important;border:1px solid #0b6fd3!important;box-shadow:0 2px 6px rgba(0,0,0,.08)}.catalog-category.active,.category-btn.active,.catalog-btn.active,.catalog-category:hover,.category-btn:hover,.catalog-btn:hover{background:#eaf4ff!important}