:root{--orange:#ea580c;--dark:#172033;--muted:#64748b;--soft:#fff7ed;--border:#fed7aa}
*{box-sizing:border-box}body.customer-page{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fff7ed,#fff);color:var(--dark)}
.customer-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ffedd5;padding:14px 6%;display:flex;justify-content:space-between;align-items:center}.customer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark);font-size:22px;font-weight:950}.customer-logo span{width:42px;height:42px;border-radius:15px;background:var(--orange);display:grid;place-items:center;color:#fff}.customer-nav{display:flex;gap:10px;align-items:center}.customer-nav a{text-decoration:none;color:var(--dark);font-weight:850;padding:10px 12px;border-radius:999px}.customer-nav a:hover{background:var(--soft);color:#c2410c}.cart-pill{position:relative;background:var(--dark)!important;color:#fff!important}.cart-count{position:absolute;top:-9px;right:-8px;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:950;display:grid;place-items:center;border:2px solid #fff}
.customer-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding:56px 6% 34px}.hero-copy h1{font-size:clamp(38px,6vw,76px);letter-spacing:-2px;line-height:.96;margin:0}.hero-copy p{color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border:0;text-decoration:none;border-radius:16px;padding:13px 18px;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(234,88,12,.23)}.btn.secondary{background:#fff;color:#c2410c;border:1px solid var(--border);box-shadow:none}.hero-visual{min-height:360px;border-radius:34px;background:linear-gradient(135deg,#fb923c,#ea580c);overflow:hidden;position:relative;box-shadow:0 28px 70px rgba(234,88,12,.25)}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-fallback{height:100%;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.hero-fallback h2{font-size:36px;margin:0 0 8px}
.customer-section{padding:38px 6%}.section-title h2{font-size:34px;margin:0}.section-title p{color:var(--muted)}.dish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dish-card{background:#fff;border:1px solid #ffedd5;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.07);display:flex;flex-direction:column}.dish-img{height:190px;background:linear-gradient(135deg,#ffedd5,#fb923c);display:grid;place-items:center;font-size:54px;overflow:hidden}.dish-img img{width:100%;height:100%;object-fit:cover}.dish-body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.dish-body h3{margin:0;font-size:19px}.dish-desc{color:var(--muted);font-size:14px;line-height:1.45}.order-count{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--border);color:#c2410c;font-size:12px;font-weight:950}.dish-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:10px}.price{font-weight:950;color:#c2410c;font-size:18px}
.customer-card{max-width:980px;margin:30px auto;background:#fff;border:1px solid #ffedd5;border-radius:28px;padding:22px;box-shadow:0 18px 40px rgba(15,23,42,.07)}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:13px;border-bottom:1px solid #f1f5f9;text-align:left}.cart-total{display:flex;justify-content:flex-end;gap:18px;font-size:22px;font-weight:950;margin-top:18px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-grid input,.checkout-grid textarea,.checkout-grid select{padding:13px;border:1px solid #e5e7eb;border-radius:15px;font:inherit;width:100%}.checkout-grid textarea{grid-column:1/-1;min-height:110px}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#166534;color:#fff;padding:13px 16px;border-radius:16px;font-weight:900}.mobile-bottom{display:none}.customer-footer{text-align:center;color:var(--muted);padding:30px 6%}
@media(max-width:1120px){.dish-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.customer-hero{grid-template-columns:1fr}.dish-grid{grid-template-columns:repeat(2,1fr)}.customer-nav a:not(.cart-pill){display:none}.checkout-grid{grid-template-columns:1fr}.hero-visual{min-height:260px}}@media(max-width:560px){.customer-header{padding:12px 14px}.customer-logo{font-size:18px}.customer-hero,.customer-section{padding-left:14px;padding-right:14px}.dish-grid{grid-template-columns:1fr}.dish-img{height:215px}.mobile-bottom{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:80;background:#fff;border:1px solid #ffedd5;border-radius:22px;box-shadow:0 18px 40px rgba(15,23,42,.18);padding:8px;justify-content:space-around}.mobile-bottom a{flex:1;text-align:center;text-decoration:none;color:var(--dark);font-size:12px;font-weight:900}body.customer-page{padding-bottom:74px}}
.fast-strip{background:#fff;border:1px solid #fed7aa;border-radius:24px;padding:16px 18px;box-shadow:0 18px 40px rgba(15,23,42,.07);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fast-strip span{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:8px 12px;font-weight:900;animation:pulseDish 1.8s infinite}.fast-strip b{color:#ea580c}@keyframes pulseDish{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}.customize-panel{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:200;display:none;place-items:center;padding:18px}.customize-panel.open{display:grid}.customize-box{background:#fff;border-radius:28px;max-width:520px;width:100%;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.25);position:relative}.customize-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:24px;font-weight:900}.customize-box input[type=number]{width:110px;padding:10px;border:1px solid #e5e7eb;border-radius:12px}.addon-list{margin:16px 0}.addon-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #ffedd5;border-radius:15px;margin-bottom:9px}.addon-row b{color:#ea580c}.muted{color:#64748b}
.payment-info{margin-top:14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:14px;color:#7c2d12}.payment-info pre{white-space:pre-wrap;font-family:inherit;margin:8px 0 14px}