
:root{--bg:#f7f5f1;--ink:#121212;--muted:#6f6f6f;--gold:#c8a463;--line:#dedbd5;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.topbar{font-size:12px;background:#f1eee8;padding:8px 4vw;display:flex;justify-content:space-between;gap:12px}
header{position:sticky;top:0;z-index:30;background:#0d0d0d;color:#fff;display:flex;align-items:center;padding:14px 4vw;gap:30px}
.logo{font-family:Georgia,serif;font-weight:800;line-height:.85;font-size:22px;min-width:130px}.logo small{display:block;font-family:Arial;font-size:9px;letter-spacing:2px;margin-top:6px}
nav{display:flex;gap:22px;font-size:14px;flex:1}.icons{display:flex;gap:14px;align-items:center}
.lang{background:#fff;border:1px solid #ccc;padding:7px 9px}.hamb{display:none}
.container{width:min(1180px,92vw);margin:auto}
.hero{min-height:530px;background:url('img/hero.svg') center/cover;display:flex;align-items:center;color:#fff}
.hero .inner{width:min(1180px,92vw);margin:auto}.hero h1{font:700 clamp(44px,7vw,88px) Georgia;margin:0 0 12px}.hero p{font-size:22px;margin:0 0 28px}
.btn{display:inline-block;background:#111;color:#fff;padding:14px 24px;border-radius:4px;border:1px solid #111;cursor:pointer}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.light{background:#fff;color:#111}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.benefit b{display:block;font-size:13px}.benefit span{font-size:12px;color:var(--muted)}
section{padding:52px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font:700 32px Georgia;margin:0}.section-head a{font-size:13px;text-decoration:underline}
.categories,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category,.card{background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.category img,.card img{width:100%;aspect-ratio:1/1;object-fit:cover}.category .meta,.card .meta{padding:14px}
.category h3,.card h3{margin:0 0 6px;font-size:15px}.price{font-weight:800;margin-top:8px}.old{color:#999;text-decoration:line-through;margin-left:8px;font-weight:400}
.badge{position:absolute;margin:10px;background:#111;color:#fff;border-radius:3px;padding:5px 7px;font-size:10px}.card{position:relative}
.band{background:#111;color:#fff;border-radius:10px;padding:40px;background-image:linear-gradient(90deg,#111 20%,transparent),url('img/hero.svg');background-size:cover;background-position:center;min-height:260px}
.band h2{font:700 38px Georgia;margin:0 0 10px}.band p{max-width:420px;color:#ddd;line-height:1.6}
.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:20px;cursor:pointer}.chip.active{background:#111;color:#fff}
.search{padding:10px 12px;border:1px solid var(--line);min-width:240px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;padding:42px 0}
.gallery{display:grid;grid-template-columns:90px 1fr;gap:16px}.thumbs img{margin-bottom:10px;border:1px solid var(--line);cursor:pointer}.main-image{background:#fff;border:1px solid var(--line)}
.product-info h1{font:700 40px Georgia;margin:8px 0}.rating{color:#c59224;font-size:14px}.stock{color:#2b8c4b;font-size:13px;margin:12px 0}
.swatches,.sizes{display:flex;gap:9px;margin:10px 0 20px}.swatch,.size{width:34px;height:34px;border:1px solid #bbb;border-radius:50%;background:#111}.size{border-radius:3px;background:#fff;display:grid;place-items:center;font-size:12px}.size.active{border:2px solid #111}
.quantity{display:flex;align-items:center;gap:12px;margin:14px 0}.quantity button{width:34px;height:34px}
.tabs{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.tabs p,.tabs li{color:#555;line-height:1.6}
footer{background:#111;color:#ddd;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px}footer h4{color:#fff}footer a{display:block;color:#bbb;font-size:13px;margin:9px 0}
.newsletter{display:flex}.newsletter input{flex:1;padding:11px;border:0}.newsletter button{padding:11px 14px;border:0}
.page-title{padding:42px 0 12px}.page-title h1{font:700 44px Georgia;margin:0}.prose{max-width:820px;line-height:1.7;color:#444}.faq details{background:#fff;border:1px solid var(--line);padding:16px;margin:10px 0}
.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{border-bottom:1px solid var(--line);padding:16px;text-align:left}.cart-total{margin-left:auto;max-width:360px;background:#fff;border:1px solid var(--line);padding:24px}
.cookie{position:fixed;bottom:18px;left:18px;right:18px;max-width:620px;background:#111;color:#fff;padding:16px;z-index:50;border-radius:8px;display:none}
.cookie button{float:right;margin-left:8px}
@media(max-width:900px){nav{display:none}.hamb{display:block}.benefits,.categories,.grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.topbar{font-size:11px}}
@media(max-width:560px){.benefits,.categories,.grid,.catalog-grid{grid-template-columns:1fr}.hero{min-height:430px}.footer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.thumbs{display:flex;gap:8px}.thumbs img{width:70px}.product-info h1{font-size:32px}}
