:root { --accent:#FF3B5C; --text:#151515; --bg:#FFFFFF; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--text); }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, serif; }
a { color:inherit; text-decoration:none; }
.container { max-width: 1200px; margin:0 auto; padding:0 22px; }

.header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.92); border-bottom:1px solid #eee; backdrop-filter: blur(6px);}
.nav { display:flex; align-items:center; gap:14px; padding:14px 0; }
.nav .brand { display:flex; align-items:center; gap:10px; font-weight:600; }
.nav .brand img { width:34px; height:34px; }
.nav .links { margin-left:auto; display:flex; gap:18px; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.nav a:hover { color:var(--accent); }

.hero { padding: 32px 0 12px; }
.hero img { width:100%; height:auto; border-radius:10px; }
.caption { color:#666; font-size:14px; margin-top:6px; }

.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding: 14px 0 48px; }
.card { border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; }
.card img { width:100%; height:auto; display:block; }
.meta { padding:12px 14px; display:flex; justify-content:space-between; align-items:baseline; }
.title { font-weight:600; }
.price { color:#666; }

.section-title { font-family: Georgia, 'Times New Roman', serif; font-size:28px; margin: 24px 0 6px; }
.lead { color:#555; line-height:1.6; max-width:68ch; }
.footer { border-top:1px solid #eee; padding:24px 0; color:#666; font-size:14px; }

@media (max-width: 960px) { .grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 620px) { .grid { grid-template-columns:1fr; } .nav .links { display:none; } }