:root{--navy:#0E2A47;--blue:#1565C0;--blue-50:#EAF2FC;--amber:#FFC21A;--amber-d:#F2A900;--ink:#1B2430;--muted:#5B6776;--line:#E3E8EF;--bg:#fff;--soft:#F6F8FB;--ok:#1E8E3E;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px}
img{max-width:100%;height:auto;display:block}a{color:var(--blue)}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.bar{background:var(--navy);color:#fff;font-size:13.5px;text-align:center;padding:8px 12px;font-weight:600;letter-spacing:.1px}
.bar b{color:var(--amber)}
header.top{border-bottom:1px solid var(--line);background:#fff}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
header.top .logo img{height:34px;width:auto}
header.top nav a{font-size:14px;color:var(--muted);text-decoration:none;margin-left:16px}
@media(max-width:640px){header.top nav .hide-m{display:none}}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:28px 0 12px}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:18px;padding-top:12px}}
.gallery .main{border-radius:var(--r);overflow:hidden;background:var(--soft);aspect-ratio:1/1}
.gallery .main img{width:100%;height:100%;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--soft);cursor:pointer;aspect-ratio:1/1}
.thumbs button[aria-current=true]{border-color:var(--blue)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.kicker{display:inline-block;background:var(--blue-50);color:var(--blue);font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:99px;letter-spacing:.2px}
h1{font-size:clamp(26px,4.2vw,36px);line-height:1.15;margin:10px 0 8px;color:var(--navy);letter-spacing:-.4px}
.sub{color:var(--muted);margin:0 0 14px;font-size:16.5px}
.pts{list-style:none;padding:0;margin:0 0 16px}
.pts li{padding-left:26px;position:relative;margin:6px 0;font-size:15.5px}
.pts li:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
/* offers */
.offers{display:grid;gap:10px;margin:6px 0 14px}
.offer{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:var(--r);padding:12px 14px;cursor:pointer;position:relative;background:#fff}
.offer input{position:absolute;opacity:0}
.offer .dot{width:20px;height:20px;border-radius:50%;border:2px solid #AAB4C2;flex:none}
.offer.sel{border-color:var(--blue);background:var(--blue-50)}
.offer.sel .dot{border:6px solid var(--blue)}
.offer .t{flex:1}.offer .t b{display:block;font-size:16px}.offer .t small{color:var(--muted)}
.offer .p{text-align:right;font-weight:800;font-size:18px;color:var(--navy)}
.offer .p small{display:block;font-weight:600;font-size:12.5px;color:var(--ok)}
.tag{position:absolute;top:-10px;right:12px;background:var(--amber);color:var(--navy);font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:99px;letter-spacing:.3px;text-transform:uppercase}
.variants{display:grid;gap:8px;margin-bottom:14px}
.vrow{display:grid;grid-template-columns:62px 1fr 1fr;gap:8px;align-items:center}
.vrow span{font-size:13.5px;color:var(--muted);font-weight:600}
select{appearance:none;-webkit-appearance:none;width:100%;font:inherit;font-size:15px;padding:11px 34px 11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%235B6776' stroke-width='2'/%3E%3C/svg%3E") right 10px center/18px no-repeat;color:var(--ink)}
.sizelink{font-size:13.5px;background:none;border:0;padding:0;color:var(--blue);text-decoration:underline;cursor:pointer;margin:-4px 0 12px}
.cta{display:block;width:100%;border:0;border-radius:12px;background:var(--amber);color:var(--navy);font-weight:800;font-size:18px;padding:16px;cursor:pointer;box-shadow:0 4px 0 var(--amber-d);transition:transform .08s}
.cta:active{transform:translateY(2px);box-shadow:0 2px 0 var(--amber-d)}
.cta[disabled]{opacity:.7;cursor:wait}
.cta small{display:block;font-weight:600;font-size:12.5px;opacity:.85}
.err{color:#B3261E;font-size:14px;margin:8px 0 0;display:none}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;text-align:center;font-size:12.5px;color:var(--muted)}
.trust div{background:var(--soft);border-radius:10px;padding:10px 6px}.trust b{display:block;color:var(--navy);font-size:13px}
.pay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}
.pay span{font-size:11.5px;font-weight:800;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--navy);background:#fff}
/* sections */
section.s{padding:44px 0}section.alt{background:var(--soft)}
h2{font-size:clamp(23px,3.4vw,30px);line-height:1.2;color:var(--navy);margin:0 0 10px;letter-spacing:-.3px;text-align:center}
.lead{color:var(--muted);text-align:center;max-width:640px;margin:0 auto 26px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.grid4{grid-template-columns:repeat(2,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card .ic{width:42px;height:42px;border-radius:12px;background:var(--blue-50);display:grid;place-items:center;margin-bottom:10px}
.card h3{font-size:16.5px;margin:0 0 4px;color:var(--navy)}.card p{margin:0;color:var(--muted);font-size:14.5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.split img{border-radius:var(--r)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 14px 58px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:grid;place-items:center}
.steps b{color:var(--navy)}
table.cmp,table.sz{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;font-size:15px}
table.cmp th,table.cmp td,table.sz th,table.sz td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}
table.cmp th:first-child,table.cmp td:first-child{text-align:left}
table.cmp thead th{background:var(--navy);color:#fff;font-size:14px}
table.cmp thead th.us{background:var(--blue)}
.y{color:var(--ok);font-weight:800}.n{color:#B3261E;font-weight:800}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.faq{max-width:760px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 16px}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);padding:15px 0;list-style:none;position:relative;padding-right:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--blue)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 15px;color:var(--muted)}
.final{text-align:center}.final .cta{max-width:420px;margin:16px auto 0}
footer{background:var(--navy);color:#C9D5E3;font-size:14px;padding:34px 0 90px}
footer a{color:#fff;text-decoration:none}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
@media(max-width:760px){footer .cols{grid-template-columns:1fr}}
footer h4{color:#fff;margin:0 0 8px;font-size:15px}footer ul{list-style:none;padding:0;margin:0}footer li{margin:6px 0}
footer .legal{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:14px;font-size:12.5px}
/* sticky */
.sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;z-index:40;transform:translateY(110%);transition:transform .25s;box-shadow:0 -6px 20px rgba(14,42,71,.08)}
.sticky.on{transform:none}
.sticky .pr{font-weight:800;color:var(--navy);line-height:1.1}.sticky .pr small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.sticky .cta{padding:12px;font-size:16px;flex:1}
/* modal */
dialog{border:0;border-radius:16px;padding:22px;max-width:520px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(14,42,71,.5)}
dialog .x{float:right;border:0;background:var(--soft);border-radius:50%;width:34px;height:34px;font-size:18px;cursor:pointer}
/* consent */
.consent{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(14,42,71,.18);padding:14px 16px;z-index:60;font-size:14px;display:none}
.consent p{margin:0 0 10px;color:var(--muted)}.consent .b{display:flex;gap:8px}
.consent button{flex:1;border-radius:10px;padding:10px;font-weight:700;font-size:14px;cursor:pointer;border:1.5px solid var(--navy)}
.consent .acc{background:var(--navy);color:#fff}.consent .rej{background:#fff;color:var(--navy)}
/* legal pages */
.doc{max-width:760px;margin:0 auto;padding:34px 16px 60px}
.doc h1{font-size:30px}.doc h2{text-align:left;font-size:21px;margin-top:28px}.doc p,.doc li{color:#33404F}
.box{background:var(--blue-50);border-radius:12px;padding:14px 16px}
form.f{display:grid;gap:12px}form.f input,form.f textarea{font:inherit;padding:12px;border:1.5px solid var(--line);border-radius:10px;width:100%}
form.f label{font-weight:600;font-size:14px;color:var(--navy)}
.btn2{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:480px){table.cmp{font-size:13.5px}table.cmp th,table.cmp td{padding:10px 5px}table.cmp td:first-child{padding-left:10px}}
select.bad{border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.15);animation:shake .3s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* accordion + description */
.acc{margin-top:14px;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;padding:14px 26px 14px 0;font-weight:700;color:var(--navy);position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";position:absolute;right:2px;top:10px;font-size:22px;color:var(--blue)}
.acc details[open] summary:after{content:"–"}
.acc .in{padding:0 0 14px;color:#33404F;font-size:15px}.acc .in p{margin:0 0 10px}
.acc ul{margin:0 0 10px;padding-left:18px}.acc li{margin:4px 0}
table.spec{width:100%;border-collapse:collapse;font-size:14.5px}
table.spec th,table.spec td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
table.spec th{color:var(--muted);font-weight:600;width:42%}
.video{max-width:480px;margin:0 auto;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:4/5}
.video video{width:100%;height:100%;display:block;object-fit:cover}
.story{max-width:760px;margin:0 auto;font-size:16.5px;color:#33404F}
.story p{margin:0 0 14px}.story h3{color:var(--navy);font-size:19px;margin:22px 0 8px}
.guar{display:flex;gap:16px;align-items:flex-start;background:#fff;border:2px solid var(--blue);border-radius:var(--r);padding:18px;max-width:760px;margin:26px auto 0}
.guar .seal{flex:none;width:64px;height:64px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;text-align:center;line-height:1.1}
.guar h3{margin:0 0 4px;color:var(--navy);font-size:18px}.guar p{margin:0;color:var(--muted)}
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.who{grid-template-columns:1fr 1fr}}
.who .card h3{font-size:15.5px}
.thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:0 0 72px;width:72px;height:72px;position:relative}
@media(min-width:861px){.thumbs button{flex-basis:76px;width:76px;height:76px}}
.thumbs .play{position:absolute;inset:0;margin:auto;width:30px;height:30px;border-radius:50%;background:rgba(14,42,71,.75)}
.thumbs .play:after{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.gallery .main{position:relative}
.gallery .main video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.video{aspect-ratio:720/816}
.vrow{grid-template-columns:50px 42px 1fr 1fr}
.vrow .sw{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:380px){.vrow{grid-template-columns:42px 38px 1fr 1fr}.vrow .sw{width:38px;height:38px}}
.hero>*{min-width:0}.gallery{min-width:0;max-width:100%}
[hidden]{display:none!important}
.gallery .main video{object-fit:contain}
.det{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.det{grid-template-columns:1fr 1fr;gap:10px}}
.det figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.det img{width:100%;aspect-ratio:1/1;object-fit:cover}
.det figcaption{padding:12px 14px 14px;font-size:14px;color:var(--muted);line-height:1.45}
.det figcaption b{display:block;color:var(--navy);font-size:15.5px;margin-bottom:3px;line-height:1.3}
@media(max-width:480px){.det figcaption{padding:10px;font-size:13px}.det figcaption b{font-size:14.5px}}
/* ===================== v2 — design moderno ===================== */
.buybox h1{margin-top:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--blue);background:var(--blue-50);border-radius:99px;padding:5px 10px}
.pline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:2px 0 10px}
.pline .from{font-size:15px;color:var(--muted)}.pline .from b{font-size:22px;color:var(--navy);font-weight:800}
.pline .fs{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--ok);background:#E8F5EC;border-radius:99px;padding:4px 10px}
.step{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);font-size:15px;margin:16px 0 10px}
.step .n{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px}
.step .sizelink{margin:0 0 0 auto;font-weight:600}
.ocards{display:grid;gap:10px}
.ocard{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border:2px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.ocard:hover{border-color:#B9C6D6}
.ocard input{position:absolute;opacity:0;pointer-events:none}
.ocard img{width:64px;height:64px;flex:none}
.ocard.sel{border-color:var(--blue);background:linear-gradient(180deg,#F4F8FE,#EAF2FC);box-shadow:0 6px 18px rgba(21,101,192,.14)}
.ocard.sel:after{content:"";position:absolute;left:-2px;top:-2px;width:22px;height:22px;border-radius:16px 0 10px 0;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.obody{flex:1;min-width:0}.obody b{display:block;font-size:16.5px;color:var(--navy)}.obody small{color:var(--muted);font-size:13px}
.orow{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:5px}
.osave{font-size:12px;font-weight:800;color:#fff;background:var(--ok);border-radius:6px;padding:2px 7px}
.osep{font-size:12px;color:var(--muted)}
.oprice{text-align:right}.oprice b{display:block;font-size:19px;color:var(--navy);font-weight:800}.oprice small{font-size:12.5px;color:var(--muted)}
.otag{position:absolute;top:-11px;right:14px;background:var(--amber);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:99px;padding:3px 10px}
.otag.dark{background:var(--navy);color:#fff}
.variants{display:grid;gap:10px;margin-bottom:14px}
.vrow{display:block;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.vhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px}
.vlbl{font-weight:800;color:var(--navy)}.vcol{color:var(--muted)}.vcol b{color:var(--ink)}
.sws{display:flex;gap:10px;margin-bottom:10px}
.swb{width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:var(--sw);box-shadow:0 0 0 1.5px #C9D2DD;cursor:pointer;padding:0;transition:box-shadow .15s,transform .1s}
.swb.on{box-shadow:0 0 0 2.5px var(--blue);transform:scale(1.06)}
.szs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:12px}
.szb{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:7px 4px;cursor:pointer;line-height:1.15;color:var(--ink)}
.szb b{display:block;font-size:15px}.szb small{font-size:11.5px;color:var(--muted)}
.szb.on{border-color:var(--navy);background:var(--navy);color:#fff}.szb.on small{color:#C9D5E3}
.szs.bad{box-shadow:0 0 0 2px #B3261E;animation:shake .3s}
.cta .ctat{display:block}
.eta{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#33404F;background:var(--blue-50);border-radius:12px;padding:10px 12px;margin:12px 0 0}
.eta svg{flex:none;margin-top:1px}
.paybox{margin:14px 0 4px;text-align:center}
.paybox .lbl{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:8px}
.pms{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pm{display:inline-flex;align-items:center;justify-content:center;width:58px;height:36px;background:#fff;border:1px solid var(--line);border-radius:8px}
.pms.foot{justify-content:flex-start;margin-top:18px}.pms.foot .pm{border-color:transparent}
.trust3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}
.trust3 div{text-align:center;background:var(--soft);border-radius:12px;padding:12px 6px;font-size:12px;color:var(--muted);line-height:1.3}
.trust3 svg{display:block;margin:0 auto 6px}.trust3 b{display:block;color:var(--navy);font-size:13.5px}
.pay{display:none}
/* ticker */
.ticker{background:var(--navy);color:#fff;overflow:hidden;white-space:nowrap;padding:12px 0;margin-top:22px}
.trk{display:inline-flex;gap:42px;animation:tick 32s linear infinite;padding-left:42px}
.trk span{font-weight:700;font-size:14px;letter-spacing:.2px}
.trk span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:12px;vertical-align:2px}
@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.trk{animation:none}}
.kick{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.kick.c{display:block;text-align:center}
/* problem */
.prob{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:860px){.prob{grid-template-columns:1fr 1fr}}
.prob div{background:#FFF6F5;border:1px solid #F6D7D3;border-radius:16px;padding:16px;font-size:13.5px;color:var(--muted)}
.prob svg{display:block;margin-bottom:8px}.prob b{display:block;color:var(--navy);font-size:15.5px;margin-bottom:2px}
/* solution */
.feat2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feat2 div{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:13.5px;color:var(--muted)}
.feat2 img{aspect-ratio:1/1;object-fit:cover;width:100%}
.feat2 b{display:block;color:var(--navy);font-size:15px;padding:10px 12px 0}.feat2 small{display:block;padding:2px 12px 12px}
/* zig-zag */
.zz{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:34px}
.zz.rev .zzimg{order:2}
.zzimg img{border-radius:20px;width:100%;aspect-ratio:1/1;object-fit:cover}
.zztxt h3{font-size:clamp(22px,3vw,28px);color:var(--navy);margin:0 0 8px;line-height:1.2;letter-spacing:-.3px}
.zztxt p{color:#33404F;margin:0 0 14px;font-size:16px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:13px;font-weight:700;color:var(--navy);border:1.5px solid var(--line);border-radius:99px;padding:5px 12px;background:#fff}
@media(max-width:860px){.zz{grid-template-columns:1fr;gap:14px}.zz.rev .zzimg{order:0}}
/* sizes */
.sizes4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:860px){.sizes4{grid-template-columns:1fr 1fr}}
.sizes4 div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center;font-size:13px;color:var(--muted)}
.sizes4 .sz{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:17px;margin-bottom:8px}
.sizes4 b{display:block;color:var(--navy);font-size:16px}
/* uses */
.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
@media(max-width:860px){.uses{grid-template-columns:1fr 1fr}}
.uses div{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:14px;padding:14px;font-weight:700;color:var(--navy);font-size:14.5px}
.uses svg{flex:none}
/* guarantees */
.guar3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
@media(max-width:860px){.guar3{grid-template-columns:1fr 1fr}}
.guar3 div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;font-size:13.5px;color:var(--muted)}
.guar3 svg{display:block;margin-bottom:10px}.guar3 b{display:block;color:var(--navy);font-size:15.5px;margin-bottom:4px}
.final .pms{justify-content:center}
@media(min-width:861px){.gallery{position:sticky;top:16px;align-self:start}}