:root{color:#fff6ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--dark:#140806;--panel:#23100c;--panel-soft:#30150e;--red:#c92519;--orange:#ff8a1f;--gold:#ffc857;--muted:#f4c7aa;background:#140806;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#ff8a1f3d,#0000 30rem),linear-gradient(145deg,#140806 0%,#280e0a 52%,#100604 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}main{width:min(1180px,100%);margin:0 auto;padding:1rem}.hero{background:linear-gradient(#1408066b,#140806d6),radial-gradient(circle at 80% 10%,#ffc85747,#0000 13rem),linear-gradient(135deg,#4a140d,#1d0b08);border:1px solid #ff8a1f40;border-radius:28px;margin:.5rem 0 1rem;padding:2rem 1.2rem;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057}.hero:after{content:"🍗";opacity:.18;font-size:7rem;position:absolute;bottom:-1.2rem;right:-.5rem;transform:rotate(-12deg)}.hero__badge,.section-heading span{width:fit-content;color:var(--gold);letter-spacing:.04em;text-transform:uppercase;background:#ff8a1f1f;border:1px solid #ffc85759;border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.06em;margin:.8rem 0 .5rem;font-size:clamp(2.5rem,14vw,5rem);line-height:.9}.hero p{color:#ffe2ce;max-width:38rem;margin:0;font-size:1.02rem;line-height:1.6}.hero__contact{background:var(--red);color:#fff;border-radius:16px;width:fit-content;margin-top:1rem;padding:.8rem 1rem;font-weight:900}.layout{grid-template-columns:1fr;gap:1rem;display:grid}.panel{background:#23100ce0;border:1px solid #ff8a1f2e;border-radius:24px;padding:1rem;box-shadow:0 20px 70px #00000038}.section-heading{gap:.65rem;margin-bottom:1rem;display:grid}.section-heading h2{margin:0;font-size:clamp(1.45rem,6vw,2rem)}.product-grid{gap:.8rem;display:grid}.product-card{background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid #ffffff14;border-radius:20px;gap:1rem;padding:1rem;display:grid}.product-card h3{margin:0 0 .35rem;font-size:1.1rem}.product-card p,.empty-cart,.helper-text{color:var(--muted);margin:0;line-height:1.5}.product-card__footer,.total-row,.cart-list li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.product-card__footer strong{color:var(--gold)}.quantity-control{background:#160805;border:1px solid #ff8a1f59;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.quantity-control button{color:#fff;cursor:pointer;background:0 0;border:0;width:2.5rem;height:2.5rem;font-size:1.35rem;font-weight:900}.quantity-control button:hover{background:var(--red)}.quantity-control span{min-width:2rem;color:var(--gold);text-align:center;font-weight:900}.summary{align-self:start;position:sticky;top:1rem}.cart-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.cart-list li{border-bottom:1px solid #ffffff14;padding-bottom:.8rem}.cart-list small{color:var(--muted)}.total-row{background:var(--panel-soft);border-radius:18px;margin:1rem 0;padding:1rem;font-size:1.1rem}.total-row strong{color:var(--gold);font-size:1.35rem}.customer-form{gap:.85rem;display:grid}.customer-form label{color:#ffe9dc;gap:.4rem;font-weight:800;display:grid}.customer-form input,.customer-form select,.customer-form textarea{color:#fff6ed;background:#130806;border:1px solid #ff8a1f40;border-radius:14px;outline:none;width:100%;padding:.85rem}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a1f29}.whatsapp-button{color:#fff;background:linear-gradient(135deg,#19a85a,#0b7d3d);border-radius:999px;justify-content:center;margin-top:1rem;padding:1rem 1.2rem;font-weight:950;text-decoration:none;display:flex;box-shadow:0 16px 36px #19a85a3d}.whatsapp-button--disabled{cursor:not-allowed;opacity:.5}.helper-text{text-align:center;margin-top:.75rem;font-size:.9rem}@media (width>=680px){main,.hero,.panel{padding:1.5rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){main{padding:2rem}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start}}
