@font-face{font-family:"Noto Sans Georgian";src:url(/assets/fonts/ka.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+10A0-10FF,U+1C90-1CBF,U+2D00-2D2F}
@font-face{font-family:"Noto Sans Georgian";src:url(/assets/fonts/latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#070D1A;--surface:#0E1A31;--surface2:#132441;--line:#1C2F52;--ink:#E9EFFB;--muted:#96A8C6;--blue:#4C8DFF;--blue-l:#8DB8FF;--blue-d:#2C6BE8;--green:#25D366;--green-d:#128C4A;--ok:#34D399;--warn:#F5B942;--danger:#FF7B7B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:400 16px/1.6 "Noto Sans Georgian",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums;background:radial-gradient(1100px 520px at 50% -120px,rgba(44,107,232,.28),transparent 70%),var(--bg);background-attachment:fixed;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-l);text-underline-offset:3px;transition:color .2s}
a:hover{color:#fff}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(28px,3.6vw,44px);font-weight:800}
h2{font-size:clamp(21px,2.4vw,28px);font-weight:750}
h3{font-size:17px;font-weight:700}
p{margin:0 0 1em}
.muted,.hint{color:var(--muted)}
.hint{font-size:13px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:10px 16px;z-index:60}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--blue-l);outline-offset:2px;border-radius:3px}

/* header — deepens to blue while scrolling (JS sets --p 0..1) */
.site-head{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(76,141,255,calc(.05 + var(--p,0) * .30)),rgba(22,58,120,calc(.12 + var(--p,0) * .36)));-webkit-backdrop-filter:blur(calc(8px + var(--p,0) * 22px)) saturate(calc(1 + var(--p,0) * 1.1)) brightness(calc(1 + var(--p,0) * .12));backdrop-filter:blur(calc(8px + var(--p,0) * 22px)) saturate(calc(1 + var(--p,0) * 1.1)) brightness(calc(1 + var(--p,0) * .12));border-bottom:1px solid rgba(150,195,255,calc(.10 + var(--p,0) * .30));box-shadow:inset 0 1px 0 rgba(255,255,255,calc(var(--p,0) * .30)),inset 0 -1px 0 rgba(120,170,255,calc(var(--p,0) * .14)),0 12px 40px -14px rgba(44,107,232,calc(var(--p,0) * .8))}
.site-head::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,calc(var(--p,0) * .16)) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,calc(var(--p,0) * .07)) 68%,rgba(255,255,255,0) 100%)}
.head-row{display:flex;align-items:center;gap:14px;min-height:66px;position:relative}
.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none}

