:root{--ink:#10263f;--mu:#5b6f86;--bg:#fff;--alt:#f2f7fd;--ac:#1769e0;--ac2:#0f55bd;--red:#e3243b;--bd:#e1e9f3;--steel:#eaf1fa;--sky:#dcebff;--fh:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--fb:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--fb);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--fh);letter-spacing:-.02em;line-height:1.1;margin:0}a{color:var(--ac)}.lk{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
header{display:flex;align-items:center;gap:16px;padding:0 28px;height:72px;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.bn{display:flex;flex-direction:column;line-height:1}.brand b{font:800 18px var(--fh);letter-spacing:.07em;text-transform:uppercase}.brand small{font:600 10px var(--fb);letter-spacing:.42em;text-transform:uppercase;color:var(--red);margin-top:4px}.brand img{height:40px;max-width:150px;object-fit:contain}
.mark svg{width:42px;height:42px;display:block}
.sp{flex:1}nav{display:flex;gap:26px}nav a{text-decoration:none;font-weight:500;font-size:15px;color:var(--mu)}nav a:hover{color:var(--ac)}
.cart{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:#fff;text-decoration:none;font-weight:600;padding:9px 16px;border-radius:99px;font-size:15px}.cart:hover{background:var(--ac2)}.cart i{font-style:normal;background:#fff;color:var(--ac);border-radius:99px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:0 6px}
.mm{display:none;position:relative}.mm summary{list-style:none;cursor:pointer;padding:8px 14px;border:1px solid var(--bd);border-radius:99px;font-size:14px;font-weight:600}.mm summary::-webkit-details-marker{display:none}.mm div{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--bd);border-radius:14px;padding:8px;min-width:210px;box-shadow:0 14px 34px #10263f26;display:grid}.mm a{padding:10px 12px;text-decoration:none;border-radius:8px;color:var(--ink)}.mm a:hover{background:var(--alt)}
@media(max-width:820px){nav{display:none}.mm{display:block}header{padding:0 16px}}
button,.btn{font:600 15px var(--fb);border:0;border-radius:99px;padding:12px 22px;background:var(--ac);color:#fff;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background .15s,transform .15s}
button:hover,.btn:hover{background:var(--ac2)}button:active,.btn:active{transform:scale(.98)}
.btn.g,button.g{background:#fff;color:var(--ink);border:1.5px solid var(--bd)}.btn.g:hover,button.g:hover{background:var(--alt);border-color:#c9d8ea}
.btn.dk{background:var(--ink);color:#fff}.btn.dk:hover{background:#1c3a5c}
.wa{background:#25d366!important;color:#06361a!important}.spe{background:#ee4d2d!important;color:#fff!important}.laz{background:#1a237e!important;color:#fff!important}
.hero{background:linear-gradient(180deg,#e9f3ff 0,#fff 100%)}
.hero .in{max-width:1180px;margin:auto;padding:56px 28px 80px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center}
@media(max-width:860px){.hero .in{grid-template-columns:1fr;padding:34px 20px 70px}}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--bd);border-radius:99px;padding:6px 14px 6px 8px;font-size:14px;font-weight:500;margin-bottom:18px}.pill svg{width:26px;height:17px;border-radius:3px;box-shadow:0 0 0 1px #0002}
.hero h1{font-size:clamp(36px,5.4vw,60px);font-weight:800;letter-spacing:-.035em;margin-bottom:16px}.hero h1+p{color:var(--mu);font-size:18px;max-width:520px;margin:0 0 26px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.trust{display:flex;gap:20px;flex-wrap:wrap;color:var(--mu);font-size:14px}.trust span{display:flex;align-items:center;gap:7px}.trust svg{width:18px;height:18px;stroke:var(--ac);fill:none;stroke-width:2.4}
.art svg{width:100%;display:block;filter:drop-shadow(0 24px 30px #1f4f9a22)}
.mk{max-width:1100px;margin:-30px auto 0;padding:0 20px;position:relative}.mk div{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:16px 22px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:0 14px 34px #10263f1a}.mk span{flex:1;min-width:220px}
.sec{max-width:1100px;margin:auto;padding:72px 20px 0}.sec h2{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:10px}.lead{color:var(--mu);max-width:560px;margin:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips button{padding:8px 18px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;max-width:1100px;margin:auto;padding:26px 20px 0}
.card{background:#fff;border:1px solid var(--bd);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 18px 40px #10263f1c;transform:translateY(-3px)}
.im{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--alt);display:flex;align-items:center;justify-content:center}
.b{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}.tag{font-size:13px;color:var(--ac);font-weight:600}.b h3{font-size:19px;font-weight:700}.b p{margin:0;color:var(--mu);font-size:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.price{font:800 24px var(--fh);letter-spacing:-.02em}.pr button{padding:10px 18px}
.band{background:var(--alt);margin-top:80px;padding:64px 20px}.band .in{max-width:1100px;margin:auto}.band h2{font-size:clamp(28px,4vw,40px);margin-bottom:30px;font-weight:800}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.feat div{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:22px;border-top:4px solid var(--red)}.feat b{display:block;font:700 19px var(--fh);margin-bottom:6px}.feat span{color:var(--mu);font-size:15px}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}@media(max-width:800px){.two{grid-template-columns:1fr;gap:24px}}
.txt{white-space:pre-wrap;color:var(--mu);font-size:17px}.stat{background:linear-gradient(135deg,var(--ac),#3b8bff);border-radius:24px;padding:34px;color:#fff}.stat b{display:block;font:800 72px/1 var(--fh);letter-spacing:-.04em}.stat span{font-size:17px;font-weight:500}
details.q{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:6px 20px;margin-bottom:10px}details.q summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between}details.q summary::after{content:"+";font-size:22px;line-height:1;color:var(--ac)}details.q[open] summary::after{content:"\2212"}details.q summary::-webkit-details-marker{display:none}details.q p{margin:0 0 16px;color:var(--mu);white-space:pre-wrap}
.talk{background:linear-gradient(135deg,var(--ac),#3b8bff);color:#fff;border-radius:28px;padding:44px 32px;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}.talk h2{margin:0 0 6px}.talk p{margin:0;font-size:17px;opacity:.95}.talk .acts{display:flex;gap:12px;flex-wrap:wrap}.talk .btn.dk{background:#fff;color:var(--ac)}.talk .btn.g{background:transparent;color:#fff;border-color:#fff9}
.crumb{max-width:1100px;margin:auto;padding:26px 20px 0;font-size:14px;color:var(--mu)}.crumb a{color:var(--mu)}
.pd{max-width:1100px;margin:auto;padding:16px 20px 20px;display:grid;grid-template-columns:1.1fr 1fr;gap:44px}@media(max-width:800px){.pd{grid-template-columns:1fr;gap:22px}}
.main{aspect-ratio:1;background:var(--alt);border:1px solid var(--bd);border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.main img{width:100%;height:100%;object-fit:contain;background:#fff}
.th{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.th button{padding:0;width:72px;height:72px;border:2px solid var(--bd);background:#fff;border-radius:14px;overflow:hidden}.th button:hover{background:#fff;border-color:var(--ac)}.th img{width:100%;height:100%;object-fit:cover}
.info h1{font-size:clamp(30px,4vw,44px);font-weight:800;margin-bottom:8px}.info .price{font-size:34px}.desc{white-space:pre-wrap;color:var(--mu);margin:16px 0 22px;font-size:17px}.info .btn,.info button.btn{display:block;width:100%;margin-bottom:10px;padding:15px}
.perks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;color:var(--mu);font-size:15px}.perks li::before{content:"\2713";color:#0e8a5f;font-weight:800;margin-right:10px}
input,textarea{font:inherit;width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:12px;margin:4px 0 10px;background:#fff;color:var(--ink)}label{font-size:14px;font-weight:600}
.ov{position:fixed;inset:0;background:#10263f88;z-index:30;display:flex;justify-content:flex-end}.dr{width:min(430px,100vw);background:#fff;padding:22px;display:flex;flex-direction:column;overflow:auto}
.ci{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--bd)}.ci .t{flex:1}.q{display:flex;gap:10px;align-items:center}.q button{padding:2px 12px}
.stp{display:flex;gap:6px;margin:12px 0 16px;font-size:13px;color:var(--mu)}.stp span{flex:1;border-top:4px solid var(--bd);padding-top:6px}.stp span.on{border-color:var(--ac);color:var(--ink);font-weight:600}
.paybox{background:var(--alt);border:1px solid var(--bd);border-radius:18px;padding:18px;text-align:center}.paybox img{width:220px;max-width:100%;border-radius:12px;background:#fff;padding:8px;margin:8px 0}.paybox .amt{font:800 34px var(--fh);color:var(--ac)}.paybox code{background:#fff;border:1px dashed #9db8da;border-radius:8px;padding:4px 10px;font-weight:700}
.ok{background:#e8f8ef;border:1px solid #b6e6c8;border-radius:16px;padding:16px;margin:14px 0}
.fab{position:fixed;right:18px;z-index:20;border-radius:50%;width:60px;height:60px;padding:0;box-shadow:0 8px 22px #10263f44;display:flex;align-items:center;justify-content:center}
.m{padding:9px 13px;border-radius:14px;max-width:88%;font-size:14px;white-space:pre-wrap;line-height:1.5}.u{background:var(--ac);color:#fff;align-self:flex-end}.a{background:var(--steel);align-self:flex-start}
footer{background:var(--alt);border-top:1px solid var(--bd);color:var(--mu);margin-top:80px;padding:56px 20px 110px;font-size:15px}footer .in{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}@media(max-width:800px){footer .in{grid-template-columns:1fr}}
footer h4{color:var(--ink);font:700 16px var(--fh);margin:0 0 12px}footer a{color:var(--mu);text-decoration:none;display:block;margin-bottom:8px}footer a:hover{color:var(--ac)}.fb{color:var(--ink);font:800 22px var(--fh);margin-bottom:8px}
.soc{display:flex;gap:10px}.soc a{width:40px;height:40px;border:1px solid var(--bd);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0}.soc a:hover{border-color:var(--ac)}.soc svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2}
.copy{grid-column:1/-1;border-top:1px solid var(--bd);padding-top:20px;font-size:14px;display:flex;align-items:center;gap:10px}.copy svg{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px #0002}
#wgp{position:fixed;right:18px;bottom:90px;width:min(350px,calc(100vw - 36px));max-height:72vh;background:#fff;border:1px solid var(--bd);border-radius:20px;box-shadow:0 18px 50px #10263f44;display:flex;flex-direction:column;z-index:25;overflow:hidden}#wgp[hidden]{display:none}
.wh{background:#075e54;color:#fff;padding:14px 16px;display:flex;flex-direction:column;position:relative}.wh span{font-size:12px;opacity:.85}.wh button{position:absolute;top:8px;right:8px;background:transparent;padding:4px 10px;color:#fff;border:0}
#wgm{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:170px;background:#ece5dd}#wgm .a{background:#fff;color:#111}#wgm .u{background:#d9fdd3;color:#111}
.qr{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-top:1px solid var(--bd)}.qr button{padding:6px 13px;font-size:13px}
#wgf{display:flex;gap:6px;padding:10px;border-top:1px solid var(--bd)}#wgf input{margin:0}#wgf button{padding:8px 16px}
#wgt{position:fixed;right:90px;bottom:30px;background:#fff;color:var(--ink);border:1px solid var(--bd);border-radius:14px;padding:9px 14px;font-size:14px;box-shadow:0 6px 20px #10263f33;z-index:24}#wgt[hidden]{display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.art .photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 24px 50px #1f4f9a33;display:block}

/* ===== Premium cool-neutral theme (overrides) ===== */
:root{--ink:#14213d;--mu:#5f6b7a;--bg:#fff;--alt:#f5f6f8;--ac:#14213d;--ac2:#22335a;--red:#d7263d;--bd:#e4e7ec;--steel:#eef0f3;--fh:"Manrope","Segoe UI",system-ui,sans-serif;--fb:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-size:16px;line-height:1.7}
h1,h2,h3{letter-spacing:-.025em;font-weight:700}
header{height:76px;background:#fff;border-bottom:1px solid var(--bd);backdrop-filter:none}
nav{gap:30px}nav a{color:var(--ink);font-size:14px;letter-spacing:.02em}nav a:hover{color:var(--mu)}
.brand b{font-size:16px;letter-spacing:.14em;font-weight:800}.brand small{color:var(--mu);letter-spacing:.5em}
button,.btn{border-radius:4px;padding:13px 24px;font-weight:600;font-size:14px;letter-spacing:.02em;background:var(--ink);color:#fff}
button:hover,.btn:hover{background:var(--ac2)}
.btn.g,button.g{background:#fff;color:var(--ink);border:1px solid var(--ink)}.btn.g:hover,button.g:hover{background:var(--alt);border-color:var(--ink)}
.cart{border-radius:4px;background:var(--ink)}.cart i{color:var(--ink)}
.wa,.spe,.laz{border-radius:4px!important}
.hero{background:var(--alt);border-bottom:1px solid var(--bd)}
.hero .in{padding:80px 28px 96px}
.pill{border-radius:4px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--mu)}
.hero h1{font-weight:700;letter-spacing:-.035em}
.trust svg{stroke:var(--ink)}
.art svg{filter:drop-shadow(0 20px 26px #14213d1a)}
.art .photo{border-radius:6px}
.mk div{border-radius:6px;box-shadow:0 10px 30px #14213d12}
.sec{padding:96px 20px 0}.sec h2{font-weight:700}
.chips button{border-radius:4px}
.grid{gap:28px}
.card{border-radius:6px;border-color:var(--bd)}.card:hover{box-shadow:0 14px 34px #14213d14;transform:translateY(-2px)}
.im{background:var(--alt)}.tag{color:var(--mu);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.price{font-weight:700}
.band{background:#fff;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin-top:96px;padding:80px 20px}
.feat{gap:0}.feat div{background:transparent;border:0;border-left:1px solid var(--bd);border-radius:0;padding:4px 26px}.feat div:first-child{border-left:0;padding-left:0}
@media(max-width:700px){.feat div{border-left:0;border-top:1px solid var(--bd);padding:20px 0}.feat div:first-child{border-top:0}}
.stat{background:var(--ink);border-radius:6px}
details.q{border-radius:0;border:0;border-bottom:1px solid var(--bd);padding:4px 0;margin:0}details.q:first-of-type{border-top:1px solid var(--bd)}details.q summary::after{color:var(--ink)}
.talk{background:var(--alt);color:var(--ink);border:1px solid var(--bd);border-radius:6px}.talk p{color:var(--mu)}.talk .btn.dk{background:var(--ink);color:#fff}.talk .btn.g{background:#fff;color:var(--ink);border-color:var(--ink)}
.main,.th button{border-radius:6px}
input,textarea,select{border-radius:4px;border:1px solid #cfd5dd}
select{font:inherit;width:100%;padding:12px 14px;margin:4px 0 10px;background:#fff;color:var(--ink)}
.dr{padding:28px}.stp span.on{border-color:var(--ink)}
.paybox{border-radius:6px}.paybox .amt{color:var(--ink)}.ok{border-radius:6px}
.m.u{background:var(--ink)}
footer{background:var(--alt);border-top:1px solid var(--bd)}footer a:hover{color:var(--ink)}
.soc a{border-radius:4px}.soc a:hover{border-color:var(--ink)}
/* Contact page */
.ch{background:var(--alt);border-bottom:1px solid var(--bd)}.ch .in{max-width:1100px;margin:auto;padding:70px 20px 60px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}
.ch h1{font-size:clamp(36px,5vw,56px)}.ch p{color:var(--mu);font-size:18px;max-width:600px;margin:14px 0 0}
.cl{max-width:1100px;margin:auto;padding:30px 20px 0}
.ct{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--bd)}@media(max-width:760px){.ct{grid-template-columns:1fr;gap:10px}}
.ct h2{font-size:22px}.ct p{margin:0 0 16px;color:var(--mu);max-width:640px;white-space:pre-wrap}.ct .acts{display:flex;gap:10px;flex-wrap:wrap}
.cform{max-width:640px}

/* ===== Editorial / customer-care feel ===== */
.ann{background:var(--ink);color:#e7ebf2;font-size:13px;letter-spacing:.03em;text-align:center;padding:9px 16px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.ann a{color:#fff}.ann .sep{opacity:.35}
@media(max-width:640px){.ann .sep,.ann span:nth-child(3),.ann a{display:none}}
header{gap:36px}nav{align-items:center}nav>a{padding:8px 0}
.dd{position:relative}.ddb{background:none;color:var(--ink);border:0;padding:8px 0;font:500 14px var(--fb);letter-spacing:.02em;display:flex;align-items:center;gap:6px}.ddb:hover{background:none;color:var(--mu)}
.ddb svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}.dd.on .ddb svg{transform:rotate(180deg)}
.ddp{display:none;position:absolute;left:-18px;top:44px;background:#fff;border:1px solid var(--bd);border-radius:4px;box-shadow:0 18px 40px #14213d1f;padding:14px 18px;min-width:240px;z-index:20}.dd.on .ddp{display:grid}
.ddp a{color:var(--ink);text-decoration:none;font-size:14px;padding:7px 0}.ddp a:hover{color:var(--mu)}.ddp a b{font-weight:600}
.mm hr{border:0;border-top:1px solid var(--bd);margin:6px 0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;max-width:1100px;margin:28px auto 0;padding:0 20px}
.types a{background:var(--alt);text-decoration:none;color:var(--ink);padding:30px 22px;display:flex;flex-direction:column;gap:6px;min-height:150px;justify-content:flex-end;transition:background .15s}.types a:hover{background:#e9ecf0}
.types b{font:700 20px var(--fh)}.types span{font-size:14px;color:var(--mu)}
.care{max-width:1100px;margin:auto;padding:0 20px;display:grid;grid-template-columns:220px 1fr;gap:56px}@media(max-width:800px){.care{grid-template-columns:1fr;gap:0}}
.cn{position:sticky;top:110px;align-self:start;padding-top:40px;display:grid}.cn a{color:var(--mu);text-decoration:none;padding:9px 0;border-bottom:1px solid var(--bd);font-size:15px}.cn a:hover,.cn a.on{color:var(--ink);font-weight:600}
@media(max-width:800px){.cn{position:static;display:flex;gap:8px;flex-wrap:wrap;padding-top:24px}.cn .eyebrow{width:100%}.cn a{border:1px solid var(--bd);padding:6px 12px;border-radius:4px;font-size:14px}}
.care .cl{padding:0;margin:0;max-width:none}.care .ct{grid-template-columns:200px 1fr;gap:28px}@media(max-width:900px){.care .ct{grid-template-columns:1fr;gap:8px}}
.care .ct ul{margin:0 0 16px;padding-left:18px;color:var(--mu)}.care .ct li{margin-bottom:6px}
.back{display:inline-block;margin:28px 0 0;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink)}
.upd{background:var(--alt);border-top:1px solid var(--bd);margin-top:96px}.upd .in{max-width:1100px;margin:auto;padding:64px 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}@media(max-width:800px){.upd .in{grid-template-columns:1fr;gap:20px}}
.upd h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:10px}.upd p{color:var(--mu);margin:0}
.uf{display:flex;gap:8px}.uf input{margin:0;flex:1}.uf button{white-space:nowrap}
footer{margin-top:0;background:#fff;padding:60px 20px 110px}footer .in{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){footer .in{grid-template-columns:1fr 1fr}}
footer h4{font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}footer a{font-size:14px}
.fq{grid-column:1/-1;border-top:1px solid var(--bd);padding-top:22px;font-size:15px;color:var(--ink)}.fq a{display:inline;color:var(--ink);font-weight:600;border-bottom:1px solid var(--ink)}
.copy{border-top:0;padding-top:0}
.spec{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px}.spec caption{text-align:left;font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);padding-bottom:8px}
.spec th,.spec td{padding:11px 0;border-top:1px solid var(--bd);text-align:left;font-weight:400}.spec th{color:var(--mu);width:48%}.spec td{color:var(--ink);font-weight:600}
.pv{max-width:1100px;margin:auto;padding:56px 20px 0}.pv h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:18px}
.vw{position:relative;aspect-ratio:16/9;background:#0b0d10;border-radius:6px;overflow:hidden}.vw iframe,.vw video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* v14 image galleries */
.image-note{font-size:12px;line-height:1.6;color:var(--mu);margin:14px 0 0}
.hero .art .photo{width:100%;height:100%;max-height:540px;object-fit:cover;border-radius:6px}
.card .b p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.th button:focus-visible{outline:3px solid var(--ac);outline-offset:3px}

/* ===== v15: layout polish + mobile first ===== */
html,body{overflow-x:clip}
img{max-width:100%}
/* header on phones */
@media(max-width:820px){
 header{gap:10px;height:62px;padding:0 14px}
 .brand{gap:8px;min-width:0}.mark svg{width:34px;height:34px}.brand b{font-size:13px;letter-spacing:.1em}.brand small{font-size:8px;letter-spacing:.34em}
 .mm summary{padding:7px 12px;font-size:13px}.cart{padding:8px 12px;font-size:14px;flex:none}
 .mm div{position:fixed;left:12px;right:12px;top:100px;max-height:70vh;overflow:auto}
 .ann{font-size:12px;padding:7px 12px}
}
/* hero */
@media(max-width:860px){
 .hero .in{padding:28px 18px 56px;gap:22px}.hero h1{font-size:34px;margin-bottom:12px}.hero h1+p{font-size:16px;margin-bottom:20px}
 .cta{gap:10px;margin-bottom:20px}.cta .btn{flex:1 1 100%}
 .trust{gap:8px 16px;font-size:13px}.pill{margin-bottom:14px}
 .art .photo{aspect-ratio:4/3}
}
/* marketplace strip */
.mk span{min-width:0;flex:1 1 260px}
@media(max-width:640px){.mk{margin-top:-26px;padding:0 14px}.mk div{padding:16px;gap:10px}.mk .btn{flex:1 1 40%;padding:11px 10px}}
#m .mk{margin:48px auto 0}
/* section rhythm */
@media(max-width:640px){.sec{padding:56px 16px 0}.sec h2{font-size:26px}.lead{font-size:15px}}

/* shop by type: photo tiles */
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:1100px;margin:26px auto 0;padding:0 20px}
.tt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);position:relative;min-height:0;padding:0;transition:box-shadow .2s,transform .2s,border-color .2s}
.tt:hover{background:#fff;border-color:#cfd5dd;box-shadow:0 14px 30px #14213d14;transform:translateY(-2px)}
.tti{display:block;aspect-ratio:1/1;background:var(--alt);overflow:hidden}.tti img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.tt:hover .tti img{transform:scale(1.04)}
.ttx{display:flex;flex-direction:column;gap:2px;padding:14px 44px 16px 16px}.ttx b{font:700 17px var(--fh);letter-spacing:-.01em}.ttx span{font-size:13px;color:var(--mu)}
.tta{position:absolute;right:14px;bottom:18px;width:26px;height:26px;border-radius:50%;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink);transition:background .2s,color .2s}.tt:hover .tta{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:640px){
 .types{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 16px 6px;margin-top:18px;scrollbar-width:none}.types::-webkit-scrollbar{display:none}
 .tt{flex:0 0 42%;scroll-snap-align:start}.ttx{padding:10px 12px 12px}.ttx b{font-size:15px}.ttx span{font-size:12px}.tta{display:none}
}

/* product grid */
.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.card .cimg{display:block}.card .im{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}
.card .b{padding:16px;gap:4px}.card h3{font-size:16px;line-height:1.3}.card .b p{-webkit-line-clamp:2;font-size:14px;line-height:1.5}
.card .pr{margin-top:12px}.card .price{font-size:20px}.card .pr button{padding:9px 14px;font-size:13px}
@media(max-width:640px){
 .grid{grid-template-columns:1fr 1fr;gap:12px;padding:18px 16px 0}
 .card{border-radius:8px}.card .b{padding:10px 10px 12px}.tag{font-size:10px}.card h3{font-size:14px}
 .card .b p{display:none}
 .card .pr{flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}.card .price{font-size:17px}.card .pr button{width:100%;padding:10px 8px}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin:16px -16px 0;padding:0 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:none}
}

/* installation cards */
.svcs{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:22px auto 0;padding:0 20px}
.svc{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--bd);border-radius:8px;overflow:hidden}
.svc img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}.svc>div{padding:20px;display:flex;flex-direction:column;gap:6px}
.svc h3{font-size:18px;line-height:1.3}.svc p{margin:0;color:var(--mu);font-size:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.svc .pr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.svc .price{font-size:20px}.svc .pr button{padding:9px 14px;font-size:13px}
@media(max-width:800px){.svcs{grid-template-columns:1fr;gap:12px;padding:0 16px}.svc{grid-template-columns:36% 1fr}.svc img{min-height:150px}.svc>div{padding:12px 14px}.svc h3{font-size:15px}.svc p{-webkit-line-clamp:2;font-size:13px}.svc .price{font-size:17px}}

/* why / about / faq / talk on phones */
@media(max-width:640px){
 .band{margin-top:64px;padding:52px 16px}.band h2{margin-bottom:12px}
 .stat{padding:24px}.stat b{font-size:52px}
 .talk{padding:28px 20px}.talk .acts .btn{flex:1 1 100%}
}
details.q summary{gap:12px}details.q summary::after{margin-left:auto;flex:none}

/* product page */
@media(min-width:801px){.gal{position:sticky;top:96px;align-self:start}}
.pd .info{min-width:0}
@media(max-width:800px){
 .crumb{padding:16px 16px 0;font-size:13px}
 .pd{padding:12px 16px 0;gap:18px}.main{border-radius:8px}
 .th{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none}.th::-webkit-scrollbar{display:none}.th button{flex:none;width:62px;height:62px}
 .info h1{font-size:26px}.info .price{font-size:28px}.desc{font-size:15px;margin:12px 0 18px}
 .info .btn,.info button.btn{padding:14px}
 .pv{padding:44px 16px 0}
}
.info button.g{white-space:normal;line-height:1.35;width:100%}

/* care and contact on phones */
@media(max-width:640px){.ch .in{padding:40px 16px 34px}.ch h1{font-size:34px}.ch p{font-size:16px}.care{padding:0 16px}.ct{padding:28px 0}.ct .acts .btn{flex:1 1 100%}}

/* sign-up + footer on phones */
@media(max-width:640px){.upd{margin-top:64px}.upd .in{padding:44px 16px}.uf{flex-direction:column}.uf button{width:100%}
 footer{padding:44px 16px 96px}footer .in{gap:26px 18px}.copy{flex-wrap:wrap;gap:6px 10px}}

/* floating WhatsApp: smaller on phones, never over buttons */
@media(max-width:640px){.fab{width:52px;height:52px;right:12px}#wgb{bottom:12px!important}#wgp{right:12px;bottom:74px}#wgt{right:72px;bottom:22px}}
/* cart drawer on phones */
@media(max-width:640px){.dr{padding:20px 16px}}
/* v15 fixes: tiles override old padded tile rules, FAQ plus on the right */
.types .tt{padding:0;min-height:0;background:#fff;justify-content:flex-start;gap:0}
.types .tt:hover{background:#fff}
.types .tt .tti{width:100%}
details.q>summary{display:flex!important;align-items:center;justify-content:space-between;width:100%}
details.q>summary::after{margin-left:auto}
.types .ttx{color:var(--ink)}.types .ttx b{color:var(--ink)}.types .ttx .ttp{color:var(--ink);font-weight:600;font-size:14px;margin-top:4px}
.band .in{max-width:1060px}
.more{margin-top:28px}.more p{color:var(--mu);margin:0 0 12px;font-size:15px;line-height:1.7}
.info .desc{margin-bottom:22px}
/* v16: slim shop-by-type bar */
.tbar{max-width:1060px;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--bd);border-radius:8px;background:#fff;overflow:hidden}
.tb{display:flex;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;color:var(--ink);border-left:1px solid var(--bd);transition:background .15s}
.tb:first-child{border-left:0}.tb:hover{background:var(--alt)}
.tbi{flex:none;width:40px;height:40px;border-radius:50%;background:var(--alt);display:flex;align-items:center;justify-content:center;transition:background .15s}
.tbi svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tb:hover .tbi{background:#fff}
.tbt{display:flex;flex-direction:column;min-width:0;line-height:1.3}.tbt b{font:700 15px var(--fh)}.tbt span{font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tba{margin-left:auto;color:var(--mu);transition:transform .15s,color .15s}.tb:hover .tba{transform:translateX(3px);color:var(--ink)}
@media(max-width:1100px){.tbar{margin-left:20px;margin-right:20px}}
@media(max-width:760px){.tbar{grid-template-columns:1fr 1fr;margin:16px 16px 0}.tb{padding:12px;gap:10px;border-left:0}.tb:nth-child(even){border-left:1px solid var(--bd)}.tb:nth-child(n+3){border-top:1px solid var(--bd)}.tbi{width:34px;height:34px}.tbi svg{width:19px;height:19px}.tbt b{font-size:14px}.tbt span{font-size:11.5px}.tba{display:none}}
.sec.slim{padding-top:72px}.sec.slim h2{font-size:clamp(24px,2.6vw,30px);margin-bottom:0}
@media(max-width:640px){.sec.slim{padding-top:48px}}
@media(max-width:760px){.tbt span{white-space:normal}}
.tbc{font-style:normal}@media(max-width:760px){.tbc{display:none}}
.tba{display:none}
/* 2.2: cart totals + PayNow number */
.sumt{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:15px}.sumt td{padding:6px 0}.sumt td+td{text-align:right}.sumt .gt td{border-top:1px solid var(--bd);padding-top:10px;font:700 20px var(--fh)}
.fd{margin:0 0 12px;font-size:14px;color:var(--ink);background:var(--alt);border:1px solid var(--bd);border-radius:4px;padding:8px 12px}
.sm2{font-size:13px;color:var(--mu);margin:2px 0 6px}
.pn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--bd);border-radius:6px;padding:14px;margin:12px 0 8px}.pn span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);font-weight:600}.pn b{font:800 30px var(--fh);letter-spacing:.04em}.pn button{padding:8px 16px;font-size:13px}
.steps{margin:14px 0 16px;padding-left:20px;font-size:14px;color:var(--ink)}.steps li{margin-bottom:4px}