*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.font-display{font-family:"Playfair Display",Georgia,serif}
.hero-mesh{background:#0c0c14;background-image:radial-gradient(ellipse at 15% 60%,rgba(234,88,12,.18) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(153,27,27,.2) 0%,transparent 50%)}
.grain-overlay{position:relative}.grain-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;z-index:1}.grain-overlay>*{position:relative;z-index:2}
.r-card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:inherit;display:block;overflow:hidden}
.r-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:#fed7aa}
.mtable{width:100%;border-collapse:collapse}.mtable th{background:#f8fafc;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b;padding:.65rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.mtable td{padding:.8rem 1rem;font-size:.875rem;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:top}.mtable tr:last-child td{border-bottom:none}.mtable tbody tr:hover td{background:#fffbf7}
.mtable .price{font-weight:700;color:#15803d}.mtable .cal{color:#94a3b8;font-size:.8rem}
.db{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:9999px;margin:.1rem .15rem .1rem 0;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.db-pop{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.db-vegan{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.db-veg{background:#f0fdf4;color:#166534;border:1px solid #86efac}.db-halal{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}.db-spicy{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
.ctab{padding:.4rem 1rem;font-size:.8125rem;font-weight:500;border-radius:9999px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .15s}.ctab:hover{border-color:#f97316;color:#ea580c;background:#fff7ed}.ctab.active{background:#f97316;border-color:#f97316;color:#fff}
.scat{position:sticky;top:62px;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #f1f5f9}
.bc{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#94a3b8}.bc a{color:#64748b;text-decoration:none}.bc a:hover{color:#f97316}.bc-sep{color:#e2e8f0}
.cmp-tbl{width:100%;border-collapse:collapse}.cmp-tbl th{padding:.9rem 1.1rem;text-align:center;font-weight:600;font-size:.82rem;background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1e293b}.cmp-tbl th:first-child{text-align:left;color:#64748b;font-weight:500}.cmp-tbl td{padding:.8rem 1.1rem;text-align:center;border-bottom:1px solid #f1f5f9;font-size:.875rem}.cmp-tbl td:first-child{text-align:left;font-weight:500;background:#f8fafc}
.atag{display:inline-block;font-size:.68rem;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.1rem .4rem;border-radius:.25rem;margin:.1rem}
.sri{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;text-decoration:none;color:inherit}.sri:hover{background:#fff7ed}
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-up.in{opacity:1;transform:none}
.hero-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.6rem 1rem}
.hero-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:#6b7280;margin-bottom:.2rem}
.hero-stat-value{font-weight:700;color:#fff;font-size:.875rem}
.badge-popular{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e;font-size:.6875rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;text-transform:uppercase}
.price-green{font-weight:700;color:#15803d}
.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}
.blob1{animation:blob 12s ease-in-out infinite}.blob2{animation:blob 18s ease-in-out infinite reverse}
@media print{header,footer,.scat,.no-print{display:none!important}}