/* Аква Зона: refinement of the existing blue theme. Product photos always remain fully visible. */
:root{--aqua-ink:#21486b;--aqua-muted:#55718d;--aqua-motion:cubic-bezier(.16,1,.3,1)}
::selection{background:#b5defb;color:#153c64}
input,textarea{caret-color:#2479de}
a,button,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:3px solid #6daef0}
html{scrollbar-color:#99bfdf #edf5fb}
.home-page{background-image:url('../img/water-lines.svg');background-repeat:no-repeat;background-size:720px auto;background-position:right 600px}
.desktop-hero{position:relative;background-image:url('../img/water-lines.svg');background-position:left bottom;background-size:900px auto;background-repeat:no-repeat}
.main-banner{box-shadow:0 18px 40px -28px #2e73b780}
.banner-circle{animation:aqua-breathe 9s ease-in-out infinite}
.banner-wave{animation:aqua-wave 10s ease-in-out infinite alternate}
.banner-copy .banner-heading{max-width:15ch;text-wrap:balance;letter-spacing:-.035em}
@keyframes aqua-breathe{0%,100%{scale:1}50%{scale:1.06}}
@keyframes aqua-wave{from{translate:0 0}to{translate:20px -10px}}
.featured-product{min-height:405px;height:auto;padding:22px 18px 12px}
.featured-product .featured-content{display:grid;grid-template-columns:minmax(84px,.85fr) minmax(0,1.15fr);gap:12px;align-items:center;flex:1;min-height:0;padding:16px 0}
.featured-product .featured-content[hidden]{display:none!important}
.featured-product .featured-photo{display:grid;place-items:center;width:100%;height:215px;overflow:visible}
[data-variant=blue] .featured-product .featured-photo img{display:block;width:100%;height:100%;max-width:100%;max-height:215px;object-fit:contain;transform:none}
.featured-product .featured-info{min-width:0;padding:0}
.featured-product .featured-name{font-size:15px;line-height:1.35;display:block;overflow-wrap:anywhere}
.featured-product .featured-unit{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-product .featured-price strong{font-size:26px;font-variant-numeric:tabular-nums}
.featured-product .featured-info>p{font-size:10px;line-height:1.6;margin:12px 0}
.featured-product .featured-add{width:100%;padding:10px 6px;min-height:40px;font-size:11px}
.featured-quick{background:none;border:0;padding:9px 0 0;color:#245e96;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.featured-heading>span{color:#426789!important;font-size:9px!important;max-width:85px}
.featured-controls{margin-top:auto;flex-shrink:0}
.category-tone-0{--category-bg:#e7f4ff;--category-accent:#71b9e7}
.category-tone-1{--category-bg:#eeeafa;--category-accent:#aea0d8}
.category-tone-2{--category-bg:#e4f4ef;--category-accent:#88c6b3}
.category-tone-3{--category-bg:#fff0da;--category-accent:#dfb878}
[data-variant=blue] .category-grid .category-card{position:relative;isolation:isolate;min-height:155px;background:var(--category-bg,#e7f4ff);border:0;overflow:hidden;transition:transform .35s var(--aqua-motion),box-shadow .35s var(--aqua-motion)}
.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 24px -20px #35587980}
.category-card .category-decor{position:absolute;inset:0;z-index:-1;background:url('../img/water-lines.svg') center bottom/360px auto no-repeat;opacity:.9}
.category-decor:before,.category-decor:after{content:"";position:absolute;border:1px solid var(--category-accent);border-radius:50%;width:112px;height:112px;right:-36px;top:-55px;opacity:.55;transition:transform .6s var(--aqua-motion)}
.category-decor:after{width:150px;height:150px;right:-53px;top:-73px}
.category-card:hover .category-decor:after{transform:scale(1.13)}
.category-card .category-image{position:relative;flex:0 0 76px;width:76px;height:110px}
.category-card .category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--aqua-motion)}
.category-card:hover .category-image img{transform:translateY(-4px) rotate(-3deg)}
.category-card>div{position:relative;min-width:0}
.category-card h2{font-size:16px;color:#20496c;line-height:1.4}
.category-card>div>span{font-size:11px;color:#516c85;line-height:1.5}
.categories-section{margin-bottom:44px}
.category-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.product-grid{align-items:stretch;gap:20px}
.product-card{display:flex;flex-direction:column;transition:transform .35s var(--aqua-motion),box-shadow .35s var(--aqua-motion)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px #3c7aa66b}
.product-card .product-art{position:relative;height:240px;padding:20px 24px 45px;display:block;background:#f4f9fd;overflow:hidden}
.product-photo-link{display:grid;place-items:center;width:100%;height:100%}
.product-card .product-art .product-photo-link img{width:100%;height:100%;max-width:190px;max-height:190px;object-fit:contain;transform:none;mix-blend-mode:multiply;transition:scale .45s var(--aqua-motion)}
.product-card:hover .product-photo-link img{scale:1.035}
.product-favorite{position:absolute;right:11px;top:11px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:white;color:#547693;box-shadow:0 4px 10px -6px #35587966}
.product-favorite[aria-pressed=true]{color:#ce466c;background:#fff0f3}
.product-favorite[aria-pressed=true] svg{fill:#ffd8e4}
.quick-view-trigger{position:absolute;bottom:10px;left:15px;right:15px;display:flex;align-items:center;justify-content:center;gap:7px;background:#e7f1fc;border:0;border-radius:8px;padding:8px;font-size:11px;font-weight:600;color:#245b8c;transition:background .2s}
.quick-view-trigger:hover{background:#d6e8fa}
.product-card .product-body{display:flex;flex-direction:column;flex:1;padding:20px}
.product-card .product-name{font-size:16px;line-height:1.45;min-height:46px;color:#244c70}
.product-card .product-body>p{font-size:12px;color:#59748c;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin:10px 0 17px}
.product-card .price-row{margin-top:auto;gap:8px;flex-wrap:wrap}
.product-card .price-row strong{font-size:23px;font-variant-numeric:tabular-nums}
.product-quick-order{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;color:#2d699b;width:100%;margin-top:15px;padding:13px 0 0;border-top:1px solid #e5eef5;font-size:12px}
.product-quick-order:hover{color:#124987}
.text-link,.product-page-link,.featured-name{text-underline-offset:4px}
.site-footer{background:#edf5fc url('../img/water-lines.svg') right bottom/850px auto no-repeat}
.top-nav{overflow:visible}
.top-nav>.container{position:relative}
.catalog-dropdown{position:static;align-self:stretch}
.catalog-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;height:100%;min-height:50px;min-width:125px;font-size:13px;font-weight:700}
.catalog-dropdown summary::-webkit-details-marker{display:none}
.catalog-dropdown summary>svg:last-child{rotate:90deg;transition:rotate .25s}
.catalog-dropdown[open] summary>svg:last-child{rotate:-90deg}
.catalog-menu-panel{position:absolute;left:0;top:100%;width:min(760px,calc(100vw - 50px));padding:25px;background:#fff;color:#244c70;box-shadow:0 24px 45px -18px #173a6880;border-radius:0 0 16px 16px;z-index:30;animation:menu-reveal .25s var(--aqua-motion)}
.catalog-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.catalog-menu-heading>strong{font-size:19px}
.catalog-menu-heading>a{display:flex;align-items:center;gap:8px;color:#276aa7;font-size:12px}
.catalog-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-menu-category{position:relative;display:flex;align-items:center;gap:16px;min-height:115px;padding:16px;border-radius:12px;background:var(--category-bg);color:#244c70!important;overflow:hidden}
.catalog-menu-category:after{content:"";position:absolute;right:-25px;top:-45px;width:120px;height:120px;border:1px solid var(--category-accent);border-radius:50%;opacity:.5}
.catalog-menu-category>img{width:58px;height:83px;object-fit:contain;mix-blend-mode:multiply}
.catalog-menu-category>span{display:flex;flex-direction:column;gap:6px}
.catalog-menu-category strong{font-size:15px}
.catalog-menu-category small{font-size:11px;color:#526c84}
.catalog-menu-category>svg{margin-left:auto;flex-shrink:0}
.catalog-menu-category:hover{filter:brightness(.98)}
@keyframes menu-reveal{from{translate:0 -7px;opacity:.65}to{translate:0 0;opacity:1}}
.product-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:90dvh;padding:35px;border:0;border-radius:16px;box-shadow:0 30px 90px -20px #12375780;overflow:auto}
.product-dialog::backdrop{background:#0b264a75;backdrop-filter:blur(3px)}
.product-dialog[open]{animation:menu-reveal .25s var(--aqua-motion)}
.product-dialog-bar{position:sticky;top:0;z-index:3;height:0;display:flex;justify-content:flex-end;pointer-events:none}
.product-dialog-close{position:relative;right:0;top:0;flex-shrink:0;pointer-events:auto;background:#edf5fd;border-radius:50%}
.product-preview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px}
.product-preview-photo{display:grid;place-items:center;align-self:start;position:sticky;top:0;min-height:280px;padding:30px;background:#edf7fd url('../img/water-lines.svg') bottom/600px auto no-repeat;border-radius:12px}
.product-preview-photo img{width:100%;height:320px;object-fit:contain;mix-blend-mode:multiply}
.product-preview-info{min-width:0;padding-top:10px}
.product-category{display:inline-block;color:#2a6ba5;font-size:12px;font-weight:600;margin-bottom:12px}
.product-preview-info h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:0 16px 15px 0;overflow-wrap:anywhere}
.product-description{font-size:13px;line-height:1.7;color:#536d84}
.detail-price{font-size:34px;line-height:1.3;display:block;color:#204b75;font-variant-numeric:tabular-nums;margin:20px 0}
.preview-actions,.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.preview-actions[hidden],.quick-request-form[hidden]{display:none!important}
.product-page-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#2b669b;margin-bottom:18px}
.quick-request-form{padding-top:12px;border-top:1px solid #e1ecf5}
.quick-request-intro{font-size:12px;line-height:1.65;color:#526b83;margin:0 0 15px}
.quick-request-fields{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px}
.quick-request-form .field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:15px}
.quick-request-form input,.quick-request-form textarea,.quick-request-form select{background:#f8fbff;border:1px solid #cfdfed;border-radius:7px;padding:11px 12px;width:100%;font-size:14px;color:#234866;min-height:43px}
.quick-request-form input::placeholder,.quick-request-form textarea::placeholder{color:#5d748b}
.quick-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;margin:4px 0 16px;color:#4f6980}
.quick-consent input{width:16px;min-height:16px;height:16px;padding:0;flex-shrink:0;margin-top:2px;accent-color:#3b83df}
.quick-request-form>small{font-size:10px;display:block;line-height:1.5;margin-top:10px;color:#5a7188}
.quick-request-success{padding:20px;background:#edf8f2;border-radius:12px;color:#24614d}
.quick-request-success h3{font-size:19px;margin:12px 0}
.quick-request-success p{font-size:13px;line-height:1.7}
.quick-request-success small{font-size:11px;line-height:1.7;display:block}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin:35px 0 65px}
.product-detail-photo{display:grid;place-items:center;min-height:480px;background:#edf7ff url('../img/water-lines.svg') bottom/1000px auto no-repeat;border-radius:16px;padding:50px}
.product-detail-photo img{width:100%;height:420px;object-fit:contain;mix-blend-mode:multiply}
.product-detail-info{padding:20px 0}
.product-detail-info h1{font-size:36px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.product-facts{margin:28px 0}
.product-facts p{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-top:1px solid #dfeaf3;font-size:13px;line-height:1.7;color:#526e88}
.product-facts svg{flex-shrink:0;color:#3f86c6;margin-top:2px}
.store-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#214c78;color:#fff;padding:14px 22px;border-radius:10px;z-index:1000;font-size:13px;box-shadow:0 12px 30px -8px #15395c80;max-width:calc(100vw - 30px)}
.store-toast[hidden]{display:none}
@media(min-width:801px) and (max-width:1100px){.featured-product .featured-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.featured-product{padding:18px 12px 10px}.featured-heading h2{font-size:18px}.featured-product .featured-photo{height:200px}.featured-product .featured-name{font-size:13px}.featured-product .featured-price strong{font-size:23px}.category-card .category-image{flex-basis:58px;width:58px}.category-card h2{font-size:14px}.product-detail{gap:30px}}
@media(max-width:800px){
 .category-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.category-card .category-image{flex-basis:60px;width:60px;height:100px}[data-variant=blue] .category-grid .category-card{min-height:130px;padding:14px 12px;gap:10px}.category-card h2{font-size:14px}.category-card>div>span{font-size:10px}.category-card>svg{display:none}.category-decor:after{width:110px;height:110px}
 .product-grid{gap:12px}.product-card .product-art{height:205px;padding:20px 15px 46px}.product-card .product-art .product-photo-link img{max-height:145px;max-width:145px}.product-card .product-body{padding:14px}.product-card .product-name{font-size:14px;min-height:42px}.product-card .product-body>p{font-size:11px;min-height:36px;margin:8px 0 12px}.product-card .price-row strong{font-size:20px}.product-card .add-button{font-size:11px}.product-quick-order{font-size:11px;margin-top:12px}.quick-view-trigger{left:9px;right:9px;font-size:10px;padding:7px 2px}.product-favorite{width:32px;height:32px;top:8px;right:8px}
 .catalog-dropdown{width:100%}.catalog-dropdown summary{justify-content:flex-start;padding:14px;min-height:48px}.catalog-menu-panel{position:static;width:100%;padding:16px;box-shadow:none;border-radius:10px;background:#f8fbff}.catalog-menu-heading>strong{font-size:15px}.catalog-menu-heading>a{font-size:11px}.catalog-menu-category{min-height:90px;padding:11px;gap:9px}.catalog-menu-category>img{width:38px;height:65px}.catalog-menu-category strong{font-size:12px}.catalog-menu-category small{font-size:10px}.catalog-menu-category>svg{display:none}
 .product-dialog{padding:24px 20px;width:calc(100vw - 24px);max-height:92dvh}.product-preview-grid{grid-template-columns:1fr;gap:15px}.product-preview-photo{min-height:170px;position:static;padding:20px}.product-preview-photo img{height:170px}.product-preview-info h2{font-size:23px}.detail-price{font-size:30px;margin:16px 0}.quick-request-form input,.quick-request-form select,.quick-request-form textarea{font-size:16px}.product-preview-info{padding-top:0}.product-page-link{margin-bottom:12px}.product-detail{grid-template-columns:1fr;gap:22px;margin:20px 0 35px}.product-detail-photo{min-height:270px;padding:25px}.product-detail-photo img{height:260px}.product-detail-info h1{font-size:28px}.product-detail-info{padding:0}.store-toast{bottom:85px;font-size:12px}
}
@media(max-width:360px){.category-card .category-image{flex-basis:45px;width:45px}.category-card h2{font-size:13px}.category-card>div>span{font-size:9px}.product-card .price-row{flex-direction:column;align-items:flex-start}.product-card .add-button{width:100%;justify-content:center}.product-quick-order{font-size:10px}.catalog-menu-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.banner-circle,.banner-wave,.catalog-menu-panel,.product-dialog[open]{animation:none!important}.category-card,.category-card img,.category-decor:after,.product-card,.product-card img{transition:none!important}}
