:root{
  --bg: #000;
  --card: #111;
  --accent: #FFD700;
  --muted: #ccc;
  --whatsapp: #25D366;
  --text: #FFD700;
  --button-text: #000;
  --green-active: #2ecc71;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:"Arial",sans-serif;background:var(--bg);color:var(--text);}
.container{max-width:1100px;margin:12px auto;padding:10px}
.site-header{background:#111;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid rgba(255,215,0,0.06);}
.branding{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px;object-fit:contain}
.site-header h1{margin:0;font-size:1.2rem;color:var(--text)}
.datetime{font-size:0.9rem;color:var(--muted);opacity:0.9}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:12px;padding:12px;margin-bottom:14px;}
.section h2{margin:0 0 8px 0;color:var(--accent)}
.btn{background:var(--accent);color:var(--button-text);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:0.95rem;}
.btn.outline{background:transparent;border:1px solid rgba(255,215,0,0.2);color:var(--accent);}
.btn.primary{background:var(--accent);color:#000;}
.btn.small{padding:4px 8px;font-size:0.85rem;border-radius:6px;}
.btn.fullwidth{width:100%;display:block;margin-top:8px;}
.btn.whatsapp{background:var(--whatsapp);color:#fff;font-size:1.05rem;padding:12px;font-weight:800;border-radius:10px;}
.btn.active, .btn.active:focus, .btn.active:hover{background: var(--green-active) !important;color:#fff !important;box-shadow:0 6px 18px rgba(0,0,0,0.4);}
.product-grid{display:grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.product-card{background:#121212;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;}
.product-title{font-weight:700;font-size:0.95rem;color:var(--accent);margin-bottom:6px;}
.product-ingredients{font-size:0.85rem;color:var(--muted);margin-bottom:8px;}
.product-calorias{font-size:0.8rem;color:var(--muted);margin-bottom:4px;}
.product-price{font-weight:800;margin-bottom:8px;color:#fff;}
.product-controls{display:flex;gap:8px;align-items:center;}
.product-qty{width:64px;text-align:center;padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:#222;color:#fff;}
.cart-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.address-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.address-grid input{flex:1 1 30%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:#121212;color:#fff;}
.cart-summary{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed rgba(255,255,255,0.04);margin-top:8px;font-size:1.1rem;color:var(--muted);}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:all .25s ease;z-index:9999;}
.toast.show{opacity:1;pointer-events:auto;}
@media (max-width:600px){.product-grid{grid-template-columns: 1fr;}.branding h1{font-size:1rem;}}