:root{--bg:#FBF8F3;--card:#FFFFFF;--ink:#22302C;--muted:#66706B;--line:#E4DED2;--green:#1F3D36;--gold:#A8814A;--chip:#F1EBDF}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Inter",system-ui,-apple-system,sans-serif}
a{color:var(--green)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
header.top{border-bottom:1px solid var(--line);background:var(--card)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{font:600 20px "Lora",Georgia,serif;letter-spacing:.02em;color:var(--green);text-decoration:none}
.brand span{color:var(--gold)}
nav a{margin-left:18px;text-decoration:none;font-size:15px}
.hero{padding:56px 0 32px}
.hero h1{font:600 clamp(32px,5vw,52px)/1.1 "Lora",Georgia,serif;color:var(--green);margin:0 0 14px;max-width:18ch}
.hero p{font-size:18px;color:var(--muted);max-width:60ch;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips span{background:var(--chip);border-radius:999px;padding:4px 12px;font-size:14px}
h2{font:600 26px "Lora",Georgia,serif;color:var(--green);margin:40px 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.card:hover{border-color:var(--gold)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card .b{padding:14px 16px 16px;display:grid;gap:4px}
.card h3{font:600 18px/1.3 "Lora",Georgia,serif;margin:0}
.card .p{color:var(--gold);font-weight:600}
.card .s{color:var(--muted);font-size:14px}
.prod{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:32px 0}
@media(max-width:820px){.prod{grid-template-columns:1fr}}
.prod h1{font:600 clamp(28px,4vw,40px)/1.15 "Lora",Georgia,serif;color:var(--green);margin:0 0 8px}
.price{font:600 24px "Lora",Georgia,serif;color:var(--gold);margin:0 0 16px}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:600}
.btn:hover{background:#163029}
.note{color:var(--muted);font-size:14px}
.gal{display:grid;gap:12px}.gal img{border-radius:8px;border:1px solid var(--line)}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.desc{white-space:pre-line;font-size:15px}
footer{border-top:1px solid var(--line);margin-top:56px;padding:24px 0;color:var(--muted);font-size:14px}