:root{--ink:#1d1d1d;--carbon:#343333;--muted:#6b6763;--line:#e7e4df;--soft:#f5f3f0;--accent:#D9572B;--accent-ink:#b8441c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.95;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:24px;height:68px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:118px;height:auto}.brand span{font-size:11px;letter-spacing:3px;color:var(--muted);font-weight:700;direction:ltr}
nav.top{display:flex;gap:22px;margin-inline-start:auto;font-size:15px;font-weight:600}nav.top a{text-decoration:none;color:var(--carbon)}nav.top a:hover{color:var(--accent)}
.shop{background:var(--accent);color:#fff;text-decoration:none;padding:8px 18px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}.shop:hover{background:var(--accent-ink)}
.hero{background:var(--carbon);color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:48px;padding-bottom:48px}
.crumbs{font-size:13px;color:#cfcac4;margin-bottom:14px}.crumbs a{text-decoration:none;color:#cfcac4}.crumbs a:hover{color:#fff}
.eyebrow{display:inline-block;color:var(--accent);font-weight:800;font-size:14px;letter-spacing:.5px;border-bottom:2px solid var(--accent);padding-bottom:2px}
h1{font-size:clamp(30px,4vw,50px);line-height:1.35;margin:14px 0 14px;font-weight:800}
.lede{font-size:19px;color:#e9e5e0;margin:0 0 18px}.meta{font-size:14px;color:#bdb7b0;margin:0}
.cover{margin:0}.cover img{width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding-top:44px;padding-bottom:30px}
.toc{position:sticky;top:90px;align-self:start;font-size:14.5px}.toc summary{font-weight:800;cursor:pointer;margin-bottom:8px}.toc ol{margin:0;padding-inline-start:18px;border-inline-start:2px solid var(--line)}.toc li{margin:6px 0;line-height:1.6}.toc a{text-decoration:none;color:var(--muted)}.toc a:hover{color:var(--accent)}
.content{max-width:760px}.content>p:first-child{font-size:20px}
.content h2{font-size:28px;line-height:1.45;margin:44px 0 10px;scroll-margin-top:90px;font-weight:800}.content h2::before{content:"";display:block;width:42px;height:4px;background:var(--accent);border-radius:2px;margin-bottom:12px}
.content h3{font-size:21px;margin:28px 0 6px;font-weight:700}.content h3 .num{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:16px;margin-inline-end:8px;vertical-align:middle}
.content p{margin:0 0 16px}.content ul,.content ol{padding-inline-start:24px;margin:0 0 18px}.content li{margin:6px 0}.content li::marker{color:var(--accent);font-weight:700}
.content strong{font-weight:800}.content a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
blockquote.note{margin:18px 0;padding:14px 18px;background:var(--soft);border-inline-start:4px solid var(--accent);border-radius:8px;font-size:16px;color:var(--carbon)}blockquote.note p{margin:0}
.cta{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--carbon);color:#fff;border-radius:14px;padding:26px 28px;margin:44px 0}.cta strong{font-size:21px}.cta p{margin:6px 0 0;color:#d8d3cd;font-size:15.5px}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none!important;padding:11px 26px;border-radius:999px;font-weight:800;white-space:nowrap}.btn:hover{background:var(--accent-ink)}
.faq details{border:1px solid var(--line);border-radius:10px;padding:4px 18px;margin:10px 0;background:#fff}.faq summary{cursor:pointer;font-weight:700;padding:10px 0;font-size:18px;list-style:none;position:relative;padding-inline-end:28px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;inset-inline-end:0;color:var(--accent);font-size:24px;line-height:1.4}.faq details[open] summary::after{content:"–"}.faq details p{margin:0 0 12px;color:var(--carbon)}
.disclaimer{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:30px}
.related{padding-top:20px;padding-bottom:60px}.related h2,.cat-block h2{font-size:26px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{text-decoration:none;display:block}.card img{border-radius:12px;aspect-ratio:6/5;object-fit:cover;margin-bottom:12px;transition:transform .25s}.card:hover img{transform:translateY(-3px)}
.card .cat{font-size:13px;color:var(--accent);font-weight:800}.card strong{display:block;font-size:19px;line-height:1.5;margin-top:2px}.card:hover strong{color:var(--accent-ink)}.card p{font-size:15px;color:var(--muted);margin:6px 0 0;line-height:1.7}
.cat-block .cards{grid-template-columns:repeat(4,1fr);gap:22px}.cat-block .card strong{font-size:17.5px}.cat-block{padding:36px 0 10px;border-bottom:1px solid var(--line)}.cat-block:last-child{border:0;padding-bottom:60px}
.hero.home h1{font-size:clamp(34px,5vw,60px)}.hero.home .btn{margin-top:8px}
footer.site{background:#161616;color:#fff;text-align:center;padding:44px 0}footer.site img{margin:0 auto 10px;width:170px}footer.site .tag{margin:0;font-weight:700}footer.site .links a,footer.site .small a{color:#d8d3cd;text-decoration:none}footer.site .small{font-size:13px;color:#9b958f}
@media(max-width:960px){.cat-block .cards{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr;gap:10px}.toc{position:static;background:var(--soft);border-radius:10px;padding:12px 16px}.toc details:not([open]) ol{display:none}.cards{grid-template-columns:repeat(2,1fr)}nav.top{display:none}.shop{margin-inline-start:auto}}
@media(max-width:760px){body{font-size:17px}.hero-grid{grid-template-columns:1fr;gap:22px;padding-top:24px;padding-bottom:30px}.cover{order:-1}.content h2{font-size:24px}.cta{flex-direction:column;align-items:flex-start}.cards,.cat-block .cards{grid-template-columns:1fr}.bar{height:60px}.brand img{width:104px}}