:root{
  --bg:#fbfbfb;
  --accent:#d49b2a;
  --muted:#666;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:#111;line-height:1.5}
.container{max-width:980px;margin:0 auto;padding:28px}
.hero{background:linear-gradient(180deg, #fffaf0 0%, #fff 100%);border-bottom:1px solid #eee;padding:48px 0}
.hero h1{margin:0;font-size:28px;color:#222}
.subtitle{color:var(--muted);margin-top:6px}
.cta{display:inline-block;margin-top:14px;background:var(--accent);color:#111;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
section{margin-top:28px;background:var(--card);padding:20px;border-radius:10px;box-shadow:0 6px 18px rgba(17,17,17,0.03)}
h2{margin-top:0}
.products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.products li{padding:12px;border-radius:8px;background:linear-gradient(180deg,#fff,#faf9f7);border:1px solid #f0e8da}
.products li > *{position:relative}
.products h3{margin:0 0 6px 0}
a.whatsapp{display:inline-block;padding:8px 12px;background:#25D366;color:#fff;border-radius:8px;text-decoration:none}
footer{margin:24px 0 60px 0;text-align:center;color:var(--muted);font-size:14px}

/* Subtle scattered bee icons on page background */
/* no background overlays */

@media (max-width:520px){.hero{padding:28px 0}.container{padding:18px}}