/* WaterHall CLEAN UI FIX 2026-07-04
   Purpose: remove overloaded floating icons and rebuild pool constructor layout. */
.wh-social-panel,.wh-ai-float,.floating-call,.floating-social,.social-float,.contact-float,[class*="wh-social"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;}
body{overflow-x:hidden!important;}
.page-builder .search-box{display:none!important;}
.page-builder .call-pill{display:inline-flex!important;}
.page-builder main{background:#f6f9fc!important;}
.page-builder .builder-hero{padding:38px 0 18px!important;background:#f6f9fc!important;overflow:visible!important;}
.page-builder .builder-hero-card{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr)!important;gap:22px!important;align-items:center!important;border-radius:30px!important;padding:28px!important;background:#fff!important;border:1px solid rgba(0,113,227,.12)!important;box-shadow:0 18px 50px rgba(12,37,64,.08)!important;overflow:hidden!important;}
.page-builder .builder-hero h1{font-size:clamp(34px,5vw,62px)!important;line-height:1!important;margin:0 0 12px!important;letter-spacing:-.04em!important;}
.page-builder .builder-layout-clean{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:22px!important;align-items:start!important;}
.page-builder .builder-panel-clean,.page-builder .builder-result-clean{background:#fff!important;border:1px solid rgba(0,0,0,.07)!important;border-radius:26px!important;box-shadow:0 14px 38px rgba(12,37,64,.06)!important;min-width:0!important;overflow:hidden!important;}
.page-builder .builder-panel-clean{padding:22px!important;}
.page-builder .builder-result-clean{padding:18px!important;position:sticky!important;top:90px!important;}
.page-builder .builder-step{padding:0!important;margin:0 0 24px!important;}
.page-builder .builder-step:last-child{margin-bottom:0!important;}
.page-builder .builder-step h3{display:flex!important;align-items:center!important;gap:10px!important;font-size:24px!important;line-height:1.15!important;margin:0 0 16px!important;color:#111827!important;}
.page-builder .builder-step h3 span{width:34px!important;height:34px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;background:#0d84ff!important;color:#fff!important;font-size:16px!important;flex:0 0 auto!important;}
.page-builder .form-grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.page-builder .form-grid label{display:grid!important;gap:7px!important;font-weight:800!important;color:#1f2937!important;min-width:0!important;}
.page-builder .form-grid input,.page-builder .form-grid select{width:100%!important;min-width:0!important;border:1px solid rgba(0,0,0,.13)!important;border-radius:15px!important;padding:13px 14px!important;background:#fff!important;font-size:16px!important;}
.page-builder .builder-options-clean{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
.page-builder .builder-options-clean label{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-width:0!important;min-height:86px!important;width:100%!important;padding:16px!important;border:1px solid rgba(0,113,227,.14)!important;border-radius:18px!important;background:#fbfdff!important;cursor:pointer!important;box-shadow:none!important;overflow:hidden!important;}
.page-builder .builder-options-clean input{width:22px!important;height:22px!important;margin:2px 0 0!important;accent-color:#0d84ff!important;flex:0 0 auto!important;}
.page-builder .builder-options-clean span{display:block!important;min-width:0!important;width:100%!important;overflow:hidden!important;}
.page-builder .builder-options-clean b{display:block!important;color:#111827!important;font-size:16px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;margin:0 0 5px!important;}
.page-builder .builder-options-clean small{display:block!important;color:#6b7280!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important;}
.page-builder .builder-options-clean label:has(input:checked){border-color:#0d84ff!important;background:#eef7ff!important;box-shadow:0 8px 22px rgba(13,132,255,.10)!important;}
.page-builder .pool-preview{width:100%!important;max-width:280px!important;margin-inline:auto!important;aspect-ratio:1.65!important;border-radius:34px!important;background:linear-gradient(135deg,#18b6ff,#0877e8)!important;box-shadow:inset 0 12px 30px rgba(255,255,255,.38),0 14px 30px rgba(0,113,227,.14)!important;}
.page-builder .builder-summary-visual{display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;margin-bottom:16px!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(135deg,#eef8ff,#fff)!important;}
.page-builder .builder-summary-visual b{font-size:28px!important;color:#0d84ff!important;}
.page-builder .builder-result-clean h2{font-size:28px!important;margin:4px 0 14px!important;}
.page-builder .builder-metrics{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 14px!important;}
.page-builder .builder-metrics div,.page-builder .recommend-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border-radius:15px!important;background:#f8fafc!important;border:1px solid rgba(0,0,0,.06)!important;min-width:0!important;}
.page-builder .builder-metrics b{font-size:22px!important;color:#0d84ff!important;white-space:nowrap!important;}
.page-builder .recommend-list{display:grid!important;gap:8px!important;margin-top:8px!important;}
.page-builder .recommend-list h3{font-size:17px!important;margin:8px 0 4px!important;}
.page-builder .recommend-item span:first-child{min-width:0!important;overflow-wrap:anywhere!important;}
.page-builder .recommend-item.total{background:#eef7ff!important;border-color:rgba(13,132,255,.22)!important;font-weight:900!important;}
.page-builder .builder-actions{display:grid!important;gap:10px!important;margin-top:16px!important;}
.page-builder .builder-actions .btn{width:100%!important;min-height:48px!important;border-radius:999px!important;}
.page-builder .small-note{font-size:13px!important;line-height:1.45!important;color:#6b7280!important;margin-top:12px!important;}
.page-builder .ai-section{background:#eef7ff!important;padding-bottom:48px!important;}
.page-builder .ai-panel{display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:20px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(0,113,227,.12)!important;box-shadow:0 14px 38px rgba(12,37,64,.06)!important;overflow:hidden!important;}
.page-builder .ai-chat{min-width:0!important;}
.page-builder .ai-input-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;}
.page-builder .ai-input-row input{min-width:0!important;width:100%!important;}
@media(max-width:1100px){.page-builder .builder-layout-clean{grid-template-columns:1fr!important}.page-builder .builder-result-clean{position:static!important}.page-builder .builder-hero-card,.page-builder .ai-panel{grid-template-columns:1fr!important}.page-builder .builder-summary-visual .pool-preview{max-width:240px!important}}
@media(max-width:720px){.page-builder .builder-hero{padding-top:22px!important}.page-builder .builder-hero-card,.page-builder .builder-panel-clean,.page-builder .builder-result-clean,.page-builder .ai-panel{border-radius:22px!important;padding:16px!important}.page-builder .builder-title-row{display:block!important}.page-builder .builder-title-row .btn{width:100%!important;margin-top:10px!important}.page-builder .form-grid.two,.page-builder .builder-options-clean{grid-template-columns:1fr!important}.page-builder .builder-options-clean label{min-height:auto!important;padding:14px!important}.page-builder .builder-step h3{font-size:21px!important}.page-builder .builder-step h3 span{width:30px!important;height:30px!important}.page-builder .ai-input-row{grid-template-columns:1fr!important}.page-builder .ai-input-row .btn{width:100%!important}.page-builder .call-pill span{display:none!important}.page-builder .pool-preview{max-width:230px!important}.page-builder .hero-actions{display:grid!important;grid-template-columns:1fr!important}.page-builder .hero-actions .btn{width:100%!important}.page-builder .builder-metrics div,.page-builder .recommend-item{align-items:flex-start!important;flex-direction:column!important}.page-builder .builder-metrics b{white-space:normal!important}.page-builder .ai-chips button{width:100%!important;text-align:left!important}}
@media(max-width:430px){.page-builder .builder-hero h1{font-size:32px!important}.page-builder .builder-step h3{font-size:20px!important}.page-builder .builder-options-clean b{font-size:15.5px!important}.page-builder .builder-options-clean small{font-size:12.5px!important}}

/* WaterHall HEADER REDESIGN 2026-07-04
   Clean compact navigation for desktop/tablet/mobile. */
:root{--header-h:72px!important;}
.topbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(15,23,42,.07)!important;box-shadow:0 6px 24px rgba(15,23,42,.045)!important;-webkit-backdrop-filter:saturate(180%) blur(18px)!important;backdrop-filter:saturate(180%) blur(18px)!important;overflow:visible!important;}
.topbar .bar{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) minmax(180px,260px) auto auto!important;align-items:center!important;gap:12px!important;padding:8px 0!important;min-height:56px!important;flex-wrap:nowrap!important;}
.logo.logo-image{display:flex!important;align-items:center!important;min-width:0!important;margin:0!important;}
.logo-img{height:52px!important;width:auto!important;max-width:245px!important;object-fit:contain!important;display:block!important;}
.menu-toggle{display:none!important;}
.nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;}
.nav::-webkit-scrollbar{display:none!important;}
.nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:0!important;padding:8px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#344054!important;font-size:11px!important;line-height:1!important;letter-spacing:.035em!important;font-weight:850!important;text-transform:uppercase!important;white-space:nowrap!important;text-align:center!important;transition:background .18s ease,color .18s ease!important;}
.nav-link:hover{background:#eef7ff!important;color:#0071e3!important;}
.nav-link.active{background:#0071e3!important;color:#fff!important;}
.search-box{min-width:0!important;max-width:260px!important;width:100%!important;flex:none!important;order:initial!important;}
.search-box input{height:38px!important;border-radius:999px!important;padding:8px 14px!important;font-size:14px!important;box-shadow:none!important;}
.search-results{top:44px!important;}
.call-pill,.pill{min-height:38px!important;height:38px!important;padding:7px 12px!important;border-radius:999px!important;font-size:13px!important;white-space:nowrap!important;box-shadow:0 4px 14px rgba(15,23,42,.055)!important;}
.call-pill{background:#eaf4ff!important;color:#0066cc!important;border-color:rgba(0,113,227,.16)!important;}
.pill{background:#fff!important;border-color:rgba(15,23,42,.09)!important;}
@media(max-width:1240px){.topbar .bar{grid-template-columns:auto auto minmax(0,1fr) 190px auto auto!important;gap:8px!important}.logo-img{height:48px!important;max-width:210px!important}.nav-link{font-size:10px!important;padding:8px 6px!important}.search-box{max-width:190px!important}.call-pill span{display:none!important}}
@media(max-width:980px){:root{--header-h:68px!important}.topbar .bar{grid-template-columns:auto auto 1fr auto auto!important;min-height:58px!important;padding:6px 0!important}.menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;grid-column:1!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#0071e3!important;font-size:34px!important;line-height:1!important;z-index:50020!important;cursor:pointer!important}.logo-img{height:46px!important;max-width:min(48vw,230px)!important}.search-box{display:none!important}.call-pill{display:inline-flex!important;grid-column:4!important;width:44px!important;height:44px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;font-size:23px!important;background:#0d84ff!important;color:#fff!important;border-color:#0d84ff!important}.call-pill span{display:none!important}.pill{grid-column:5!important;height:42px!important;padding:0 12px!important}.nav{position:fixed!important;top:0!important;left:0!important;width:min(84vw,330px)!important;height:100dvh!important;padding:78px 18px 24px!important;background:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;z-index:50010!important;box-shadow:22px 0 60px rgba(15,23,42,.18)!important;transform:translateX(-106%)!important;-webkit-transform:translateX(-106%)!important;transition:transform .24s ease!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0 24px 24px 0!important}.nav.open{transform:translateX(0)!important;-webkit-transform:translateX(0)!important}.nav::before{content:'Меню';position:absolute;left:18px;top:20px;color:#111827;font-size:20px;font-weight:900;letter-spacing:-.03em}.nav::after{content:'×';position:absolute;right:18px;top:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f2f8ff;color:#111827;font-size:34px;line-height:1}.nav-link{display:flex!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:50px!important;padding:0!important;border-radius:0!important;border-bottom:1px solid rgba(0,113,227,.10)!important;background:transparent!important;color:#111827!important;font-size:14px!important;letter-spacing:.02em!important;text-align:left!important}.nav-link.active,.nav-link:hover{background:transparent!important;color:#0071e3!important}.mobile-menu-overlay,.menu-overlay,.overlay{display:none!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important}}
@media(max-width:430px){.logo-img{height:42px!important;max-width:205px!important}.topbar .bar{gap:6px!important}.menu-toggle{width:40px!important;height:40px!important;font-size:32px!important}.call-pill{width:40px!important;height:40px!important;font-size:21px!important}.pill{height:40px!important;padding:0 10px!important}.container{padding-left:16px!important;padding-right:16px!important}}
@media(min-width:981px){body{padding-top:var(--header-h)!important}.topbar.hidden{transform:none!important}.topbar.scrolled{background:rgba(255,255,255,.84)!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}