:root{--bg:#f7efe5;--ink:#342217;--brown:#6b3d20;--green:#285c45;--card:#fffaf5;--gold:#c99752}
*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}
header{padding:28px 18px;text-align:center;background:linear-gradient(135deg,#3d2417,#80512d);color:white}
.logo{font-family:Georgia,serif;font-size:38px;letter-spacing:5px}.tag{font-style:italic}
nav{display:flex;gap:8px;overflow:auto;padding:12px;position:sticky;top:0;background:#fff8;backdrop-filter:blur(8px);z-index:5}
nav button,.btn{border:0;border-radius:999px;padding:11px 16px;background:var(--brown);color:#fff;font-weight:700}
.wrap{max-width:980px;margin:auto;padding:16px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.hero img,.card img{width:100%;border-radius:20px;object-fit:cover}.hero img{height:330px}
.card{background:var(--card);border-radius:20px;padding:14px;box-shadow:0 8px 25px #0001}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card img{height:160px}
.price{font-size:20px;font-weight:800;color:var(--brown)} h2{margin-top:34px}
.promo{background:#efe1c8;border:1px solid #d7b989}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}
footer{margin-top:35px;background:#332218;color:white;padding:28px;text-align:center}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero img{height:250px}.grid{grid-template-columns:1fr 1fr}.card img{height:135px}}
@media(max-width:440px){.grid{grid-template-columns:1fr}.card img{height:210px}}