:root{
  --v10-orange:#f2a11b;
  --v10-orange-2:#ffbf58;
  --v10-orange-3:#ffdfae;
  --v10-bg:#0b0807;
  --v10-surface:#15100d;
  --v10-surface-2:#1b1410;
  --v10-line:rgba(255,190,120,.16);
  --v10-line-strong:rgba(255,190,120,.28);
  --v10-text:#f7efe6;
  --v10-muted:#c1b2a4;
  --v10-shadow:0 28px 70px rgba(0,0,0,.32);
}

body{background:linear-gradient(180deg,#0b0908,#0b0a09 35%,#090807)}
a{transition:.2s ease}
.primary-button,.outline-button{border-radius:16px;font-weight:800;letter-spacing:-.01em}
.primary-button{background:linear-gradient(135deg,#ffbb4d,#f29c17);color:#2b1608;border-color:rgba(255,186,95,.55);box-shadow:0 18px 36px rgba(242,161,27,.16)}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(242,161,27,.22)}
.outline-button{background:rgba(255,255,255,.02);border:1px solid var(--v10-line-strong);color:#fff}
.outline-button:hover{background:rgba(242,161,27,.08);border-color:rgba(242,161,27,.35);transform:translateY(-2px)}
.section-kicker,.eyebrow{letter-spacing:.02em}

/* Header identity */
.site-header{background:linear-gradient(180deg,rgba(12,8,7,.95),rgba(12,8,7,.88));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,190,120,.08)}
.nav-shell{border:1px solid rgba(255,190,120,.08);background:linear-gradient(180deg,rgba(29,19,14,.9),rgba(17,12,10,.9));box-shadow:0 22px 48px rgba(0,0,0,.22)}
.brand img{filter:drop-shadow(0 0 18px rgba(242,161,27,.18))}
.brand-copy strong{letter-spacing:-.02em}
.brand-copy small{color:#d6b38d}
.main-nav a{font-weight:700}
.main-nav a.active{background:rgba(242,161,27,.1);border-radius:12px;padding-inline:14px;color:#fff}
.auth-button,.account-button,.cart-button,.mobile-menu-toggle{border-color:rgba(255,190,120,.12)}

/* Homepage */
.promax-hero{padding:34px 0 28px;background:
  radial-gradient(circle at 82% 18%,rgba(255,153,0,.2),transparent 29%),
  radial-gradient(circle at 10% 0,rgba(255,96,32,.08),transparent 28%),
  linear-gradient(180deg,#120d0b,#0b0908)}
.promax-hero-grid{min-height:560px;gap:22px}
.promax-copy h1{max-width:780px;font-size:clamp(38px,4.6vw,70px)}
.promax-copy p{font-size:16px;line-height:2;color:#ddcbbb}
.promax-status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-state,.hero-metric-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;font-size:12px;border:1px solid var(--v10-line);background:rgba(255,255,255,.04);color:#f3e7d8}
.hero-state svg,.hero-metric-chip svg{width:17px;height:17px}
.hero-state.is-open{border-color:rgba(82,204,108,.24);background:rgba(44,140,67,.12);color:#aff0bf}
.hero-state.is-closed{border-color:rgba(255,107,107,.24);background:rgba(176,57,57,.12);color:#ffb5b5}
.promax-actions{margin-top:22px}
.promax-facts{gap:12px;flex-wrap:wrap}
.promax-facts span{padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:999px}
.promax-food{height:510px}
.promax-food img{width:min(820px,124%);mask-image:radial-gradient(ellipse 74% 70% at 55% 48%,#000 61%,transparent 100%)}
.promax-cats{margin-top:10px;border-color:rgba(255,190,120,.12);background:linear-gradient(180deg,rgba(26,18,14,.96),rgba(15,11,10,.96));padding:14px;border-radius:22px}
.promax-cats a{min-height:96px;border:1px solid transparent;background:rgba(255,255,255,.015)}
.promax-cats a:hover{border-color:rgba(242,161,27,.22)}
.promax-cats img,.promax-cats .ui-icon{width:34px;height:34px;color:#f5c27b}
.promax-cats span{font-size:12px}
.cod-banner{margin-top:14px;border:1px solid rgba(242,161,27,.18);box-shadow:var(--v10-shadow)}

.home-signature-strip{padding:18px 0 10px;background:linear-gradient(180deg,#0d0a09,#0d0a09)}
.home-signature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.signature-mini-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;border:1px solid var(--v10-line);background:linear-gradient(180deg,#17110e,#120d0b);box-shadow:var(--v10-shadow)}
.signature-mini-card span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(242,161,27,.1);color:var(--v10-orange-2);border:1px solid rgba(242,161,27,.22)}
.signature-mini-card span svg{width:24px;height:24px}
.signature-mini-card strong{display:block;font-size:23px;color:#fff}
.signature-mini-card small{display:block;color:var(--v10-muted);font-size:11px;margin-top:2px}

.category-section{padding-top:68px}
.section-heading p,.section-heading>a{color:#d8c7b7}
.category-strip button{background:linear-gradient(180deg,#19120f,#100d0b);border-color:rgba(255,190,120,.08)}
.category-strip button.active{background:linear-gradient(180deg,rgba(255,183,72,.22),rgba(242,161,27,.12)),#17120f;box-shadow:inset 0 0 0 1px rgba(242,161,27,.22),0 18px 32px rgba(0,0,0,.18)}

.popular-section{padding-top:58px}
.product-card{background:linear-gradient(180deg,#19130f,#110e0c);border-color:rgba(255,190,120,.09)}
.product-card:hover{border-color:rgba(242,161,27,.26);box-shadow:0 24px 50px rgba(0,0,0,.28)}
.product-media{background:#1c1512}
.product-media:after{background:linear-gradient(transparent,rgba(10,8,7,.88))}
.product-category,.product-footer>strong{color:var(--v10-orange-2)}
.product-body p{height:auto;min-height:39px;color:#cbb9a9}
.home-customize-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#ffd89a;font-size:12px}
.home-customize-link:hover{color:#fff}
.favorite-button{border-color:rgba(255,255,255,.1);background:rgba(11,9,8,.58)}
.product-badge{background:linear-gradient(135deg,#ffbf58,#f28d17);color:#2d1909}

.home-feature-section,.home-process-section,.brand-story-section,.service-panels,.cta-band-section{padding:34px 0}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-showcase-card{padding:24px;border-radius:22px;border:1px solid var(--v10-line);background:linear-gradient(180deg,#17110e,#120d0b);box-shadow:var(--v10-shadow);min-height:240px}
.feature-showcase-card span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(242,161,27,.1);color:var(--v10-orange-2);border:1px solid rgba(242,161,27,.22);margin-bottom:14px}
.feature-showcase-card h3{font-size:20px;margin:0 0 10px}
.feature-showcase-card p{color:var(--v10-muted);line-height:1.95;font-size:13px;margin:0}

.home-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.process-step-card{position:relative;padding:26px;border-radius:24px;border:1px solid var(--v10-line);background:linear-gradient(180deg,#1a130f,#110d0b);overflow:hidden;box-shadow:var(--v10-shadow)}
.process-step-card:after{content:'';position:absolute;inset:auto auto -70px -50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(242,161,27,.16),transparent 68%)}
.process-step-card b{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,#ffbf58,#f2a11b);color:#2b1708;font-size:20px;margin-bottom:14px}
.process-step-card h3{font-size:22px;margin:0 0 8px;position:relative;z-index:1}
.process-step-card p{margin:0;color:var(--v10-muted);line-height:2;position:relative;z-index:1}

.brand-story-grid{grid-template-columns:270px 1fr 340px;gap:16px}
.story-brand-card,.story-copy,.story-stats,.service-card,.cta-band{background:linear-gradient(180deg,#17110e,#100c0a);border:1px solid var(--v10-line);box-shadow:var(--v10-shadow)}
.story-copy p,.service-card p,.mini-dashboard span,.mini-dashboard small,.service-note{color:#c3b4a7}
.story-points span{padding:10px 12px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.04)}
.story-stats div{background:#140f0d}
.story-stats strong{color:var(--v10-orange-2)}
.service-card{grid-template-columns:1fr 280px}
.mini-dashboard,.mini-chart{background:#120d0b;border-color:rgba(255,190,120,.12)}
.mini-dashboard strong,.mini-chart strong{color:var(--v10-orange-2)}
.real-ops-mini span{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.05)}

.cta-band{padding:28px 32px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-band h2{font-size:34px;margin:6px 0}
.cta-band p{margin:0;color:var(--v10-muted)}
.cta-band-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Cart + checkout visual rebuild */
.inner-hero{background:radial-gradient(circle at 78% 0,rgba(242,161,27,.14),transparent 36%),linear-gradient(180deg,#120d0b,#0c0908);border-bottom:1px solid rgba(255,190,120,.08)}
.cart-page-section,.checkout-page-section,.dashboard-page{background:linear-gradient(180deg,#0e0a09,#0b0908)}
.cart-page-grid{grid-template-columns:minmax(0,1fr) 390px;gap:24px}
.cart-page-item,.cart-line{background:linear-gradient(180deg,#19130f,#110e0c);border:1px solid var(--v10-line);box-shadow:var(--v10-shadow);border-radius:22px;padding:16px}
.cart-line-image{background:#211915;border:1px solid rgba(255,255,255,.05)}
.cart-line-copy>span,.cart-line-copy small,.cart-item-note{color:#f3c98b}
.cart-line-copy h3{font-size:20px}
.cart-line-copy p{line-height:1.9;color:#c3b1a2}
.cart-option-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cart-option-tags span{padding:6px 10px;border-radius:999px;background:rgba(242,161,27,.08);border:1px solid rgba(242,161,27,.18);font-size:10px;color:#ffd699}
.mini-qty{gap:6px}
.mini-qty button{width:30px;height:30px;background:#100d0b;border-color:rgba(255,190,120,.12)}
.mini-qty input{width:40px;color:#fff}
.checkout-summary,.order-summary-card{background:linear-gradient(180deg,#1a130f,#120d0b);border:1px solid rgba(255,190,120,.16);border-radius:24px;box-shadow:var(--v10-shadow)}
.checkout-summary h2,.order-summary-card h2{font-size:26px}
.checkout-summary .section-kicker{display:inline-block;margin-bottom:3px}
.checkout-summary>div:not(.summary-benefits):not(.free-shipping-progress):not(.checkout-items),.order-summary-card>.summary-row,.summary-total{font-size:13px;color:#dfd2c7}
.checkout-summary .total strong,.summary-total strong{font-size:23px;color:#ffcb73}
.coupon-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);margin:8px 0 10px}
.coupon-box label{display:grid;gap:7px;color:#d9cbbf;font-size:11px;margin:0}
.coupon-box input{margin-top:0;border:1px solid rgba(255,255,255,.08);background:#0e0b09;color:#fff;border-radius:12px;padding:11px 12px}
.coupon-box button,.remove-coupon button{height:46px;align-self:end;border:1px solid rgba(242,161,27,.22);background:rgba(242,161,27,.1);color:#ffd89a;border-radius:12px;padding:0 14px}
.remove-coupon{margin:0 0 8px}
.shipping-note{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.05);color:#c4b4a5}
.summary-benefits{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.08)}
.summary-benefits span{font-size:11px;color:#d7c7b6}
.summary-benefits .ui-icon{color:#f6bd62}

.checkout-v5-hero{background:radial-gradient(circle at 82% 0,rgba(242,161,27,.15),transparent 34%),linear-gradient(180deg,#120d0b,#0c0908)}
.checkout-v5{background:linear-gradient(180deg,#0d0a09,#0a0807)}
.checkout-v5-grid{grid-template-columns:minmax(0,1fr) 410px;gap:24px}
.checkout-step,.checkout-v5-summary{background:linear-gradient(180deg,#19130f,#120d0b);border:1px solid var(--v10-line);border-radius:24px;box-shadow:var(--v10-shadow)}
.checkout-step>header{margin-bottom:16px}
.checkout-step>header>span{background:linear-gradient(180deg,#ffbf58,#f2a11b);color:#2a1708;border-color:rgba(255,255,255,.12)}
.checkout-step header p,.zone-chips small,.payment-v5-options small,.cash-mode-panel small,.verify-state small,.wallet-use-card small,.summary-trust span{color:#bea996}
.checkout-step input,.checkout-step textarea,.checkout-step select{background:#0f0b09;border-color:rgba(255,255,255,.1);border-radius:13px;padding:12px}
.zone-chips span,.wallet-use-card span,.payment-v5-options label>span,.cash-mode-panel label>span,.verify-state,.transfer-v5,.bank-card-v5{background:#140f0d;border-color:rgba(255,190,120,.1)}
.zone-chips input:checked+span,.wallet-use-card input:checked+span,.payment-v5-options label:has(input:checked)>span,.cash-mode-panel label:has(input:checked)>span{background:rgba(242,161,27,.09);border-color:rgba(242,161,27,.32)}
.checkout-submit-v5{border-radius:16px;box-shadow:0 18px 40px rgba(242,161,27,.18)}
.checkout-v5-summary{top:98px;padding:18px}
.summary-head{padding-bottom:14px}
.checkout-v5-items>div{border-bottom:1px solid rgba(255,255,255,.05)}
.checkout-v5-items strong,.summary-lines>div strong{color:#fff}
.summary-lines .grand strong{color:#ffca64}
.cashback-preview{border-radius:12px}

/* Customer dashboard */
.customer-dashboard-layout{grid-template-columns:270px minmax(0,1fr);gap:24px}
.customer-sidebar{top:104px;border:1px solid var(--v10-line);background:linear-gradient(180deg,#17110e,#110d0b);border-radius:24px;box-shadow:var(--v10-shadow)}
.customer-profile-mini{padding:20px;border-bottom-color:rgba(255,255,255,.06)}
.customer-profile-mini>span{border-radius:16px;width:48px;height:48px}
.customer-sidebar nav{padding:10px}
.customer-sidebar nav a{padding:12px 13px;border-radius:14px;font-size:11px}
.customer-sidebar nav a.active,.customer-sidebar nav a:hover{background:rgba(242,161,27,.11);border:1px solid rgba(242,161,27,.18)}
.sidebar-logout{border-top-color:rgba(255,255,255,.06)}
.pro-customer-metrics article,.dashboard-card,.order-detail,.pro-order-detail,.profile-card,.wallet-hero,.address-card{background:linear-gradient(180deg,#17110e,#110d0b);border:1px solid var(--v10-line);box-shadow:var(--v10-shadow);border-radius:22px}
.pro-customer-metrics strong,.wallet-hero strong{color:#ffcb73}
.notification-row{background:#140f0d;border-color:rgba(255,255,255,.05)}
.order-row{grid-template-columns:1.35fr auto auto 24px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.order-row:hover{background:rgba(255,255,255,.015)}
.order-row small{color:#c0b1a4}
.status{font-size:10px;border:1px solid rgba(255,255,255,.06)}
.status-new,.status-preparing,.status-pending_payment{border-color:rgba(245,164,0,.18)}
.status-dispatched{border-color:rgba(76,140,255,.18)}
.status-delivered{border-color:rgba(55,200,121,.18)}
.address-grid,.favorites-grid{gap:14px}
.wallet-hero{padding:20px 22px;gap:20px}
.wallet-list>div{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:14px}
.ticket-layout{grid-template-columns:360px 1fr}
.ticket-list a{padding:12px;border-radius:13px;background:#140f0d;border-color:rgba(255,255,255,.05)}
.ticket-list a.active{background:rgba(242,161,27,.09);border-color:rgba(242,161,27,.28)}
.thread-message{background:#17120f;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:13px}
.thread-message.mine{background:rgba(242,161,27,.08);border-color:rgba(242,161,27,.18)}
.thread-reply textarea,.stack-form textarea,.stack-form input{background:#100d0b;border-color:rgba(255,255,255,.08)}

/* Responsive cleanup */
@media (max-width:1200px){
  .home-feature-grid{grid-template-columns:repeat(2,1fr)}
  .home-signature-grid{grid-template-columns:repeat(2,1fr)}
  .ticket-layout{grid-template-columns:1fr}
  .checkout-v5-grid,.cart-page-grid{grid-template-columns:1fr}
  .checkout-summary,.checkout-v5-summary{position:static}
}
@media (max-width:980px){
  .promax-hero-grid{grid-template-columns:1fr;min-height:0}
  .promax-copy{order:2;padding-bottom:6px}
  .promax-food{order:1;height:360px}
  .promax-actions{display:grid;grid-template-columns:1fr 1fr}
  .promax-cats{grid-template-columns:repeat(4,1fr)}
  .home-process-grid,.brand-story-grid,.service-grid{grid-template-columns:1fr}
  .customer-dashboard-layout{grid-template-columns:1fr}
  .customer-sidebar{position:static}
}
@media (max-width:760px){
  .promax-hero{padding-top:12px}
  .promax-copy h1{font-size:34px;line-height:1.55}
  .promax-copy p{font-size:14px}
  .promax-status-row,.promax-facts{display:grid;grid-template-columns:1fr}
  .promax-actions{grid-template-columns:1fr}
  .promax-food{height:300px}
  .promax-cats{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:14px}
  .promax-cats a{flex:0 0 130px;scroll-snap-align:start;min-height:88px}
  .home-signature-grid,.home-feature-grid,.home-process-grid,.product-grid,.menu-product-grid,.address-grid,.favorites-grid{grid-template-columns:1fr}
  .signature-mini-card{padding:16px}
  .category-strip{display:flex;overflow:auto}
  .cart-page-item,.cart-line{grid-template-columns:90px 1fr;gap:12px}
  .cart-line-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .coupon-box{grid-template-columns:1fr}
  .checkout-step,.checkout-v5-summary,.checkout-summary,.dashboard-card{padding:16px}
  .checkout-step>header{align-items:flex-start}
  .zone-chips,.payment-v5-options,.cash-mode-panel{grid-template-columns:1fr}
  .form-grid.two,.form-grid.three,.identity-grid,.transfer-fields{grid-template-columns:1fr}
  .wallet-hero{display:grid;grid-template-columns:1fr}
  .order-row{grid-template-columns:1fr auto;gap:8px}
  .order-row b,.order-row em{display:none}
  .customer-sidebar nav{grid-template-columns:repeat(2,1fr)}
  .cta-band{padding:22px;display:grid}
  .cta-band h2{font-size:28px}
}
@media (max-width:520px){
  .nav-shell{min-height:72px;padding:8px}
  .brand img{width:50px;height:50px}
  .brand-copy strong{font-size:20px}
  .brand-copy small{font-size:10px}
  .main-nav{top:88px}
  .promax-copy h1{font-size:31px}
  .promax-food{height:260px}
  .cod-banner{padding:14px;gap:12px}
  .cod-banner b{font-size:16px}
  .feature-showcase-card,.process-step-card{padding:20px}
  .process-step-card h3,.feature-showcase-card h3{font-size:19px}
  .story-copy h2{font-size:27px}
  .service-card{padding:20px}
}