:root{--ink:#14213d;--muted:#5b6478;--line:#e3e7ef;--bg:#fff;--soft:#f5f7fb;--brand:#1d4ed8;--accent:#b45309;--ok:#0f766e;--r:14px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.01em}
h2{font-size:1.3rem}
h3{font-size:1rem}
p{margin:0 0 1em}
svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.muted{color:var(--muted);font-size:.93rem}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:5}
.top-in{display:flex;align-items:center;gap:20px;height:56px}
.brand{font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none}
.top nav{display:flex;gap:16px;flex:1}.top nav a{color:var(--muted);text-decoration:none;font-size:.95rem}
.pill{display:inline-flex;align-items:center;gap:6px;background:#e6f6f3;color:var(--ok);font-weight:600;font-size:.85rem;padding:5px 11px;border-radius:99px}
.hero{background:linear-gradient(180deg,var(--soft),#fff);padding:48px 0 28px}
.lead{font-size:1.08rem;color:#35405a;max-width:62ch}
.tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:.9rem}
.chip{border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:.82rem;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:24px 0}
.card{display:block;border:1px solid var(--line);border-radius:var(--r);padding:12px;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 8px 24px #14213d1a;transform:translateY(-2px)}
.thumb,.shot{position:relative;aspect-ratio:1;border-radius:10px;background:var(--soft);display:grid;place-items:center;overflow:hidden;margin-bottom:12px}
.thumb span,.shot span{font-size:3rem;font-weight:800;color:#c3cbe0}
.shot span{font-size:6rem}
.thumb img,.shot img{width:100%;height:100%;object-fit:contain}
.thumb em{position:absolute;top:8px;left:8px;font:600 .7rem/1 system-ui;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 8px}
.card h3{margin:0}.card .muted{margin:0 0 8px}
.price{color:var(--accent);font-weight:700;margin:0}
.cod{display:flex;align-items:center;gap:5px;color:var(--ok);font-size:.82rem;margin:4px 0 0}
.block{margin-block:44px}
.block h2{margin-bottom:.6em}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}
thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--soft)}
tbody tr:last-child>*{border-bottom:0}
dl dt{font-weight:700;margin-top:14px}dl dd{margin:2px 0 0;color:#35405a}
.spec{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.spec dt{margin:0;color:var(--muted);font-weight:600}.spec dd{margin:0}
details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:8px}
summary{font-weight:600;cursor:pointer}details p{margin:.6em 0 0;color:#35405a}
.how{background:var(--soft);padding:44px 0;margin-top:44px}
.steps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.steps svg{width:26px;height:26px;color:var(--brand);margin-bottom:8px}
.steps p{margin:0;color:#35405a;font-size:.93rem}
.crumbs{font-size:.85rem;color:var(--muted);margin:18px 0}.crumbs a{color:var(--muted)}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:start}
.cat{color:var(--ok);font-weight:600;margin-top:-.3em}
.bigprice{font-size:2.1rem;font-weight:800;color:var(--accent);margin:.2em 0 .5em}
.bigprice small{font-size:.85rem;font-weight:500;color:var(--muted)}
.order{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:#fff;box-shadow:0 6px 20px #14213d0f}
.order h2{font-size:1.05rem;margin:0}.order .muted{margin:.2em 0 1em}
.order label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 5px}
.order input{width:100%;font:inherit;padding:12px;border:1px solid #c9d0de;border-radius:10px}
.order input:focus{outline:2px solid var(--brand);outline-offset:1px}
.tel{display:flex;gap:8px}.tel span{display:grid;place-items:center;padding:0 12px;border:1px solid #c9d0de;border-radius:10px;background:var(--soft);font-weight:600}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.order button{width:100%;margin-top:16px;font:700 1rem/1 system-ui;padding:16px;border:0;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer}
.order button:hover{background:#92400e}.order button:disabled{opacity:.6;cursor:wait}
.err{color:#b91c1c;font-size:.9rem;margin:10px 0 0}
.consent{font-size:.78rem;color:var(--muted);margin:12px 0 0}
.cta{background:var(--soft);border-radius:var(--r);padding:24px}
.page{padding:20px 20px 60px}
.thanks{text-align:center;padding-top:70px}
.btnlink{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;padding:12px 20px;border-radius:10px}
.countries{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.foot{border-top:1px solid var(--line);margin-top:60px;padding:36px 0 20px;font-size:.9rem}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:28px}
.foot h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.foot ul{list-style:none;padding:0;margin:0}.foot li{margin-bottom:6px}.foot a{color:var(--ink);text-decoration:none}.foot a:hover{text-decoration:underline}
.legal{color:var(--muted);font-size:.8rem;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
@media(max-width:760px){.pdp{grid-template-columns:1fr;gap:16px}.shot{max-height:260px}.foot-in{grid-template-columns:1fr}.top nav{display:none}.top-in{justify-content:space-between}}
.top nav a[aria-current]{color:var(--ink);font-weight:600}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.cat a{color:inherit}
a.chip{text-decoration:none;color:var(--ink)}a.chip:hover{border-color:var(--brand)}
.block h2 a{color:inherit;text-decoration:none}.block h2 a:hover{text-decoration:underline}
.catlist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.catlist a{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;color:var(--ink)}
.catlist a:hover{border-color:var(--brand)}
.hero .lead{margin-bottom:.3em}.hero .countries{margin-top:18px}
.country{scroll-margin-top:70px;border-top:1px solid var(--line);padding-top:36px}
.where{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:4px 11px;white-space:nowrap}.where:hover{border-color:var(--brand)}
@media(max-width:760px){.top .pill{display:none}}
