:root{
  --cream:#fdf8f1; --paper:#fffdf9; --blush:#f3d9cf; --blush-deep:#d99a86;
  --sage:#a8bfa5; --sage-deep:#6f8f6a; --ink:#3d3229; --muted:#7a6a5c;
  --gold:#c9a227; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.55}
a{color:var(--sage-deep)}
header.site{background:var(--paper);border-bottom:3px solid var(--blush);padding:18px 20px;text-align:center}
header.site .brand{font-size:2rem;letter-spacing:.04em;color:var(--ink);text-decoration:none;font-weight:bold}
header.site .tagline{color:var(--muted);font-style:italic;margin-top:2px}
nav.main{margin-top:10px}
nav.main a{margin:0 12px;text-decoration:none;color:var(--ink)}
nav.main a:hover{color:var(--blush-deep);text-decoration:underline}
main{max-width:1080px;margin:0 auto;padding:24px 18px 48px}
.hero{background:linear-gradient(135deg,var(--blush) 0%,var(--cream) 55%,#e3ecdf 100%);border-radius:var(--radius);padding:36px 28px;text-align:center;margin-bottom:30px}
.hero h1{margin:0 0 10px;font-size:1.9rem}
.hero p{margin:0 auto;max-width:640px;color:var(--muted)}
.hero .cta{display:inline-block;margin-top:18px;background:var(--sage-deep);color:#fff;padding:11px 22px;border-radius:999px;text-decoration:none}
.hero .cta:hover{background:var(--sage)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:var(--paper);border:1px solid #eadfd2;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h2{font-size:1.08rem;margin:0;line-height:1.35}
.card p{margin:0;color:var(--muted);font-size:.95rem;flex:1}
.card .row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.price{font-weight:bold;color:var(--ink)}
.buy{background:var(--blush-deep);color:#fff;padding:8px 16px;border-radius:999px;text-decoration:none;font-size:.92rem}
.buy:hover{background:var(--gold)}
.note{background:#eef3ec;border:1px solid var(--sage);border-radius:var(--radius);padding:16px 20px;margin-top:30px}
section.page{background:var(--paper);border:1px solid #eadfd2;border-radius:var(--radius);padding:26px 28px}
section.page h1{margin-top:0}
footer.site{text-align:center;color:var(--muted);padding:22px 16px 34px;font-size:.9rem}
footer.site a{color:var(--muted)}