.wordmark{font-size:24px;font-weight:800;letter-spacing:-.03em}
.wordmark span{color:var(--blue-l)}
.nav{display:flex;gap:2px;flex:1;min-width:0}
.nav a{white-space:nowrap;color:#CFDBF3;text-decoration:none;padding:8px 8px;font-size:14px;font-weight:550;border-radius:8px;transition:background .2s,color .2s}
.nav a:hover{background:rgba(76,141,255,.16);color:#fff}
.nav a[aria-current="page"]{background:rgba(76,141,255,.24);color:#fff}
.nav-extra{display:none}
.head-phone{font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}
.head-phone:hover{color:var(--blue-l)}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;flex:none}
.lang a{padding:4px 11px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}
.lang a.on{background:var(--blue-d);color:#fff}
.lang a:not(.on):hover{color:#fff;background:rgba(76,141,255,.16)}
.burger{display:none;flex:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* hero */
.hero{padding:26px 0 8px}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
.lead{font-size:18px;color:var(--muted);max-width:62ch}
.hero-search{display:flex;gap:10px;margin:18px 0 12px;max-width:560px}
.hero-search input{flex:1}
.hero-cta{margin-top:6px}
.finder{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.finder h2{font-size:14.5px;font-weight:700;margin:0 0 8px;color:var(--muted)}
.finder .chips{margin-bottom:15px;gap:8px}
.finder .chip{padding:6px 14px;font-size:14.5px}
.finder .chips:last-child{margin-bottom:0}

/* controls */
input,select,textarea{font:inherit;color:var(--ink);background:#0A1428;border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:#5F7396}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,141,255,.25)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--blue)}
select option,select optgroup{background:#0A1428;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(14,26,49,.8);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;transition:border-color .2s,background .2s,transform .2s}
.chip span{color:var(--muted);font-weight:500}
.chip:hover{border-color:var(--blue);background:rgba(76,141,255,.16);color:#fff;transform:translateY(-1px)}
.btn{display:inline-block;background:linear-gradient(135deg,#3F80F7,#2A5BD3);color:#fff;border:1px solid transparent;border-radius:10px;padding:12px 22px;font:700 16px/1.2 inherit;text-decoration:none;cursor:pointer;transition:filter .2s,transform .2s,box-shadow .2s}
.btn:hover{filter:brightness(1.12);color:#fff;box-shadow:0 8px 24px -8px rgba(76,141,255,.7);transform:translateY(-1px)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:rgba(76,141,255,.14);border-color:var(--blue);box-shadow:none}

/* blocks */
.block{padding:28px 20px}
.block-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.usage{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.usage li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);transition:background .2s}
.usage li:hover{background:rgba(76,141,255,.08)}
.usage a{flex:1;display:flex;flex-direction:column;padding:18px 8px;text-decoration:none;color:var(--ink)}
.usage strong{font-size:20px}
.usage span{color:var(--muted);font-size:15px}
.usage em{font-style:normal;font-weight:700;color:var(--blue-l);padding-right:8px}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:var(--blue-l)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:10px 0 0;color:var(--muted);max-width:70ch}
.guide-teaser{background:linear-gradient(135deg,#0F2247,#0B1630);border:1px solid var(--line);border-radius:14px;margin:12px auto;padding:28px}

/* listing + filters */
.crumbs{padding:16px 0 4px;font-size:14px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";color:#3A4E75;margin-right:6px}
.crumbs a{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface2) 84%,transparent);transition:border-color .2s,background .2s,color .2s}
.crumbs a:hover{color:#fff;border-color:var(--blue);background:color-mix(in srgb,var(--blue) 18%,var(--surface))}
.page-head{padding:12px 0 8px}
.shop{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start;margin-top:10px}
.filters{position:sticky;top:86px;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px}
.fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fhead h2{font-size:17px;margin:0}
.flink{background:none;border:0;color:var(--blue-l);cursor:pointer;font:inherit;font-size:13px}
.flink:hover{color:#fff}
.fgroup{border:0;border-top:1px solid var(--line);margin:12px 0 0;padding:12px 0 0}
.fgroup legend{font-size:13px;font-weight:700;color:var(--muted);padding:0 6px 0 0;float:left;width:100%;margin-bottom:8px}
.fgroup .opt,.fgroup .range{clear:both}
.opt{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:14px;cursor:pointer}
.opt span{flex:1}
.opt em{font-style:normal;color:var(--muted);font-size:12px}
.opt:hover span{color:#fff}
.opt-stock{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.range{display:flex;align-items:center;gap:8px}
.range input{padding:8px 10px}
.flt-toggle{display:none;margin-bottom:14px}
.results{min-width:0}
.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:0 0 14px}
.count{margin:0;color:var(--muted);font-size:14px}
.sel{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}
.sel select{width:auto;padding:7px 10px}
.empty{padding:32px 0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s}
.card:hover{border-color:var(--blue);box-shadow:0 0 0 1px rgba(76,141,255,.35),0 16px 34px -14px rgba(44,107,232,.55);transform:translateY(-3px)}
.card[hidden]{display:none}
.card-img{display:block;background:radial-gradient(circle at 50% 35%,#1C3568 0%,#0B1630 72%)}
.card-img img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:8px}
.card-body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1}
.brand{margin:0 0 2px;font-size:13px;color:var(--blue-l);font-weight:650}
.card h2,.card h3{font-size:17px;margin:0 0 12px}
.card h2 a,.card h3 a{color:#fff;text-decoration:none}
.card h2 a:hover,.card h3 a:hover{color:var(--blue-l)}
.spec{display:grid;grid-template-columns:1fr 1fr;margin:0 0 14px;border-top:1px solid var(--line)}
.spec div{padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}
.spec div:nth-child(2n){padding-left:10px;border-left:1px solid var(--line)}
.spec dt{font-size:12px;color:var(--muted);line-height:1.2}
.spec dd{margin:2px 0 0;font-size:14px;font-weight:650;line-height:1.3}
.card-foot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px}
.price{margin:0;display:flex;flex-direction:column;line-height:1.1}
.price strong{font-size:22px;font-weight:800;color:#fff}
.price s{color:var(--muted);font-size:14px;margin-top:4px}
.stock{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--ok)}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px currentColor}
.stock-out{color:var(--muted)}
.stock-out::before{background:var(--muted);box-shadow:none}
.stock-pre{color:var(--warn)}
.stock-pre::before{background:var(--warn)}
.seo-text{padding-top:32px;padding-bottom:12px}
.prose{max-width:74ch}
.prose h2{margin-top:1.4em}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.5em}
.page h1{margin-bottom:.6em}
.maker{margin-top:14px}

/* product + order */
.product{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:16px 0 8px;align-items:start}
.gallery-wrap{position:static;top:auto}
.product-head{margin-bottom:16px}
.product-head .spec{max-width:none}
.g-main img{width:100%;border-radius:14px;background:radial-gradient(circle at 50% 35%,#1C3568 0%,#0B1630 72%);aspect-ratio:4/3;object-fit:contain;padding:14px;border:1px solid var(--line);display:block}

.product-head h1{font-size:clamp(26px,3.2vw,38px);margin-bottom:.4em}
.buy{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;padding:20px;margin-top:8px}
.buy-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.buy .price strong{font-size:34px}
.win-note{margin:0 0 14px}
.order{display:grid;gap:14px}
.order h2{font-size:20px;margin:0}
.order label,.order fieldset{display:grid;gap:5px;font-size:14px;font-weight:600;border:0;padding:0;margin:0}
.order label[hidden],.order small[hidden],.order [hidden]{display:none!important}
.order legend{padding:0;margin-bottom:6px;font-size:14px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.radios{display:flex!important;flex-wrap:wrap;gap:6px 18px}
.radios legend{width:100%}
.check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.sum{margin:0;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#0A1428}
.sum div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:14px}
.sum dt{color:var(--muted)}
.sum dd{margin:0;font-weight:650}
.sum .tot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-size:18px}
.sum .tot dt{color:#fff;font-weight:700}
.sum .tot dd{color:var(--blue-l);font-weight:800}
.notice{background:rgba(245,185,66,.12);border-left:3px solid var(--warn);padding:10px 12px;font-size:14px;margin:0;border-radius:0 8px 8px 0}
.form-msg{margin:0;font-size:14px;color:var(--danger)}
.thanks{text-align:center;padding:26px 10px;border:1px solid rgba(52,211,153,.5);border-radius:12px;background:rgba(52,211,153,.08)}
.thanks h2{font-size:44px;color:var(--ok);margin:0}
.thanks p{font-size:18px;margin:0}
.alt-contact{margin:16px 0 0;font-size:14px;color:var(--muted)}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 0}
.detail .prose h2{margin-top:0}
.spec-table{width:100%;border-collapse:collapse}
.spec-table th,.spec-table td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.spec-table th{color:var(--muted);font-weight:500;width:46%;padding-right:12px}
.spec-table td{font-weight:600}

/* pages */
.banks{display:grid;gap:14px;margin-top:10px}
.bank{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}
.bank p{margin:0 0 4px}
.bank-name{font-weight:700}
.iban{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.iban code{font:600 16px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--blue-l);letter-spacing:.02em;word-break:break-all}
.copy{display:inline-flex;align-items:center;gap:6px;background:rgba(76,141,255,.14);border:1px solid var(--line);color:#fff;border-radius:8px;padding:5px 10px;cursor:pointer;font:600 13px/1 inherit;transition:background .2s}
.copy:hover{background:rgba(76,141,255,.3)}
.copy svg,.fb svg{width:18px;height:18px}
.contact-list{list-style:none;margin:0;padding:0}
.contact-list li{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:18px}
.contact-list li span{width:110px;color:var(--muted);font-size:14px}
.contact-list .fb svg{width:32px;height:32px;color:var(--blue-l)}
.fb{display:inline-flex;color:var(--blue-l)}
.fb:hover{color:#fff}

/* footer + floating whatsapp */
.site-foot{background:linear-gradient(180deg,transparent,#050A15 40%);margin-top:48px;padding:44px 0 90px;border-top:1px solid var(--line)}
.site-foot a{color:#DCE6FA;text-decoration:none}
.site-foot a:hover{color:var(--blue-l)}
.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:28px}
.foot-h{font-weight:700;color:#fff;margin:0 0 10px}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid li{margin-bottom:6px}
.foot-base{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;text-decoration:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.wa-text{display:flex;flex-direction:column;line-height:1.15;background:var(--green-d);color:#fff;padding:8px 26px 8px 16px;border-radius:14px 0 0 14px;font-size:13px;margin-right:-18px}
.wa-text b{font-weight:700}
.wa-icon{width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;position:relative;animation:wapulse 2.6s infinite}
.wa-icon svg{width:32px;height:32px}
.wa-float:hover .wa-icon{filter:brightness(1.1)}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

@media (max-width:900px){
 .burger{display:block}
 .head-phone-d,.lang-d{display:none}
 .nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;flex-direction:column;gap:2px;padding:12px 20px 20px;background:#0C1A38;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px #000}
 .nav.open{display:flex}
 .nav a{padding:12px 10px}
 .nav-extra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
 .nav-extra .head-phone{padding:0}
}
@media (max-width:900px){
 .hero-grid,.product,.detail{grid-template-columns:1fr;gap:24px}
 .gallery-wrap{position:static}
 .shop{grid-template-columns:1fr}
 .filters{display:none;position:static}
 .filters-in{max-height:none}
 .filters.open{display:block}
 .flt-toggle{display:inline-block}
 .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero-search{flex-direction:column}.wa-text{font-size:12px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.site-head .wrap{max-width:1500px}

/* v3 additions */
.chip-sm{padding:4px 10px;font-size:12px}
.presets{margin-top:10px;gap:6px}
.specs-btn{display:block;width:100%;margin-top:12px;text-align:center}
.specs-btn[hidden]{display:none}
.social{display:flex;gap:14px;align-items:center}
.social svg{width:28px;height:28px}

.cb{color:var(--blue)!important;text-decoration:none;font-weight:600}
.cb:hover{text-decoration:underline}
.foot-base{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.foot-base p{margin:0}
.transfer-info{border:1px solid var(--line);border-radius:10px;padding:12px;background:#0A1428}
.transfer-info>p{margin:0 0 8px;font-size:14px}
.transfer-info .banks{margin:0;gap:8px}
.transfer-info .bank{padding:10px 12px}
.transfer-info .iban code{font-size:14px}
.zone small{width:100%}

/* v4: gallery slider, scrollable filters with a permanent blue bar on the LEFT, compact filter search, white social icons */
.g-main{position:relative}
.apple-product .card-img,.apple-product .g-main{position:relative}
.apple-product .card-img::after,.apple-product .g-main::after{content:"selio.ge";position:absolute;right:18px;bottom:14px;z-index:3;color:#66df55;font-size:clamp(16px,2vw,30px);font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none}
.apple-product .card-img::after{right:10px;bottom:9px;font-size:16px}
.g-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(141,184,255,.5);background:rgba(10,20,40,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
.g-btn:hover{background:rgba(76,141,255,.55)}
.g-prev{left:10px}.g-next{right:10px}
.g-count{position:absolute;left:12px;right:auto;bottom:12px;background:var(--blue);border:1px solid var(--blue-l);border-radius:999px;padding:3px 11px;font-size:12px;color:#fff}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}
.thumbs::-webkit-scrollbar{display:none}
.thumb-rail{height:7px;margin-top:3px;border-radius:999px;background:rgba(58,78,117,.38);position:relative;cursor:pointer}.thumb-rail>span{position:absolute;inset:0 auto 0 0;min-width:34px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 1px var(--blue-l);transition:left .08s linear}
.thumb{flex:0 0 84px;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:#0B1630;opacity:.75;transition:opacity .2s,border-color .2s}
.thumb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.thumb:hover{opacity:1}
.thumb.is-on{border-color:var(--blue);opacity:1}
.fsearch input{font-size:12px;padding:9px 8px}
.social a,.social .fb{color:#fff}
.social a:hover{color:var(--blue-l)}
.places small{width:100%}

.brand-logo .logo-img{height:36px;width:auto;max-width:none;border-radius:0}

/* v5: always-visible custom scrollbars */
.filters{overflow:hidden;padding:0}
.filters-in{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;max-height:calc(100vh - 104px);padding:16px 16px 16px 36px}
.filters-in::-webkit-scrollbar{display:none}
.f-track{position:absolute;left:12px;top:14px;bottom:14px;width:9px;border-radius:9px;background:#0B1830;border:1px solid #1C2F52;z-index:2}
.f-thumb{position:absolute;left:0;right:0;top:0;height:40px;border-radius:9px;background:linear-gradient(180deg,#6FA6FF,#2C6BE8);box-shadow:0 0 8px rgba(76,141,255,.6);cursor:grab;touch-action:none}
.f-thumb:active{cursor:grabbing}
.page-progress{position:fixed;left:0;top:0;bottom:0;width:6px;z-index:45;pointer-events:none;background:rgba(11,24,48,.9);border-right:1px solid rgba(76,141,255,.18)}
.page-progress span{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(180deg,#8DB8FF,#2C6BE8 55%,#1F55C8);box-shadow:0 0 12px rgba(76,141,255,.75)}
@media (max-width:900px){.f-track{display:none}.filters-in{padding-left:16px;max-height:none}.page-progress{width:4px}}

/* V1: two themes, stable image surfaces and accessible pagination. */
.theme-toggle{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:24px;cursor:pointer}
.theme-toggle .moon{display:none}[data-theme=light] .theme-toggle .sun{display:none}[data-theme=light] .theme-toggle .moon{display:inline}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.pagination a,.pagination button{font:inherit;min-width:44px;min-height:44px;text-align:center;padding:8px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);text-decoration:none;cursor:pointer}.pagination [aria-current=page]{background:var(--blue-d);color:white}
.product-media #specs{margin-top:28px}.product-description{margin-top:28px}.product-info,.product-media{min-width:0}.spec-table{overflow-wrap:anywhere}.nav-extra .head-phone{padding-left:14px}
[data-theme=light]{--bg:#fff;--surface:#fff;--surface2:#f8f9fb;--line:#c9d1dd;--ink:#111827;--muted:#465065;--blue:#245fc0;--blue-l:#174a9e;--blue-d:#1c54b0;--ok:#17673b;--warn:#825b00;--danger:#a72020;color-scheme:light}
[data-theme=light] body{background:#fff}[data-theme=light] a:hover{color:#111827}
[data-theme=light] .site-head,[data-theme=light] .nav.open{background:rgba(255,255,255,.92)}
[data-theme=light] .brand-logo,[data-theme=light] .head-phone,[data-theme=light] .nav a,[data-theme=light] .nav a:hover,[data-theme=light] .nav a[aria-current=page]{color:#111827}
[data-theme=light] .burger span{background:#111827}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] select option,[data-theme=light] .chip{background:#fff;color:#111827}
[data-theme=light] .card,[data-theme=light] .buy,[data-theme=light] .order,[data-theme=light] .site-foot,[data-theme=light] .finder,[data-theme=light] .filters,[data-theme=light] .filters-in,[data-theme=light] .bank,[data-theme=light] .usage li,[data-theme=light] .faq details,[data-theme=light] .guide-teaser,[data-theme=light] .transfer-info{background:#fff;color:#111827}
[data-theme=light] .card h2 a,[data-theme=light] .card h3 a,[data-theme=light] .price strong,[data-theme=light] .foot-h,[data-theme=light] .bank-name,[data-theme=light] .spec dd,[data-theme=light] .sum dd{color:#111827}
[data-theme=light] .btn:not(.btn-ghost),[data-theme=light] .lang a.on{color:#fff}[data-theme=light] .btn-ghost{color:#111827}
[data-theme=light] .card-img,[data-theme=light] .g-main,[data-theme=light] .thumb{background:#132441}
@media(max-width:1150px){.head-row{gap:10px}.head-phone-d{display:none}}
@media(max-width:600px){.theme-toggle{width:36px;height:36px}.head-row{gap:8px}.wordmark{font-size:21px}.wrap{padding-left:16px;padding-right:16px}.nav-extra{padding:10px 14px}.product{gap:24px}}

/* Keep the complete product layout in normal flow and totals readable in daylight. */
.product-media,.product-info,.gallery-wrap,.buy{position:static;top:auto}
[data-theme=light] .sum{background:#fff;border-color:var(--line)}
[data-theme=light] .sum dt,[data-theme=light] .sum dd,[data-theme=light] .sum .tot dt,[data-theme=light] .sum .tot dd{color:#111827}
[data-theme=light] .social a,[data-theme=light] .social .fb{color:#111827}

[data-theme=light] .site-foot,[data-theme=light] .site-foot a,[data-theme=light] .site-foot p,[data-theme=light] .site-foot .muted,[data-theme=light] .site-foot .foot-h{color:#000}
/* Day theme and compact mobile navigation. */
.wa-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 13px;border-radius:10px;background:#16823e;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #16823e22}
.wa-button:hover{background:#106630;color:#fff!important}
[data-theme=light] .copy{background:#234d86;color:#fff;border-color:#173c70}
[data-theme=light] .copy:hover{background:#16365e}
[data-theme=light] .site-head{background:linear-gradient(180deg,rgba(210,229,255,calc(.35 + var(--p,0) * .30)),rgba(238,246,255,calc(.40 + var(--p,0) * .30)));border-bottom:1px solid rgba(107,150,207,.35);box-shadow:inset 0 1px 0 #ffffffcc,inset 0 -1px 0 #a5c4ee66,0 12px 40px -14px #346db94d}
[data-theme=light] .card-img,[data-theme=light] .g-main,[data-theme=light] .thumb{background:#dcecff}
.opt{border-radius:7px;transition:background .15s,transform .15s}
[data-theme=light] .opt:hover,[data-theme=light] .opt:focus-within{background:#e4efff;transform:translateX(2px)}
[data-theme=light] .opt:hover span,[data-theme=light] .opt:focus-within span{color:#000}
@media(max-width:900px){.lang-d{display:flex}.nav-extra{flex-wrap:wrap}}
@media(max-width:900px){
 .head-row{gap:7px;justify-content:flex-start}
 .burger{order:0;flex:none;margin-left:0}
 .theme-toggle{order:1;width:33px;height:33px;font-size:21px}
 .brand-logo{order:2;margin-right:auto;gap:4px}
 .lang-d{order:3;display:flex;flex:none}
 .lang-d a{padding:5px 6px;font-size:12px}
 .brand-logo .logo-img{height:27px}.wordmark{font-size:18px}
 .nav{order:4;left:0;right:0}
 .product-info{display:flex;flex-direction:column}
 .product-description{order:-1;margin-top:0;margin-bottom:24px}
}

[data-theme=light] .g-main img{background:#dcecff}

@media(min-width:901px){.burger{display:none}.nav-extra{display:none}.nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;background:none;border:0;box-shadow:none}.head-phone-d{display:block}.lang-d{display:flex}}
@media(min-width:901px) and (max-width:1400px){.head-row{flex-wrap:wrap;padding-top:10px;padding-bottom:8px}.brand-logo{margin-right:auto}.nav{order:5;flex-basis:100%;justify-content:center}.nav a{padding:7px 9px}}
/* Single-row featured carousel and contact controls. */
.head-wa{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--ink);flex-shrink:0}.head-wa svg{width:25px;height:25px;fill:currentColor}.nav-divider{opacity:.5;padding:0 4px}html{scroll-behavior:smooth}#footer{scroll-margin-top:100px}
[data-home-products]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-bottom:8px}[data-home-products]::-webkit-scrollbar{display:none}[data-home-products]>.card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;min-width:0}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.carousel-controls button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;width:36px;height:36px}.carousel-dots{display:flex;gap:6px}.carousel-dots button{width:9px;height:9px;padding:0;background:#8995a5;border:0}.carousel-dots button[aria-current=true]{background:#2382ef;transform:scale(1.3)}
@media(max-width:900px){.head-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.head-row>.brand-logo{order:0!important;margin-right:auto!important}.head-row>.lang-d{order:1!important;margin:0!important}.head-row>.theme-toggle{order:2!important;margin:0!important}.head-row>.burger{order:3!important;margin:0!important}.head-row>.head-phone-d{display:block!important;order:4!important;margin-left:auto!important;font-size:13px}.head-row>.head-wa{order:5!important;width:26px;height:26px}.head-row>.nav{order:6!important}.nav-divider{display:none}[data-home-products]>.card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:540px){[data-home-products]>.card{flex-basis:85%}.head-row>.brand-logo .wordmark{font-size:22px}.head-row>.head-phone-d{flex-basis:calc(100% - 40px);text-align:right}.carousel-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final header: one row, with mobile language controls inside the menu. */
.nav-lang{display:none}
@media(min-width:901px){.head-row{flex-wrap:nowrap!important;gap:7px!important;padding:0 16px;max-width:1600px}.head-row>.brand-logo{order:0;margin:0;flex:none;gap:4px}.brand-logo .wordmark{font-size:21px}.brand-logo .logo-img{height:28px}.head-row>.nav{order:1;flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:center;overflow-x:auto;scrollbar-width:none;gap:0}.nav::-webkit-scrollbar{display:none}.nav>a{font-size:clamp(10px,.93vw,14px);padding:8px 5px;white-space:nowrap;flex:none}.nav-divider{padding:0 3px}.head-phone-d{order:2;white-space:nowrap;font-size:13px}.lang-d{order:3;flex:none}.lang-d a{font-size:11px;padding:5px}.theme-toggle{order:4;width:32px;height:32px;font-size:21px}}
@media(max-width:900px){.head-row{flex-wrap:nowrap!important;min-height:66px;gap:8px!important}.head-row>.brand-logo{order:0!important;min-width:0}.head-row>.head-phone-d{order:1!important;flex-basis:auto!important;flex:none;font-size:12px;white-space:nowrap;margin:0!important}.head-row>.theme-toggle{order:2!important;flex:none}.head-row>.burger{order:3!important;flex:none}.head-row>.lang-d{display:none!important}.nav-lang{display:block;padding:10px 14px}.nav-lang .lang{display:inline-flex}.carousel-dots{max-width:70%;flex-wrap:wrap;justify-content:center}}
@media(max-width:380px){.head-row{gap:5px!important}.head-row>.brand-logo .wordmark{font-size:18px}.brand-logo .logo-img{height:23px}.head-row>.head-phone-d{font-size:11px}.head-row>.burger{width:34px}.head-row>.theme-toggle{width:30px;height:30px}}

/* Language and phone stay visible in the single mobile header row. */
@media(max-width:900px){.head-row{gap:6px!important;padding-left:12px;padding-right:12px}.head-row>.lang-d{display:flex!important;order:2!important;flex:none}.head-row>.theme-toggle{order:3!important}.head-row>.burger{order:4!important}.lang-d a{font-size:10px;padding:4px}.head-row>.brand-logo{gap:3px}.head-row>.brand-logo .wordmark{font-size:20px}.head-row>.brand-logo .logo-img{height:24px}.head-row>.head-phone-d{font-size:11px}.head-row>.theme-toggle{width:29px;height:29px}.head-row>.burger{width:32px;padding:5px}}
@media(max-width:380px){.head-row{gap:4px!important;padding-left:8px;padding-right:8px}.head-row>.brand-logo .wordmark{font-size:17px}.head-row>.brand-logo .logo-img{height:21px}.head-row>.head-phone-d{font-size:10px}.lang-d a{font-size:9px;padding:3px}.head-row>.theme-toggle{width:26px;height:26px}.head-row>.burger{width:29px}}
.order[hidden]{display:none!important}

/* V1 compact liquid-glass navigation and contact controls. */
.site-head{background:color-mix(in srgb,var(--surface) 78%,transparent)!important;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.head-row{min-height:64px}
.nav>a,.info-trigger,.head-contact{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 78%,transparent);color:var(--ink);text-decoration:none;white-space:nowrap;font:inherit;font-weight:650;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.nav>a:hover,.nav>a[aria-current=page],.info-trigger:hover,.head-contact:hover{background:color-mix(in srgb,var(--blue) 14%,var(--surface));border-color:color-mix(in srgb,var(--blue) 55%,var(--line));color:var(--ink);transform:translateY(-1px)}
.info-menu{position:relative;flex:none}.info-trigger span{font-size:16px;margin-left:5px}.info-panel{position:absolute;z-index:80;top:calc(100% + 8px);right:0;display:grid;min-width:max-content;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.info-panel a{padding:9px 12px;border-radius:9px;color:var(--ink);text-decoration:none}.info-panel a:hover{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--ink)}.info-menu:hover .info-panel,.info-menu:focus-within .info-panel{opacity:1;visibility:visible;transform:none}
.nav-mobile-info{display:none}.head-contact{flex:none}.lang-d,.theme-toggle{border-radius:11px!important;background:color-mix(in srgb,var(--surface2) 82%,transparent)!important}.lang-d{border:1px solid var(--line);overflow:hidden}.lang-d a{min-width:32px;text-align:center}.theme-toggle{font-size:18px!important}
.contact-pills{display:flex;flex-wrap:wrap;gap:8px}.contact-pills a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--ink)!important;text-decoration:none}.contact-pills a:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}.contact-pills svg{width:18px;height:18px}
@media(min-width:901px){.head-row>.nav{justify-content:flex-start!important;gap:5px!important}.head-row>.head-phone-d{margin-left:auto}.info-menu{order:3}.head-contact{order:4}.lang-d{order:5!important}.theme-toggle{order:6!important}}
@media(max-width:900px){.info-menu,.head-contact{display:none}.nav-mobile-info{display:grid;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.nav-mobile-info a{padding:10px;border-radius:9px}.nav{background:color-mix(in srgb,var(--surface) 90%,transparent)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav>a{display:flex;margin:2px 0}.lang-d,.theme-toggle,.burger{height:34px!important;min-width:34px!important;border-radius:10px!important}}

/* V1 home balance, V2 filters and symmetric compact controls. */
.info-panel{background:linear-gradient(180deg,rgba(20,39,72,.94),rgba(9,20,40,.96));border-color:rgba(150,195,255,.28);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 48px rgba(0,0,0,.34)}
[data-theme=light] .info-panel{background:linear-gradient(180deg,rgba(238,246,255,.95),rgba(255,255,255,.96));border-color:rgba(107,150,207,.38)}
.hero{padding:20px 0 2px}.hero-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:28px;align-items:stretch}.hero-grid>div:first-child{padding-left:4px;display:flex;flex-direction:column;justify-content:flex-start}.hero-grid h1{font-size:clamp(18px,1.8vw,24px);max-width:30ch;margin-top:4px}.hero-grid .lead{font-size:16px;max-width:48ch}.hero-search{max-width:none;width:100%;margin-top:auto}.hero-cta{margin-bottom:0}.finder{display:flex;flex-direction:column;padding:16px 18px}.finder .chips{margin-bottom:12px}.finder-guide{border-top:1px solid var(--line);margin-top:auto;padding-top:13px}.finder-guide h2{font-size:17px;color:var(--ink)}.finder-guide p{font-size:14px;color:var(--muted);margin-bottom:10px}.finder-guide .btn{padding:9px 14px;font-size:14px}.btn-compact{padding:8px 13px;font-size:14px}.hero+.block{padding-top:20px}
.lang-d,.theme-toggle{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:grid!important;place-items:center}.lang-d a{display:grid;place-items:center;width:100%;height:100%;padding:0!important;color:var(--ink)!important}.theme-toggle{font-size:19px!important}.head-contact,.info-trigger,.nav>a{min-height:38px}.head-row{gap:7px!important}
.fgroup{display:block;border:0;border-top:1px solid var(--line);margin:10px 0 0;padding:0}.fgroup summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 2px 10px;cursor:pointer;font-size:14px;font-weight:750;color:var(--ink)}.fgroup summary::-webkit-details-marker{display:none}.fgroup summary span{color:var(--blue-l);transition:transform .2s}.fgroup[open] summary span{transform:rotate(180deg)}.fgroup-body{padding:0 2px 7px}.fgroup:not([open]) .fgroup-body{display:none}.fgroup .opt{clear:both}.range-values{display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:13px;font-weight:700;margin:0 0 8px}.dual-range{position:relative;height:30px;--span:calc(var(--max) - var(--min));background:linear-gradient(to right,var(--line) 0%,var(--line) calc((var(--lo) - var(--min))*100%/var(--span)),var(--blue) calc((var(--lo) - var(--min))*100%/var(--span)),var(--blue) calc((var(--hi) - var(--min))*100%/var(--span)),var(--line) calc((var(--hi) - var(--min))*100%/var(--span)),var(--line) 100%) center/100% 5px no-repeat}.dual-range input[type=range]{position:absolute;inset:0;width:100%;height:30px;margin:0;padding:0;border:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.dual-range input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 2px 8px rgba(44,107,232,.55);pointer-events:auto;-webkit-appearance:none;cursor:grab}.dual-range input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--blue);pointer-events:auto;cursor:grab}.dual-range input[type=range]::-moz-range-track{background:transparent;border:0}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:16px}.hero-grid>div:first-child{padding-left:0}.hero-search{margin-top:14px}.finder-guide{margin-top:4px}.lang-d,.theme-toggle,.burger{width:34px!important;height:34px!important;min-width:34px!important}.burger{padding:6px!important}.burger span{width:20px}.head-row>.brand-logo{margin-right:auto!important}.hero-grid h1{font-size:21px}.info-panel{background:rgba(10,25,50,.96)}}

/* V1 final spacing and boxed-link pass. */
.hero-grid h1{font-size:clamp(23px,2.25vw,30px);max-width:28ch}.hero-search input{font-size:15px}.hero-cta{display:none}.range-values{gap:3px}.range-values .range-dash{margin:0 5px}
.inline-action,.prose .inline-action{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}.inline-action:hover,.prose .inline-action:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)}
.wa-button{padding:4px 10px!important;border-radius:9px!important;font-size:inherit!important;line-height:1.2;background:color-mix(in srgb,var(--surface2) 84%,transparent)!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none!important}.wa-button:hover{background:color-mix(in srgb,var(--blue) 14%,var(--surface))!important;border-color:var(--blue);color:var(--ink)!important}
.phone-action{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.phone-action>a,.phone-action .copy{display:inline-flex;align-items:center;min-height:34px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--ink);font:700 14px/1.2 inherit;text-decoration:none}.phone-action .copy:hover,.phone-action>a:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)}
.foot-grid ul{display:flex;flex-wrap:wrap;gap:7px}.foot-grid li{margin:0}.foot-grid li a,.contact-pills a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface2) 80%,transparent);color:var(--ink)!important;text-decoration:none}.foot-grid li a:hover,.contact-pills a:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)!important}.cb{display:inline-flex;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface2) 80%,transparent);color:var(--ink)!important;text-decoration:none!important}.cb:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)!important}
@media(max-width:900px){.hero-cta{display:block}.nav{background:linear-gradient(180deg,rgba(20,39,72,.96),rgba(9,20,40,.97))!important;border:1px solid rgba(150,195,255,.25);border-radius:0 0 16px 16px;-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 44px rgba(0,0,0,.3)}[data-theme=light] .nav{background:linear-gradient(180deg,rgba(238,246,255,.97),rgba(255,255,255,.98))!important}.hero-grid h1{font-size:23px}.foot-grid ul{gap:6px}}

/* V1 final home distribution, menu clarity and compact pagination. */
.head-row{min-height:72px!important;padding-top:4px!important;padding-bottom:4px!important}.info-panel{gap:6px}.info-panel a{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 76%,transparent)}
.hero-grid{grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);gap:24px}.hero-grid>div:first-child{padding-left:10px}.finder .chip{border-radius:10px;min-height:36px;background:color-mix(in srgb,var(--surface2) 82%,transparent);border-color:var(--line)}.finder .chip:hover{background:color-mix(in srgb,var(--blue) 16%,var(--surface));border-color:var(--blue)}
.foot-grid>section:first-child ul{display:grid;grid-template-columns:1fr;align-content:start;justify-items:start}.pagination{align-items:center}.pagination .page-gap{display:inline-grid;place-items:center;min-width:26px;color:var(--muted);font-weight:700}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{padding-left:4px}.head-row{min-height:66px!important;padding-top:3px!important;padding-bottom:3px!important}}

/* V1 inset floating header and final responsive refinements. */
.site-head{top:8px;width:calc(100% - 32px);max-width:1560px;margin:8px auto 0;border:1px solid rgba(150,195,255,.24)!important;border-radius:16px;overflow:visible}.head-row{min-height:64px!important;padding-top:3px!important;padding-bottom:3px!important}.nav>a:hover,.nav>a[aria-current=page],.info-trigger:hover,.head-contact:hover{transform:none}.brand-logo{padding:5px 3px;border-radius:10px;transition:filter .18s,text-shadow .18s,background .18s}.brand-logo:hover{filter:brightness(1.18);text-shadow:0 0 16px color-mix(in srgb,var(--blue) 55%,transparent);background:color-mix(in srgb,var(--blue) 9%,transparent)}
.page-head .lead{max-width:75ch}.flink{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--ink);font-weight:700}.flink:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)}
@media(max-width:900px){.site-head{top:6px;width:calc(100% - 16px);margin-top:6px;border-radius:14px}.head-row{min-height:60px!important}.foot-grid>section:first-child ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.page-head .lead{max-width:none}}

/* V1 last typography and mobile catalogue-link adjustments. */
.page-head .lead{max-width:82ch}.hero-grid h1{font-size:clamp(44px,4.3vw,58px);max-width:16ch}.hero-grid .lead{font-size:28px;line-height:1.45;max-width:31ch}.select-links .inline-action{margin:3px}
@media(max-width:900px){.hero-grid h1{font-size:23px;max-width:28ch}.hero-grid .lead{font-size:16px;line-height:1.6;max-width:48ch}.desktop-catalog-link{display:none!important}.page-head .lead{max-width:none}}

/* Final catalogue spacing refinements */
@media (min-width:901px){
  .hero-grid{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:24px}
  .hero-grid h1{font-size:clamp(38px,3.65vw,50px)}
  .hero-grid .lead{font-size:22px;line-height:1.5;max-width:38ch}
  .foot-grid li,.foot-grid li a{width:max-content;max-width:100%}
}
.flink{padding:4px 7px}
/* Homepage desktop balance: keep the mobile composition unchanged. */
@media (min-width:901px){
  .hero-grid h1{font-size:clamp(36px,3.4vw,47px)}
  .hero-grid .lead{font-size:20px;line-height:1.48;max-width:39ch}
  .hero+.block{padding-top:6px}
  .hero+.block>.block-head{justify-content:center;align-items:center;gap:18px;text-align:center}
  .hero+.block>.block-head h2{margin:0}
}
@media (min-width:901px){
  .hero+.block>.block-head .carousel-controls{margin:0;flex:0 0 auto}
}
.copy-icon{width:34px;height:34px;min-width:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border-radius:9px}
.copy-icon svg{width:17px;height:17px}.copy-icon.is-copied{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.contact-pills .copy-icon{flex:0 0 34px}.contact-list .copy-icon{margin-left:-8px}.iban .copy-icon{margin-left:auto}
@media (min-width:901px){
  .hero+.block{padding-top:14px}
  .hero+.block>.block-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;gap:18px;text-align:initial}
  .hero+.block>.block-head h2{justify-self:start}
  .hero+.block>.block-head .carousel-controls{justify-self:center}
  .hero+.block>.block-head .desktop-catalog-link{justify-self:end}
}
/* A linked value and its copy control read as one unambiguous unit. */
.copy-pair{display:inline-flex;align-items:stretch;max-width:100%;vertical-align:middle;white-space:nowrap}
.copy-pair>a{display:inline-flex!important;align-items:center!important;min-height:34px;border:1px solid var(--line)!important;border-right:0!important;border-radius:9px 0 0 9px!important;background:color-mix(in srgb,var(--surface2) 84%,transparent)!important;color:var(--ink)!important;padding:6px 10px!important;text-decoration:none!important}
.copy-pair>.copy-icon{margin:0!important;border-radius:0 9px 9px 0!important;position:relative}
.copy-pair>.copy-icon:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:1px;background:var(--line)}
.copy-pair:hover>a,.copy-pair:hover>.copy-icon{border-color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 14%,var(--surface))!important}
.contact-pills .copy-pair{flex:0 1 auto}.contact-pills .copy-pair>a{border-radius:9px 0 0 9px!important}
.contact-list li .copy-pair{margin-left:auto}.contact-list li .copy-pair>a{font-size:inherit}
.alt-contact a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--ink);font-weight:750;text-decoration:none;vertical-align:middle}
.alt-contact a:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)}
.alt-contact .copy-pair>a{border-radius:9px 0 0 9px}
@media(max-width:540px){.contact-pills{align-items:flex-start}.contact-pills .copy-pair{max-width:100%}.copy-pair>a{min-width:0}.contact-list li{flex-wrap:wrap}.contact-list li .copy-pair{margin-left:0}}
@media (min-width:901px){
  .hero+.block{padding-top:20px}
  .hero+.block>.block-head{margin-bottom:12px}
}
@media(max-width:540px){
  .contact-pills .copy-pair{flex:0 0 100%;width:max-content}
  .contact-pills .fb{order:3}
  .contact-pills .wa-i{order:4}
}
@media(max-width:540px){
  .site-foot .contact-pills{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:7px;width:100%;align-items:center}
  .site-foot .contact-pills .copy-pair{width:100%;max-width:100%;min-width:0;flex:initial}
  .site-foot .contact-pills .copy-pair>a{min-width:0;width:calc(100% - 30px);padding:5px 6px!important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-foot .contact-pills .copy-icon{width:30px;height:32px;min-width:30px}
  .site-foot .contact-pills .fb{grid-column:1;grid-row:2;justify-self:start}
  .site-foot .contact-pills .wa-i{grid-column:2;grid-row:2;justify-self:start}
}
@media(max-width:540px){
  .site-foot .contact-pills{display:grid;grid-template-columns:max-content max-content;gap:8px;width:max-content;max-width:100%;align-items:center}
  .site-foot .contact-pills .copy-pair{width:max-content;max-width:none;min-width:0;flex:initial}
  .site-foot .contact-pills .copy-pair>a{width:auto;min-width:0;min-height:34px;padding:6px 10px!important;font-size:inherit;white-space:nowrap;overflow:visible;text-overflow:clip}
  .site-foot .contact-pills .copy-icon{width:34px;height:34px;min-width:34px}
  .site-foot .contact-pills .fb{grid-column:1;grid-row:2;justify-self:start}
  .site-foot .contact-pills .wa-i{grid-column:2;grid-row:2;justify-self:start}
}
/* Match the currently published liquid-glass header and use the same glass on the information menu. */
.site-head,.info-panel{background:color-mix(in srgb,var(--surface) 78%,transparent)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important;backdrop-filter:blur(20px) saturate(145%)!important}
.info-panel{border-color:rgba(150,195,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 48px rgba(0,0,0,.26)}
.theme-toggle{transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.theme-toggle:hover,.theme-toggle:focus-visible{background:color-mix(in srgb,var(--blue) 15%,var(--surface))!important;border-color:var(--blue)!important;color:var(--blue-l)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}
.search-preview-wrap{position:relative;flex:1;min-width:0}.search-preview-wrap>input{width:100%}
.search-preview{position:absolute;z-index:40;left:0;top:calc(100% + 7px);width:min(620px,calc(100vw - 32px));padding:9px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.search-preview-item{display:flex;align-items:center;gap:10px;padding:7px;border-radius:9px;color:var(--ink);text-decoration:none}.search-preview-item:hover{background:color-mix(in srgb,var(--blue) 18%,transparent)}
.search-preview-item img{width:72px;height:54px;object-fit:contain;border-radius:7px;background:var(--surface2)}.search-preview-item span{display:flex;flex-direction:column;min-width:0}.search-preview-item strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-preview-item small{color:var(--blue-l);font-weight:700}.search-preview-empty{margin:8px;color:var(--muted);font-size:14px}
@media(max-width:520px){.hero-search{display:block}.hero-search .btn{width:100%;margin-top:10px}}
[data-home-products]{padding-top:7px}

/* Final V1 header contact menu, compact home hero and reduced footer. */
.contact-menu{position:relative;flex:none}.head-contact{gap:5px}.contact-panel{position:absolute;z-index:100;top:calc(100% + 8px);right:0;display:grid;gap:7px;width:min(330px,88vw);padding:9px;border:1px solid rgba(150,195,255,.24);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 48px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.contact-panel a{display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 78%,transparent);color:var(--ink)!important;font-weight:750;text-decoration:none}.contact-panel a:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--ink)!important}.contact-symbol{display:grid;place-items:center;width:28px;height:28px;min-width:28px;color:var(--ink)}.contact-symbol svg{display:block;width:27px;height:27px}.contact-symbol.wa-symbol svg{width:29px;height:29px}.contact-symbol.fb-symbol svg{width:29px;height:29px}.contact-menu:hover .contact-panel,.contact-menu:focus-within .contact-panel,.contact-menu.contact-open .contact-panel{opacity:1;visibility:visible;transform:none}.mobile-contact-items{display:grid;gap:6px}.mobile-contact-items .contact-symbol{width:24px;height:24px;min-width:24px}.mobile-contact-items .contact-symbol svg{width:23px;height:23px}
.site-foot{margin-top:34px!important;padding:18px 0 24px!important}.site-foot .foot-base{margin:0!important;padding-top:0!important;border-top:0!important;align-items:center}
@media(min-width:901px){.hero-grid{grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr)!important;gap:24px!important;align-items:stretch!important}.hero-grid>div:first-child{padding-left:10px!important}.hero-grid h1{font-size:clamp(23px,2.25vw,30px)!important;line-height:1.18!important;max-width:28ch!important;margin-top:4px!important}.hero-grid .lead{font-size:16px!important;line-height:1.55!important;max-width:48ch!important}.hero-search{margin-top:auto!important}.hero+.block{padding-top:20px!important}}
@media(max-width:900px){.contact-menu{display:none}.mobile-contact-items{grid-column:1/-1}.site-foot{padding-bottom:20px!important}.site-foot .foot-base{gap:10px}.hero-grid h1{font-size:23px!important}.hero-grid .lead{font-size:16px!important}}
@media(min-width:901px){.head-row>.contact-menu{order:4;margin-left:auto}.head-row>.lang-d{order:5!important}.head-row>.theme-toggle{order:6!important}}