:root{
  --accent:#e07c7c;
  --bg:#fff;
  --text:#222;
  --muted:#666;
  --free:#1a7f37;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--text);}
a{color:inherit;text-decoration:none;}
.container{max-width:1100px;margin:0 auto;padding:16px;}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:20;}
nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;}
nav .left{display:flex;align-items:center;gap:14px;}
nav .logo{display:flex;align-items:center;gap:10px;font-weight:700;}
nav .links a{margin:0 8px;color:#444;}
nav .links a.active{color:var(--accent);font-weight:600;}
.grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px){.grid{grid-template-columns:1fr;}}
.card{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.card img{width:100%;height:260px;object-fit:cover;}
.card .pad{padding:12px;}
.button{background:var(--accent);border:none;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(224,124,124,.35);}
.button.secondary{background:#f6f6f6;color:#333;box-shadow:none;}
.button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);}
.button.block{display:block;width:100%;text-align:center;justify-content:center;}
.muted{color:var(--muted);font-size:.95rem;}
.price{font-weight:700;margin-top:4px;}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;padding:20px 0;}
.hero img{width:100%;border-radius:20px;box-shadow:0 6px 24px rgba(0,0,0,.08);}
@media(max-width:900px){.hero{grid-template-columns:1fr;}}
footer{border-top:1px solid #eee;margin-top:40px;padding:20px;color:#555;}
/* Floating buttons */
.fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(224,124,124,.4);z-index:50;}
.fab-whatsapp{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:50;}
@media(max-width:640px){
  .fab{right:14px;bottom:14px;width:52px;height:52px;}
  .fab-whatsapp{left:14px;bottom:14px;width:52px;height:52px;}
}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f7e8e8;color:#8b4b4b;font-weight:600;}
/* Cart */
.cart-list .item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f1e9e9;}
.cart-list .item img{width:88px;height:88px;border-radius:12px;object-fit:cover;}
.cart-list .qty{display:flex;align-items:center;gap:8px;}
.summary{border:1px solid #eee;border-radius:14px;padding:12px;background:#fff;}
.row{display:flex;justify-content:space-between;margin:6px 0;}
.free{color:var(--free);font-weight:700;}
/* Orders page */
.order-card{border:1px solid #eee;border-radius:16px;padding:12px;background:#fff;}
.order-items{margin-top:8px;}
.order-items .item{display:flex;gap:10px;align-items:center;margin:6px 0;}
.order-items .item img{width:60px;height:60px;border-radius:8px;object-fit:cover;}
.clear-btn{background:#eee;color:#000;border:none;border-radius:12px;padding:8px 12px;cursor:pointer;}