:root {
  --bg: #fdfaf5; --card-bg:#ffffff; --text:#2b2620; --muted:#6b6257;
  --accent:#2f8f4e; --accent-dark:#1f6b38; --pink:#e0568c; --border:#ece6da;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#17140f; --card-bg:#211d17; --text:#f1ece2; --muted:#b0a793; --border:#34302a; }
}
:root[data-theme="dark"] { --bg:#17140f; --card-bg:#211d17; --text:#f1ece2; --muted:#b0a793; --border:#34302a; }
html { scroll-padding-top: env(safe-area-inset-top,0px); }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,"Segoe UI",Roboto,sans-serif; }
nav { display:flex; justify-content:center; gap:22px; padding:14px 12px; border-bottom:1px solid var(--border); flex-wrap:wrap; }
nav a { color:var(--text); text-decoration:none; font-size:0.9rem; font-weight:600; padding:4px 2px; }
nav a.active { color:var(--accent); border-bottom:2px solid var(--accent); }
header.hero { padding:32px 20px 22px; text-align:center; border-bottom:1px solid var(--border); }
header.hero h1 { margin:0 0 4px; font-size:1.7rem; letter-spacing:0.5px; }
header.hero p { margin:0 0 16px; color:var(--muted); font-size:0.92rem; }
.whatsapp-btn { display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#fff; text-decoration:none; padding:12px 22px; border-radius:999px; font-weight:600; font-size:0.95rem; }
.whatsapp-btn:active { background:var(--accent-dark); }
.note { max-width:640px; margin:18px auto 0; padding:12px 16px; background:var(--card-bg); border:1px solid var(--border); border-radius:12px; font-size:0.85rem; color:var(--muted); text-align:center; }
main { max-width:960px; margin:0 auto; padding:24px 16px 60px; }
section { margin-bottom:36px; }
section h2 { font-size:1.15rem; border-left:4px solid var(--accent); padding-left:10px; margin-bottom:14px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.card { background:var(--card-bg); border:1px solid var(--border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.card img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.gallery img { flex:0 0 100%; scroll-snap-align:start; }
.gallery::-webkit-scrollbar { display:none; }
.dots { display:flex; justify-content:center; gap:4px; padding:6px 0 0; }
.dots span { width:5px; height:5px; border-radius:50%; background:var(--border); }
.card-body { padding:10px 12px 14px; }
.card-body h3 { margin:0 0 4px; font-size:0.92rem; line-height:1.25; }
.price { margin:0; color:var(--accent); font-weight:700; font-size:0.95rem; }
.promo-card { background:var(--card-bg); border:1px solid var(--border); border-radius:16px; padding:20px; margin-bottom:20px; }
.promo-card h2 { border:none; padding:0; margin:0 0 8px; }
.promo-tag { display:inline-block; background:var(--pink); color:#fff; font-size:0.75rem; font-weight:700; padding:3px 10px; border-radius:999px; margin-bottom:10px; }
.about-links { display:flex; flex-direction:column; gap:10px; max-width:340px; margin:20px auto 0; }
.about-links a { display:block; text-align:center; padding:12px; border-radius:12px; border:1px solid var(--border); background:var(--card-bg); color:var(--text); text-decoration:none; font-weight:600; }
footer { text-align:center; padding:20px; color:var(--muted); font-size:0.8rem; }
.home-links { display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:480px; margin:26px auto 0; }
.home-links a { display:flex; flex-direction:column; align-items:center; gap:6px; padding:22px 10px; border-radius:16px; background:var(--card-bg); border:1px solid var(--border); text-decoration:none; color:var(--text); font-weight:700; font-size:0.95rem; }
.home-links a span.emoji { font-size:1.6rem; }