@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
:root{
  --bg:#120d0b;--panel:#1b1310;--panel-2:#241813;--panel-3:#302019;--line:#3b2a22;
  --text:#f8efe8;--muted:#bba99d;--coffee:#9c6540;--coffee-2:#c58a5d;--cream:#ead2bd;
  --success:#6fbf8b;--danger:#e17373;--warning:#dfa85d;--shadow:0 22px 55px rgba(0,0,0,.34);
}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font-family:IRANSansX,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}
.customer-body{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(156,101,64,.22),transparent 26rem),linear-gradient(180deg,#130d0b,#0e0a08 65%);overflow-x:hidden}
.ambient{position:fixed;border-radius:999px;filter:blur(80px);pointer-events:none;opacity:.25}.ambient-one{width:280px;height:280px;background:#8c4f2e;top:8%;left:-120px}.ambient-two{width:240px;height:240px;background:#5f3827;bottom:12%;right:-100px}
.menu-shell{position:relative;z-index:1;width:min(1180px,100%);margin:auto;padding:28px 22px 0}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.menu-header h1{font-size:clamp(28px,6vw,48px);margin:4px 0 6px;font-weight:900}.menu-header p{margin:0;color:var(--muted);font-size:14px}.eyebrow{color:var(--coffee-2);letter-spacing:2px;font-size:11px;font-weight:700}.table-pill{border:1px solid var(--line);background:rgba(36,24,19,.92);color:var(--text);border-radius:18px;padding:10px 14px;min-width:110px}.table-pill span{display:block;color:var(--muted);font-size:10px}.table-pill strong{display:block;margin-top:2px;font-size:15px}
.category-strip{position:sticky;top:0;z-index:15;display:flex;gap:10px;overflow:auto;padding:12px 2px 14px;background:linear-gradient(180deg,rgba(18,13,11,.98),rgba(18,13,11,.88),transparent);scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 13px;border-radius:16px;transition:.2s}.category-chip.active{background:var(--cream);border-color:var(--cream);color:#26170f}.category-icon-wrap{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.04)}.category-chip.active .category-icon-wrap{background:rgba(38,23,15,.1)}.category-icon-wrap img{width:24px;height:24px;object-fit:contain}.category-chip.active img{filter:brightness(.35) saturate(2)}
.category-section{scroll-margin-top:86px;padding:26px 0 8px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title-row h2{margin:3px 0 0;font-size:22px}.section-kicker{color:var(--coffee-2);font-size:11px}.section-count{color:var(--muted);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{overflow:hidden;background:linear-gradient(145deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.product-visual{aspect-ratio:16/10;background:linear-gradient(135deg,#3d281e,#20140f);overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:52px;background:radial-gradient(circle at 35% 20%,rgba(234,210,189,.13),transparent 35%)}.product-content{padding:15px}.product-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product-topline h3{margin:0;font-size:17px}.product-topline strong{white-space:nowrap;color:var(--cream);font-size:15px}.product-topline small{font-size:10px;color:var(--muted)}.product-content p{color:var(--muted);font-size:12px;line-height:1.9;min-height:44px;margin:9px 0 12px}.add-product-btn{width:100%;border:1px solid #4b342a;background:#2e1f18;color:var(--cream);border-radius:14px;padding:10px;font-weight:700}.qty-controls{display:grid;grid-template-columns:42px 42px 1fr 42px;gap:8px;align-items:center}.qty-btn,.qty-trash{height:40px;border-radius:12px;border:1px solid var(--line);background:#35241c;color:var(--text);font-size:20px}.qty-trash{color:var(--danger);font-size:16px}.qty-number{display:grid;place-items:center;height:40px;border-radius:12px;background:#150e0b;font-weight:900}
.bottom-safe-space{height:110px}.sticky-order-btn{position:fixed;z-index:30;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;border:0;border-radius:20px;padding:15px 18px;background:linear-gradient(135deg,#c18458,#8b5636);color:white;box-shadow:0 16px 45px rgba(0,0,0,.45);font-weight:900}.sticky-order-btn:disabled{filter:grayscale(.8);opacity:.45;cursor:not-allowed}.order-summary-mini{font-size:12px;font-weight:500;opacity:.88}
.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(6,4,3,.73);backdrop-filter:blur(10px);display:none;align-items:flex-end;justify-content:center;padding:14px}.modal-backdrop.show{display:flex}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#281b15,#17100d);border:1px solid #4a3227;border-radius:28px;padding:18px;box-shadow:var(--shadow)}.modal-handle{width:48px;height:5px;border-radius:99px;background:#594237;margin:0 auto 18px}.modal-heading h2{margin:5px 0;font-size:24px}.modal-heading p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.8}.row-heading{display:flex;align-items:start;justify-content:space-between}.icon-close{border:1px solid var(--line);background:var(--panel-3);color:white;width:38px;height:38px;border-radius:12px;font-size:24px}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-choice{min-height:74px;border:1px solid var(--line);background:#1b120f;color:var(--text);border-radius:18px;display:flex;align-items:center;gap:12px;padding:14px}.table-choice:hover,.table-choice.selected{border-color:var(--coffee-2);background:#322118}.table-dot{width:12px;height:12px;border-radius:50%;background:var(--coffee-2);box-shadow:0 0 0 5px rgba(197,138,93,.12)}.cart-lines{display:grid;gap:10px;margin:12px 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border:1px solid var(--line);background:#1c1310;border-radius:16px}.cart-line strong{font-size:14px}.cart-line small{color:var(--muted);display:block;margin-top:4px}.cart-line-price{text-align:left;color:var(--cream);font-weight:700}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px dashed #50372c;border-bottom:1px dashed #50372c}.invoice-total strong{font-size:20px;color:var(--cream)}.payment-title{margin:18px 0 10px;font-weight:800}.payment-options{display:grid;gap:9px}.payment-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#1a120f;border-radius:17px;padding:13px;transition:.2s}.payment-option.selected{border-color:var(--coffee-2);background:#2d1e18}.payment-option.disabled{opacity:.45}.payment-option input{display:none}.payment-radio{width:19px;height:19px;border-radius:50%;border:2px solid #7b5d4d;box-shadow:inset 0 0 0 4px #1a120f}.payment-option.selected .payment-radio{background:var(--coffee-2)}.payment-copy strong,.payment-copy small{display:block}.payment-copy small{color:var(--muted);font-size:11px;margin-top:3px}.primary-action,.secondary-action{width:100%;border:0;border-radius:16px;padding:14px;font-weight:900}.primary-action{margin-top:16px;background:linear-gradient(135deg,#c18458,#8b5636);color:white}.secondary-action{margin-top:9px;background:#2b1d17;color:var(--text);border:1px solid var(--line)}.checkout-error{margin-top:12px;background:rgba(225,115,115,.12);border:1px solid rgba(225,115,115,.35);color:#f3aaaa;border-radius:14px;padding:10px;font-size:12px}.toast-card{position:fixed;z-index:90;top:20px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 28px));display:flex;align-items:center;gap:12px;background:#17231b;border:1px solid rgba(111,191,139,.4);padding:14px;border-radius:18px;box-shadow:var(--shadow)}.success-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#102316;font-size:24px;font-weight:900}.toast-card p{margin:3px 0 0;color:#b8d4c0;font-size:11px}
.payment-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 0%,rgba(156,101,64,.28),transparent 28rem),var(--bg)}.payment-terminal,.result-card{width:min(520px,100%);background:linear-gradient(160deg,#251813,#17100d);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);text-align:center}.gateway-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(223,168,93,.12);color:var(--warning);font-size:10px;letter-spacing:1.5px}.payment-terminal h1,.result-card h1{font-size:25px;margin:12px 0 8px}.payment-terminal>p,.result-card>p{color:var(--muted);font-size:13px;line-height:1.9}.payment-amount{margin:24px 0 10px;padding:16px;background:#120c0a;border-radius:18px}.payment-amount span,.payment-amount strong{display:block}.payment-amount span{color:var(--muted);font-size:11px}.payment-amount strong{margin-top:6px;font-size:25px;color:var(--cream)}.payment-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.payment-meta b{color:var(--text)}.big-check,.big-x{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:44px;font-weight:900}.big-check{background:rgba(111,191,139,.15);color:var(--success);border:1px solid rgba(111,191,139,.35)}.big-x{background:rgba(225,115,115,.12);color:var(--danger);border:1px solid rgba(225,115,115,.35)}.result-details{display:grid;gap:8px;margin:20px 0;text-align:right}.result-details>div{display:flex;justify-content:space-between;gap:14px;background:#120c0a;padding:11px 12px;border-radius:13px}.result-details span{color:var(--muted);font-size:11px}.result-details strong{font-size:12px}.link-action{display:block}.auto-return{display:block;color:var(--muted);margin-top:10px}
.empty-state{border:1px dashed var(--line);background:rgba(255,255,255,.02);border-radius:18px;padding:24px;text-align:center;color:var(--muted)}.empty-state.compact{grid-column:1/-1;padding:16px}
@media (max-width:680px){.menu-shell{padding:21px 14px 0}.menu-header{align-items:center}.menu-header p{max-width:230px}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:118px 1fr}.product-visual{aspect-ratio:auto;min-height:154px}.product-content p{min-height:auto}.section-title-row h2{font-size:19px}.table-modal-card{border-radius:26px 26px 18px 18px}.modal-backdrop{padding:0}.modal-card{border-radius:28px 28px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v0.2 typography normalization */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-weight:400;line-height:1.7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:IRANSansX,system-ui,sans-serif!important;font-synthesis:none;line-height:1.55}
h1,h2,h3,strong,.sticky-order-btn,.primary-action,.secondary-action{font-synthesis:none}

/* v0.2.1 customer product card redesign */
.product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#1b1310;
  border:1px solid #34241d;
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.product-card.is-selected{
  border-color:rgba(197,138,93,.72);
  box-shadow:0 10px 28px rgba(0,0,0,.2),0 0 0 1px rgba(197,138,93,.08) inset;
}
.product-visual{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  min-height:0;
  overflow:hidden;
  background:#110c0a;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.product-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.product-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:42px;
  background:radial-gradient(circle at 35% 20%,rgba(234,210,189,.12),transparent 38%),#130d0b;
}
.product-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:11px 11px 12px;
}
.product-name{
  margin:0;
  color:var(--text);
  font-size:14px;
  font-weight:800;
  line-height:1.65;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-description{
  margin:5px 0 10px;
  color:#a9978c;
  font-size:10.5px;
  line-height:1.75;
  min-height:37px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-description-empty{visibility:hidden}
.product-buy-row{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:36px;
}
.product-price{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:4px;
  color:var(--cream);
  white-space:nowrap;
}
.product-price strong{font-size:13px;font-weight:900;line-height:1.35}
.product-price span{font-size:8.5px;color:#9d8a7f;font-weight:500}
.add-product-btn{
  width:auto;
  min-width:36px;
  height:34px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid #5a3b2c;
  background:#302019;
  color:#f0d6c0;
  border-radius:11px;
  font-size:10px;
  font-weight:800;
  transition:.18s ease;
}
.add-product-btn:hover{background:#3a261d;border-color:#795039}
.add-product-btn svg,.qty-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.qty-controls{
  margin-top:10px;
  display:grid;
  grid-template-columns:34px minmax(34px,1fr) 34px 34px;
  gap:6px;
  align-items:center;
}
.qty-btn,.qty-trash{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid #493229;
  background:#2d1e18;
  color:#f4e6dc;
  padding:0;
}
.qty-plus{background:#8e5b3c;border-color:#a56c48;color:#fff}
.qty-trash{color:#ef8a87;background:rgba(225,115,115,.08);border-color:rgba(225,115,115,.23)}
.qty-number{
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #30221c;
  border-radius:10px;
  background:#110c0a;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
@media (max-width:680px){
  .menu-shell{padding:18px 12px 0}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{display:flex;grid-template-columns:none;border-radius:18px}
  .product-visual{aspect-ratio:1/1;min-height:0}
  .product-content{padding:10px}
  .product-name{font-size:13px}
  .product-description{font-size:10px;min-height:34px;margin:4px 0 8px}
  .product-price strong{font-size:12px}
  .add-product-btn{height:32px;padding:0 8px;border-radius:10px}
  .add-product-btn span{display:none}
  .qty-controls{grid-template-columns:32px minmax(28px,1fr) 32px 32px;gap:4px}
  .qty-btn,.qty-trash,.qty-number{width:auto;height:32px;border-radius:9px}
  .section-title-row h2{font-size:18px}
}
@media (max-width:360px){
  .product-grid{gap:8px}
  .product-content{padding:9px}
  .product-name{font-size:12.5px}
  .product-price strong{font-size:11.5px}
  .qty-controls{grid-template-columns:30px minmax(26px,1fr) 30px 30px;gap:3px}
  .qty-btn,.qty-trash,.qty-number{height:30px}
}
@media (min-width:760px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1080px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}

/* v0.2.4 — customer bottom tabs + dedicated cart page */
.app-tab-panel[hidden]{display:none!important}
.app-tab-panel{animation:tabFade .18s ease both}
@keyframes tabFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}

.customer-bottom-tabs{
  position:fixed;
  z-index:40;
  left:50%;
  bottom:max(12px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(420px,calc(100% - 28px));
  height:64px;
  display:grid;
  grid-template-columns:1fr 1fr;
  direction:ltr;
  gap:8px;
  padding:7px;
  border:1px solid rgba(197,138,93,.28);
  border-radius:22px;
  background:rgba(22,14,11,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 55px rgba(0,0,0,.5);
}
.bottom-tab-button{
  position:relative;
  display:grid;
  place-items:center;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#8f7a6e;
  padding:0;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.bottom-tab-button:active{transform:scale(.96)}
.bottom-tab-button.active{background:#332119;color:#efd5c0}
.tab-icon-wrap{position:relative;display:grid;place-items:center;width:34px;height:34px}
.bottom-tab-button svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cart-tab-badge{
  position:absolute;
  top:-7px;
  right:-10px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:2px solid #17100d;
  background:#b96f45;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:1;
}

/* order CTA now sits above the bottom tabs */
.sticky-order-btn{
  bottom:calc(max(12px,env(safe-area-inset-bottom)) + 76px);
  width:min(640px,calc(100% - 28px));
}
.bottom-safe-space{height:185px}

.cart-page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.cart-page-header h1{margin:4px 0 5px;font-size:clamp(27px,6vw,42px);font-weight:900}
.cart-page-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.cart-table-chip{
  flex:0 0 auto;
  min-width:78px;
  padding:9px 12px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#241813;
  text-align:center;
}
.cart-table-chip span{display:block;font-size:9px;color:var(--muted)}
.cart-table-chip strong{display:block;margin-top:2px;font-size:13px;color:var(--cream)}
.cart-page-card{
  width:min(760px,100%);
  margin:0 auto;
  padding:15px;
  border-radius:24px;
  border:1px solid #3b2921;
  background:linear-gradient(160deg,#211612,#17100d);
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
.empty-cart-state{
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 18px;
}
.empty-cart-state[hidden]{display:none!important}
.empty-cart-icon{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border-radius:24px;
  border:1px solid #4b3329;
  background:#2b1c16;
  color:#c98a5d;
}
.empty-cart-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.empty-cart-state strong{font-size:16px;color:var(--cream)}
.empty-cart-state p{margin:7px 0 0;color:var(--muted);font-size:11px}

.cart-lines{margin:0 0 14px;gap:9px}
.cart-line{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  background:#140d0b;
  border-radius:15px;
}
.cart-line-main{min-width:0}
.cart-line-main strong{display:block;font-size:13px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-line-main small{font-size:10px}
.cart-line-side{display:grid;justify-items:end;gap:8px}
.cart-line-price{font-size:11px;white-space:nowrap}
.cart-line-actions{display:flex;direction:ltr;align-items:center;gap:5px}
.cart-line-actions button,.cart-line-actions span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  border:1px solid #493229;
  background:#2b1c16;
  color:#f4e6dc;
  font-family:IRANSansX,system-ui,sans-serif;
  font-size:13px;
  line-height:1;
}
.cart-line-actions span{background:#100a08;border-color:#2d201a;font-size:10px}
.cart-line-actions .cart-line-remove{color:#ef8a87;background:rgba(225,115,115,.08);border-color:rgba(225,115,115,.23)}
.cart-line-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-finalize-btn:disabled{opacity:.45;filter:grayscale(.6);cursor:not-allowed}
.cart-page-bottom-space{height:105px}

@media (max-width:680px){
  .customer-bottom-tabs{width:calc(100% - 24px);height:62px;border-radius:20px}
  .sticky-order-btn{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 74px);width:calc(100% - 24px);border-radius:17px;padding:13px 15px}
  .bottom-safe-space{height:176px}
  .cart-page-header{align-items:center;margin-bottom:15px}
  .cart-page-header h1{font-size:27px}
  .cart-page-header p{max-width:220px}
  .cart-page-card{padding:12px;border-radius:20px}
  .cart-line{padding:10px;gap:8px}
  .cart-line-main strong{font-size:12.5px}
  .cart-line-price{font-size:10.5px}
  .cart-line-actions button,.cart-line-actions span{width:27px;height:27px}
}

/* v0.2.5 — true floating order CTA (outside animated tab panels) */
.sticky-order-btn{
  position:fixed!important;
  z-index:45;
  bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px);
  left:50%;
  transform:translateX(-50%);
  width:min(600px,calc(100% - 24px));
  border:1px solid rgba(234,210,189,.12);
  background:linear-gradient(135deg,rgba(193,132,88,.98),rgba(139,86,54,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sticky-order-btn:not(:disabled):active{transform:translateX(-50%) scale(.985)}
@media(max-width:600px){
  .sticky-order-btn{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 74px);width:calc(100% - 24px)}
}

/* v0.2.6 — customer themes + dynamic site identity */
.customer-theme-coffee{--bg:#120d0b;--panel:#1b1310;--panel-2:#241813;--panel-3:#302019;--line:#3b2a22;--text:#f8efe8;--muted:#bba99d;--coffee:#9c6540;--coffee-2:#c58a5d;--cream:#ead2bd}
.customer-theme-midnight{--bg:#0a1019;--panel:#101925;--panel-2:#162334;--panel-3:#1e3045;--line:#2a3f56;--text:#eef6ff;--muted:#9eafc1;--coffee:#4e79a7;--coffee-2:#79a6d2;--cream:#d8e6f5}
.customer-theme-forest{--bg:#09110d;--panel:#101a15;--panel-2:#17261e;--panel-3:#20342a;--line:#2c4638;--text:#edf7f0;--muted:#a2b8aa;--coffee:#4f8367;--coffee-2:#78aa8d;--cream:#d5eadc}
.customer-theme-burgundy{--bg:#160b0e;--panel:#201015;--panel-2:#2b161d;--panel-3:#3a2029;--line:#4a2933;--text:#fff1f4;--muted:#c3a5ad;--coffee:#9c4d5e;--coffee-2:#c77889;--cream:#f0d1d8}
.customer-theme-midnight.customer-body{background:radial-gradient(circle at 10% 0%,rgba(78,121,167,.23),transparent 26rem),linear-gradient(180deg,#0b121d,#070b12 65%)}
.customer-theme-forest.customer-body{background:radial-gradient(circle at 10% 0%,rgba(79,131,103,.24),transparent 26rem),linear-gradient(180deg,#0b1510,#070c09 65%)}
.customer-theme-burgundy.customer-body{background:radial-gradient(circle at 10% 0%,rgba(156,77,94,.24),transparent 26rem),linear-gradient(180deg,#180c10,#0e0709 65%)}
.customer-theme-midnight .ambient-one{background:#3d648d}.customer-theme-midnight .ambient-two{background:#233d5a}
.customer-theme-forest .ambient-one{background:#35654e}.customer-theme-forest .ambient-two{background:#203f31}
.customer-theme-burgundy .ambient-one{background:#793849}.customer-theme-burgundy .ambient-two{background:#512432}
.customer-theme-midnight .category-strip,.customer-theme-forest .category-strip,.customer-theme-burgundy .category-strip{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,transparent),color-mix(in srgb,var(--bg) 88%,transparent),transparent)}
.customer-theme-midnight .product-card,.customer-theme-forest .product-card,.customer-theme-burgundy .product-card{background:var(--panel);border-color:var(--line)}
.customer-theme-midnight .product-visual,.customer-theme-forest .product-visual,.customer-theme-burgundy .product-visual{background:var(--bg)}
.customer-theme-midnight .add-product-btn,.customer-theme-forest .add-product-btn,.customer-theme-burgundy .add-product-btn{background:var(--panel-3);border-color:var(--line);color:var(--cream)}
.customer-theme-midnight .sticky-order-btn,.customer-theme-forest .sticky-order-btn,.customer-theme-burgundy .sticky-order-btn,.customer-theme-midnight .primary-action,.customer-theme-forest .primary-action,.customer-theme-burgundy .primary-action{background:linear-gradient(135deg,var(--coffee-2),var(--coffee))}
.customer-brand-line{display:flex;align-items:center;gap:8px}.customer-site-icon{width:30px;height:30px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2);display:grid;place-items:center}.customer-site-icon img{width:100%;height:100%;object-fit:cover}

/* v0.2.8 — automatic global discount in customer cart */
.active-discount-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(111,191,139,.1);border:1px solid rgba(111,191,139,.28);color:#b9dec4}.active-discount-banner span{font-size:10px}.active-discount-banner strong{font-size:11px}.invoice-summary{border-top:1px dashed #50372c;border-bottom:1px dashed #50372c;padding:8px 0}.invoice-summary-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;color:var(--muted);font-size:11px}.invoice-summary-row strong{color:var(--text);font-size:12px}.invoice-summary-row.discount{color:#8fd0a5}.invoice-summary-row.discount strong{color:#9dd8b0}.invoice-summary-row.discount b{font-weight:800}.invoice-summary .invoice-total{border:0;padding:10px 0 3px}.invoice-summary .invoice-total strong{font-size:20px;color:var(--cream)}

/* v0.3.0 - Category navigation is text-only */
.category-chip{gap:0;padding:11px 16px}.category-icon-wrap{display:none!important}

/* v0.3.1 — Coffee Gap dark minimal modern theme */
.customer-theme-modern{
  --bg:#0b0b0b;
  --panel:#151515;
  --panel-2:#1b1b1b;
  --panel-3:#232323;
  --line:#34312d;
  --text:#f5f1ea;
  --muted:#99958f;
  --coffee:#c99045;
  --coffee-2:#e3b76e;
  --cream:#f0d39a;
  --success:#72bd8d;
  --danger:#e47b7b;
  --warning:#dca554;
  --shadow:0 24px 70px rgba(0,0,0,.48);
}
.customer-theme-modern.customer-body{
  background:
    radial-gradient(circle at 82% -5%,rgba(227,183,110,.10),transparent 28rem),
    radial-gradient(circle at 8% 28%,rgba(201,144,69,.055),transparent 24rem),
    linear-gradient(180deg,#0b0b0b 0%,#090909 64%,#070707 100%);
}
.customer-theme-modern .ambient{opacity:.16;filter:blur(105px)}
.customer-theme-modern .ambient-one{background:#c99045}.customer-theme-modern .ambient-two{background:#7d5b31}
.customer-theme-modern .menu-shell{max-width:1160px}
.customer-theme-modern .menu-header{padding:8px 2px 4px;align-items:center}
.customer-theme-modern .menu-header h1{color:#f6f1e8;letter-spacing:-.5px;text-shadow:0 8px 30px rgba(0,0,0,.28)}
.customer-theme-modern .menu-header p{color:#9a9690}
.customer-theme-modern .eyebrow{color:#d7ad68;letter-spacing:2.2px}
.customer-theme-modern .customer-site-icon{background:#171717;border-color:#38342f;box-shadow:0 0 0 1px rgba(227,183,110,.05) inset}
.customer-theme-modern .table-pill{
  color:#f5f1ea;background:linear-gradient(145deg,#191919,#121212);border-color:#3a3732;
  box-shadow:0 10px 30px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.025) inset;
}
.customer-theme-modern .table-pill span{color:#8f8b85}.customer-theme-modern .table-pill strong{color:#e2ba78}
.customer-theme-modern .category-strip{
  background:linear-gradient(180deg,rgba(11,11,11,.98),rgba(11,11,11,.90) 68%,rgba(11,11,11,0));
  padding-top:13px;
}
.customer-theme-modern .category-chip{
  background:#171717;border-color:#33312e;color:#aaa69f;border-radius:999px;padding:10px 17px;
  box-shadow:0 6px 18px rgba(0,0,0,.17);transition:.2s ease;
}
.customer-theme-modern .category-chip:hover{border-color:#554b3c;color:#ddd5c8}
.customer-theme-modern .category-chip.active{
  color:#17120b;border-color:#d7a95d;background:linear-gradient(135deg,#edc77f,#c98b3e);
  box-shadow:0 8px 24px rgba(201,144,69,.22),0 1px 0 rgba(255,255,255,.32) inset;
}
.customer-theme-modern .section-kicker{color:#c89952}.customer-theme-modern .section-count{color:#77736e}
.customer-theme-modern .section-title-row h2{color:#f3eee6}
.customer-theme-modern .product-card{
  background:linear-gradient(155deg,#1a1a1a,#131313);border-color:#302f2c;border-radius:20px;
  box-shadow:0 12px 32px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.02) inset;
}
.customer-theme-modern .product-card:hover{border-color:#46413a;transform:translateY(-1px)}
.customer-theme-modern .product-card.is-selected{
  border-color:rgba(227,183,110,.70);box-shadow:0 15px 38px rgba(0,0,0,.32),0 0 0 1px rgba(227,183,110,.09) inset;
}
.customer-theme-modern .product-visual{background:#101010;border-bottom-color:#2e2d2a}
.customer-theme-modern .product-placeholder{background:radial-gradient(circle at 35% 20%,rgba(227,183,110,.12),transparent 38%),#101010}
.customer-theme-modern .product-name{color:#f5f1ea}.customer-theme-modern .product-description{color:#928f89}
.customer-theme-modern .product-price{color:#e3b76e}.customer-theme-modern .product-price span{color:#8d8983}.customer-theme-modern .product-price strong{color:#e6b968}
.customer-theme-modern .add-product-btn{
  color:#e6bc76;background:#171717;border-color:#8f6a35;border-radius:12px;
  box-shadow:0 0 0 1px rgba(227,183,110,.025) inset;
}
.customer-theme-modern .add-product-btn:hover{background:#211d17;border-color:#c18d42;color:#f1cc8b}
.customer-theme-modern .qty-btn,.customer-theme-modern .qty-trash{background:#202020;border-color:#393733;color:#dedad3}
.customer-theme-modern .qty-plus{background:linear-gradient(135deg,#d9ac64,#b77d34);border-color:#d6a75d;color:#18120a}
.customer-theme-modern .qty-trash{background:#1d1717;border-color:rgba(228,123,123,.22);color:#e99090}
.customer-theme-modern .qty-number{background:#0d0d0d;border-color:#2c2b28;color:#f4efe8}
.customer-theme-modern .customer-bottom-tabs{
  background:rgba(14,14,14,.94);border-color:#34322e;box-shadow:0 22px 60px rgba(0,0,0,.62),0 1px 0 rgba(255,255,255,.025) inset;
}
.customer-theme-modern .bottom-tab-button{color:#77736d}.customer-theme-modern .bottom-tab-button.active{background:#24211d;color:#e1b66f}
.customer-theme-modern .cart-tab-badge{background:#d5a253;border-color:#111;color:#17110a}
.customer-theme-modern .sticky-order-btn,
.customer-theme-modern .primary-action{
  color:#171109;border-color:#e0b36b;background:linear-gradient(135deg,#efcb85 0%,#d5a257 46%,#bd8135 100%);
  box-shadow:0 18px 55px rgba(0,0,0,.52),0 8px 30px rgba(196,136,57,.16),0 1px 0 rgba(255,255,255,.38) inset;
  text-shadow:none;
}
.customer-theme-modern .sticky-order-btn:disabled{background:#2a2927;border-color:#363431;color:#77736d;box-shadow:0 14px 35px rgba(0,0,0,.32)}
.customer-theme-modern .cart-page-card,
.customer-theme-modern .modal-card,
.customer-theme-modern .payment-terminal,
.customer-theme-modern .result-card{background:linear-gradient(155deg,#1b1b1b,#111);border-color:#34312d}
.customer-theme-modern .cart-table-chip{background:#171717;border-color:#36332f}.customer-theme-modern .cart-table-chip strong{color:#e2b873}
.customer-theme-modern .empty-cart-icon{background:#191919;border-color:#3d3933;color:#d7a856}
.customer-theme-modern .cart-line{background:#101010;border-color:#292825}.customer-theme-modern .cart-line-actions button{background:#1e1e1e;border-color:#383631}
.customer-theme-modern .cart-line-actions span{background:#0b0b0b;border-color:#292824}
.customer-theme-modern .invoice-summary{border-color:#47423a}.customer-theme-modern .invoice-summary .invoice-total strong{color:#e5b86d}
.customer-theme-modern .payment-option{background:#111;border-color:#33312d}.customer-theme-modern .payment-option.selected{background:#1c1914;border-color:#8e6935}
.customer-theme-modern .payment-radio{border-color:#6f6556;box-shadow:inset 0 0 0 4px #111}.customer-theme-modern .payment-option.selected .payment-radio{background:#d5a456;border-color:#d5a456}
.customer-theme-modern .secondary-action{background:#202020;border-color:#373532;color:#eee9e1}
.customer-theme-modern .table-choice{background:#141414;border-color:#34312e}.customer-theme-modern .table-choice:hover,.customer-theme-modern .table-choice.selected{background:#1e1b16;border-color:#bd8b43}.customer-theme-modern .table-dot{background:#d9aa5e;box-shadow:0 0 0 5px rgba(217,170,94,.10)}
.customer-theme-modern .active-discount-banner{background:rgba(114,189,141,.08);border-color:rgba(114,189,141,.23)}
@media(max-width:680px){
  .customer-theme-modern .menu-header{padding-top:3px}
  .customer-theme-modern .category-chip{padding:9px 14px}
  .customer-theme-modern .product-card{border-radius:17px}
}

/* v0.3.2 — luxury showcase menu redesign */
:root{
  --showcase-bg:#08090b;
  --showcase-panel:#0f1217;
  --showcase-panel-2:#14181f;
  --showcase-border:rgba(255,255,255,.09);
  --showcase-border-strong:rgba(224,181,99,.38);
  --showcase-accent:#d8a65a;
  --showcase-accent-2:#f0cb8d;
  --showcase-text:#f7f1e8;
  --showcase-muted:#b4b0ae;
  --showcase-shadow:0 26px 60px rgba(0,0,0,.45);
}
.customer-body.customer-theme-modern{
  background:
    radial-gradient(circle at 50% -10%,rgba(205,147,79,.15),transparent 30%),
    radial-gradient(circle at 100% 15%,rgba(130,82,39,.14),transparent 30%),
    #07080a;
  color:var(--showcase-text);
}
.menu-shell-showcase{padding:0 0 0;max-width:760px}
.menu-shell-showcase .app-tab-panel{padding:0 14px}
.customer-hero{position:relative;padding:0 0 14px}
.hero-scene{
  position:relative;
  min-height:330px;
  border-radius:0 0 30px 30px;
  overflow:hidden;
  background-color:#0d0f13;
  background-size:cover;
  background-position:center;
  box-shadow:var(--showcase-shadow);
}
.hero-scene::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(5,6,8,.32),rgba(5,6,8,.45) 28%,rgba(5,6,8,.72) 70%,rgba(5,6,8,.95)),
    linear-gradient(90deg,rgba(5,6,8,.75) 0%,rgba(5,6,8,.12) 45%,rgba(5,6,8,.7) 100%);
}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(214,164,93,.12),transparent 28%);z-index:0}
.hero-topbar,.hero-content{position:relative;z-index:1}
.hero-topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 16px 0;gap:12px}
.hero-brand-mini{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#e8dccf;opacity:.92}
.customer-brand-line{display:flex;align-items:center;gap:8px}
.customer-site-icon{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden}
.customer-site-icon img{width:100%;height:100%;object-fit:cover}
.hero-table-pill{
  display:flex;align-items:center;gap:9px;min-width:0;
  border-color:rgba(255,255,255,.14);
  background:rgba(16,18,24,.55);
  padding:12px 14px;border-radius:20px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}
.hero-table-pill .table-pill-icon,.hero-table-pill .table-pill-arrow{width:19px;height:19px;color:#e2ba75;flex:0 0 auto}
.hero-table-pill .table-pill-icon svg,.hero-table-pill .table-pill-arrow{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-table-pill span:not(.table-pill-icon){display:none}
.hero-table-pill strong{font-size:15px;font-weight:800;color:#f4ebdd}
.hero-content{display:grid;grid-template-columns:100px 1fr 118px;align-items:start;gap:10px;padding:26px 16px 18px;min-height:255px}
.hero-quote,.hero-side-note{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;color:rgba(244,240,236,.72)}
.hero-quote{font-style:italic;font-size:13px;line-height:1.22;align-self:center;padding-top:30px}
.hero-side-note{
  margin-top:auto;
  padding:18px 12px;
  min-height:145px;
  border-radius:22px;
  border:1px solid rgba(223,193,143,.18);
  background:linear-gradient(180deg,rgba(15,17,22,.58),rgba(15,17,22,.88));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-align:center;
  color:#e2c191;
  font-size:13px;
  line-height:1.9;
  box-shadow:0 18px 30px rgba(0,0,0,.18);
}
.hero-side-note small{font-size:14px;opacity:.8;margin-top:auto}
.hero-copy{align-self:start;text-align:center;padding-top:4px}
.hero-copy h1{margin:0;font-size:clamp(40px,8vw,58px);line-height:1.05;font-weight:900;color:#f1debc;text-shadow:0 10px 26px rgba(0,0,0,.25)}
.hero-menu-title{margin:8px 0 0;font-size:17px;font-weight:700;color:#ede7e0}
.hero-subtitle{margin:9px auto 0;max-width:280px;font-size:12px;line-height:1.9;color:#cac2ba}

.modern-category-strip{
  position:sticky;top:0;z-index:11;
  margin-top:-2px;padding:10px 4px 18px;
  background:transparent!important;
  display:flex;gap:10px;overflow:auto;scrollbar-width:none;
}
.modern-category-strip::-webkit-scrollbar{display:none}
.modern-category-chip{
  min-width:132px;height:58px;padding:0 18px;
  display:flex;align-items:center;justify-content:center;
  border-radius:22px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(18,20,26,.98),rgba(10,12,16,.98));
  color:#f4f1eb;font-size:16px;font-weight:700;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 24px rgba(0,0,0,.18);
}
.modern-category-chip.active{
  background:linear-gradient(135deg,#f0c67d,#cb9450);
  border-color:#f3c98c;color:#171107;box-shadow:0 16px 28px rgba(203,148,80,.28);
}
.modern-category-sections{padding-bottom:4px}
.modern-category-section{padding:6px 0 8px;scroll-margin-top:92px}
.modern-section-title-row{display:none}
.modern-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.modern-product-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--showcase-border);
  background:linear-gradient(180deg,rgba(15,18,23,.96),rgba(11,14,18,.98));
  box-shadow:0 18px 38px rgba(0,0,0,.26);
}
.modern-product-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 16%,transparent 75%,rgba(255,255,255,.02));
}
.modern-product-card.is-selected{border-color:var(--showcase-border-strong);box-shadow:0 22px 40px rgba(0,0,0,.34),0 0 0 1px rgba(224,181,99,.08)}
.modern-product-visual{aspect-ratio:1/1;min-height:0;background:#0d1014;border-bottom:1px solid rgba(255,255,255,.05)}
.modern-product-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.modern-product-content{padding:12px 14px 14px;background:linear-gradient(180deg,rgba(15,19,24,.45),rgba(10,12,16,.95))}
.product-copy-block{min-height:76px}
.modern-product-content .product-name{font-size:17px;line-height:1.5;margin:0;color:#f7f4ee}
.modern-product-content .product-description{margin:6px 0 0;min-height:auto;font-size:11px;line-height:1.9;color:#a7aeb4}
.showcase-product-price{margin-top:10px;justify-content:flex-end;gap:6px;color:var(--showcase-accent)}
.showcase-product-price strong{font-size:18px;font-weight:900;letter-spacing:.2px;color:var(--showcase-accent)}
.showcase-product-price span{font-size:12px;color:var(--showcase-accent);order:-1}
.showcase-add-product-btn{
  width:100%;height:52px;margin-top:12px;padding:0 16px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:26px;border:1.5px solid rgba(224,181,99,.84);
  background:linear-gradient(180deg,rgba(12,14,18,.72),rgba(10,12,16,.92));
  color:#f0c37d;font-size:14px;font-weight:800;
}
.showcase-add-product-btn span{display:inline!important}
.showcase-add-product-btn svg{width:18px;height:18px}
.showcase-qty-controls{
  margin-top:12px;display:grid;grid-template-columns:46px 46px minmax(46px,1fr) 46px;
  direction:ltr;gap:8px;
  padding:8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background:rgba(12,14,18,.72);
}
.showcase-qty-controls .qty-btn,.showcase-qty-controls .qty-trash,.showcase-qty-controls .qty-number{
  width:auto;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#23272f;color:#fff;
}
.showcase-qty-controls .qty-number{border-radius:18px;background:transparent;font-size:17px;font-weight:800}
.showcase-qty-controls .qty-plus{background:#2b2f37;border-color:#434955}
.showcase-qty-controls .qty-minus{background:#2b2f37;border-color:#434955}
.showcase-qty-controls .qty-trash{color:#ffffff;background:transparent;border-color:rgba(255,255,255,.1)}

.sticky-order-btn-showcase{
  bottom:calc(max(12px,env(safe-area-inset-bottom)) + 90px);
  width:min(620px,calc(100% - 28px));
  display:grid;grid-template-columns:1fr auto auto auto;
  gap:14px;align-items:center;
  padding:18px 22px;border-radius:32px;
  background:linear-gradient(135deg,#f0c67d,#cb9450);
  color:#0e0b08;
  box-shadow:0 24px 45px rgba(203,148,80,.18),0 20px 55px rgba(0,0,0,.42);
}
.sticky-order-btn-showcase:disabled{background:linear-gradient(135deg,#8d8d8d,#646464);color:#171717;opacity:.8}
.sticky-order-btn-showcase .sticky-cta-copy{font-size:19px;font-weight:900}
.sticky-order-btn-showcase .sticky-cta-divider{width:1px;height:38px;background:rgba(14,11,8,.22)}
.sticky-order-btn-showcase .order-summary-mini{font-size:16px;font-weight:800;color:#0e0b08}
.sticky-order-btn-showcase .sticky-cta-arrow{width:26px;height:26px;display:grid;place-items:center}
.sticky-order-btn-showcase .sticky-cta-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bottom-safe-space{height:220px}

.customer-bottom-tabs-showcase{
  direction:ltr;
  width:min(540px,calc(100% - 28px));height:82px;padding:8px 14px;
  grid-template-columns:1fr 1fr;align-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:rgba(9,11,15,.95);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 20px 45px rgba(0,0,0,.48);
}
.customer-bottom-tabs-showcase .bottom-tab-button{color:#ead7b1;border-radius:22px}
.customer-bottom-tabs-showcase .bottom-tab-button.active{background:transparent;color:#f0c67d}
.customer-bottom-tabs-showcase .tab-icon-wrap{width:42px;height:42px}
.customer-bottom-tabs-showcase .bottom-tab-button svg{width:30px;height:30px;stroke-width:1.7}
.customer-bottom-tabs-showcase .cart-tab-badge{top:-2px;right:-7px;min-width:22px;height:22px;background:#d8a65a;color:#111}

.cart-page-header{padding-top:20px}
.cart-page-card{background:linear-gradient(180deg,rgba(15,18,23,.98),rgba(11,13,18,.98));border-color:rgba(255,255,255,.08)}
.active-discount-banner{margin-bottom:14px;padding:12px 14px;border-radius:18px;border:1px solid rgba(224,181,99,.22);background:rgba(224,181,99,.08);display:flex;justify-content:space-between;align-items:center;color:#f2d8aa}
.invoice-summary{margin-top:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.invoice-summary-row,.invoice-total{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#d8d4d1}
.invoice-summary-row strong,.invoice-total strong{color:#fff}
.invoice-total{margin-top:4px;padding-top:14px;border-top:1px dashed rgba(224,181,99,.22)}
.payment-option.selected{border-color:rgba(224,181,99,.4);background:rgba(224,181,99,.08)}
.payment-option.selected .payment-radio{background:#d8a65a;border-color:#e7c483}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:680px){
  .menu-shell-showcase .app-tab-panel{padding:0 8px}
  .hero-scene{min-height:296px;border-radius:0 0 26px 26px}
  .hero-topbar{padding:14px 12px 0}
  .hero-content{grid-template-columns:84px 1fr 96px;padding:22px 12px 14px;gap:8px;min-height:220px}
  .hero-copy h1{font-size:30px}
  .hero-menu-title{font-size:14px}
  .hero-subtitle{font-size:11px;max-width:220px}
  .hero-quote{font-size:10px;padding-top:16px}
  .hero-side-note{padding:12px 8px;min-height:126px;font-size:11px;line-height:1.85;border-radius:18px}
  .hero-table-pill{padding:10px 12px}
  .hero-table-pill strong{font-size:13px}
  .modern-category-strip{padding:8px 4px 16px;gap:8px}
  .modern-category-chip{min-width:112px;height:50px;border-radius:18px;font-size:13px;padding:0 14px}
  .modern-product-grid{gap:10px}
  .modern-product-card{border-radius:22px}
  .modern-product-content{padding:10px 11px 12px}
  .modern-product-content .product-name{font-size:12px}
  .modern-product-content .product-description{font-size:9.5px;line-height:1.75}
  .showcase-product-price{margin-top:8px}
  .showcase-product-price strong{font-size:15px}
  .showcase-product-price span{font-size:10px}
  .showcase-add-product-btn{height:44px;border-radius:22px;font-size:13px;margin-top:10px}
  .showcase-qty-controls{grid-template-columns:38px 38px minmax(34px,1fr) 38px;gap:6px;padding:6px;margin-top:10px}
  .showcase-qty-controls .qty-btn,.showcase-qty-controls .qty-trash,.showcase-qty-controls .qty-number{height:34px}
  .showcase-qty-controls .qty-number{font-size:15px}
  .sticky-order-btn-showcase{width:calc(100% - 24px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 84px);padding:16px 18px;border-radius:28px;gap:10px}
  .sticky-order-btn-showcase .sticky-cta-copy,.sticky-order-btn-showcase .order-summary-mini{font-size:17px}
  .sticky-order-btn-showcase .sticky-cta-divider{height:32px}
  .customer-bottom-tabs-showcase{width:calc(100% - 24px);height:76px;border-radius:28px;padding:8px 12px}
  .customer-bottom-tabs-showcase .tab-icon-wrap{width:40px;height:40px}
  .customer-bottom-tabs-showcase .bottom-tab-button svg{width:28px;height:28px}
  .bottom-safe-space{height:208px}
}
@media (max-width:390px){
  .hero-content{grid-template-columns:72px 1fr 84px}
  .hero-copy h1{font-size:26px}
  .hero-menu-title{font-size:13px}
  .hero-side-note{font-size:10px}
  .modern-category-chip{min-width:100px;font-size:12px}
}
@media (min-width:760px){
  .menu-shell-showcase{max-width:1100px}
  .menu-shell-showcase .app-tab-panel{padding:0 22px}
  .hero-scene{border-radius:0 0 34px 34px;min-height:360px}
  .hero-content{grid-template-columns:1fr minmax(280px,1.3fr) 180px}
  .hero-quote{font-size:16px}
  .hero-side-note{justify-self:end;width:160px}
  .modern-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .customer-bottom-tabs-showcase{width:min(580px,calc(100% - 32px))}
  .sticky-order-btn-showcase{width:min(720px,calc(100% - 32px))}
}
@media (min-width:1080px){
  .modern-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
}

/* v0.3.3 — responsive hotfix for showcase customer menu */
.menu-shell-showcase{
  width:min(100%,1180px);
  max-width:1180px;
  margin-inline:auto;
  padding:0;
}
.menu-shell-showcase .app-tab-panel{padding-inline:clamp(10px,2vw,20px)}

/* Compact table button: prevent the chevron from inheriting width:100% */
.hero-table-pill{
  width:auto!important;
  min-width:0!important;
  max-width:150px;
  height:48px;
  padding:0 13px!important;
  gap:8px!important;
  border-radius:18px!important;
  flex:0 0 auto;
  white-space:nowrap;
}
.hero-table-pill .table-pill-icon{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center;
  flex:0 0 18px!important;
}
.hero-table-pill .table-pill-icon svg{
  width:18px!important;
  height:18px!important;
}
.hero-table-pill .table-pill-arrow{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
.hero-table-pill strong{
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:72px;
}

.customer-hero{padding-bottom:12px}
.hero-scene{
  min-height:0!important;
  height:clamp(290px,31vw,380px);
  border-radius:0 0 30px 30px;
  background-position:center 44%;
}
.hero-topbar{
  padding:16px clamp(14px,2.4vw,24px) 0;
  align-items:center;
}
.hero-brand-mini{font-size:11px;letter-spacing:2.2px}
.hero-content{
  position:absolute!important;
  inset:58px 0 0;
  display:grid;
  grid-template-columns:minmax(100px,.75fr) minmax(260px,1.7fr) minmax(110px,.8fr);
  align-items:center;
  gap:clamp(8px,2vw,24px);
  padding:12px clamp(16px,3vw,34px) 22px;
  min-height:0!important;
}
.hero-copy{align-self:center!important;padding:0!important}
.hero-copy h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.16!important}
.hero-menu-title{font-size:clamp(13px,1.6vw,17px)!important}
.hero-subtitle{font-size:11px!important;line-height:1.8!important;max-width:330px!important}
.hero-quote{font-size:clamp(11px,1.2vw,14px)!important;padding:0!important;align-self:end!important;margin-bottom:24px}
.hero-side-note{
  width:min(100%,128px)!important;
  min-height:128px!important;
  justify-self:end;
  align-self:center;
  padding:13px 10px!important;
  font-size:11px!important;
  line-height:1.75!important;
  border-radius:18px!important;
}

.modern-category-strip{
  top:0;
  padding:10px 2px 14px!important;
  gap:8px!important;
}
.modern-category-chip{
  min-width:auto!important;
  flex:0 0 auto;
  height:46px!important;
  padding:0 18px!important;
  border-radius:18px!important;
  font-size:13px!important;
}

.modern-product-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.modern-product-card{min-width:0;border-radius:22px!important}
.modern-product-visual{aspect-ratio:1/1!important}
.modern-product-content{padding:10px 12px 12px!important}
.product-copy-block{min-height:64px!important}
.modern-product-content .product-name{font-size:14px!important;line-height:1.55!important}
.modern-product-content .product-description{
  min-height:34px!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.7!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.showcase-product-price{margin-top:7px!important}
.showcase-product-price strong{font-size:15px!important}
.showcase-product-price span{font-size:10px!important}
.showcase-add-product-btn{
  height:42px!important;
  margin-top:9px!important;
  border-radius:21px!important;
  font-size:12px!important;
}
.showcase-qty-controls{
  grid-template-columns:34px 34px minmax(30px,1fr) 34px!important;
  gap:5px!important;
  padding:5px!important;
  margin-top:9px!important;
}
.showcase-qty-controls .qty-btn,
.showcase-qty-controls .qty-trash,
.showcase-qty-controls .qty-number{height:32px!important;min-width:0!important}
.showcase-qty-controls .qty-number{font-size:13px!important}

/* Bottom actions remain available without covering too much content */
.customer-bottom-tabs-showcase{
  width:min(460px,calc(100% - 24px))!important;
  height:68px!important;
  padding:7px 12px!important;
  border-radius:24px!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
}
.customer-bottom-tabs-showcase .tab-icon-wrap{width:36px!important;height:36px!important}
.customer-bottom-tabs-showcase .bottom-tab-button svg{width:25px!important;height:25px!important}
.sticky-order-btn-showcase{
  width:min(560px,calc(100% - 24px))!important;
  min-height:58px;
  bottom:calc(max(10px,env(safe-area-inset-bottom)) + 78px)!important;
  padding:12px 18px!important;
  border-radius:26px!important;
  gap:10px!important;
  grid-template-columns:minmax(0,1fr) 1px auto 22px!important;
}
.sticky-order-btn-showcase .sticky-cta-copy{font-size:16px!important;white-space:nowrap}
.sticky-order-btn-showcase .order-summary-mini{font-size:13px!important;white-space:nowrap}
.sticky-order-btn-showcase .sticky-cta-divider{width:1px!important;height:28px!important}
.sticky-order-btn-showcase .sticky-cta-arrow{width:20px!important;height:20px!important}
.bottom-safe-space{height:170px!important}

/* Desktop / laptop */
@media (min-width:720px){
  .modern-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .modern-product-content .product-name{font-size:15px!important}
  .showcase-product-price strong{font-size:16px!important}
}
@media (min-width:1024px){
  .modern-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .modern-category-sections{padding-inline:2px}
}

/* Phones */
@media (max-width:719px){
  .menu-shell-showcase{width:100%;max-width:none}
  .menu-shell-showcase .app-tab-panel{padding-inline:8px!important}
  .customer-hero{margin-inline:-8px;padding-bottom:8px}
  .hero-scene{
    height:238px!important;
    border-radius:0 0 24px 24px!important;
    background-position:center center!important;
  }
  .hero-topbar{padding:12px 12px 0!important}
  .hero-brand-mini{font-size:9px!important;letter-spacing:1.6px!important}
  .customer-site-icon{width:25px!important;height:25px!important;border-radius:8px!important}
  .hero-table-pill{
    height:40px!important;
    max-width:126px!important;
    padding:0 10px!important;
    border-radius:15px!important;
    gap:6px!important;
  }
  .hero-table-pill .table-pill-icon{width:15px!important;height:15px!important;flex-basis:15px!important}
  .hero-table-pill .table-pill-icon svg{width:15px!important;height:15px!important}
  .hero-table-pill .table-pill-arrow{width:12px!important;height:12px!important;flex-basis:12px!important}
  .hero-table-pill strong{font-size:11px!important;max-width:60px!important}

  .hero-content{
    inset:48px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 18px 20px!important;
  }
  .hero-copy{width:100%;max-width:270px;text-align:center!important}
  .hero-copy h1{font-size:30px!important;line-height:1.15!important}
  .hero-menu-title{font-size:13px!important;margin-top:5px!important}
  .hero-subtitle{font-size:10px!important;line-height:1.7!important;margin-top:6px!important;max-width:240px!important}
  .hero-quote,.hero-side-note{display:none!important}

  .modern-category-strip{
    margin-inline:-2px;
    padding:8px 2px 12px!important;
    gap:7px!important;
  }
  .modern-category-chip{
    height:42px!important;
    padding:0 14px!important;
    border-radius:16px!important;
    font-size:11.5px!important;
  }

  .modern-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .modern-product-card{border-radius:18px!important}
  .modern-product-content{padding:8px 9px 10px!important}
  .product-copy-block{min-height:56px!important}
  .modern-product-content .product-name{font-size:12px!important}
  .modern-product-content .product-description{font-size:9px!important;min-height:30px!important;line-height:1.65!important}
  .showcase-product-price strong{font-size:13px!important}
  .showcase-product-price span{font-size:9px!important}
  .showcase-add-product-btn{height:38px!important;margin-top:7px!important;font-size:11px!important}
  .showcase-add-product-btn svg{width:15px!important;height:15px!important}
  .showcase-qty-controls{
    grid-template-columns:30px 30px minmax(26px,1fr) 30px!important;
    gap:3px!important;
    padding:4px!important;
    margin-top:7px!important;
  }
  .showcase-qty-controls .qty-btn,
  .showcase-qty-controls .qty-trash,
  .showcase-qty-controls .qty-number{height:29px!important}
  .showcase-qty-controls .qty-number{font-size:11px!important}

  .customer-bottom-tabs-showcase{
    width:calc(100% - 20px)!important;
    height:62px!important;
    padding:6px 10px!important;
    border-radius:22px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
  .customer-bottom-tabs-showcase .tab-icon-wrap{width:34px!important;height:34px!important}
  .customer-bottom-tabs-showcase .bottom-tab-button svg{width:23px!important;height:23px!important}
  .sticky-order-btn-showcase{
    width:calc(100% - 20px)!important;
    min-height:52px!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 70px)!important;
    padding:10px 14px!important;
    border-radius:22px!important;
    grid-template-columns:minmax(0,1fr) 1px auto 18px!important;
    gap:8px!important;
  }
  .sticky-order-btn-showcase .sticky-cta-copy{font-size:14px!important}
  .sticky-order-btn-showcase .order-summary-mini{font-size:11.5px!important}
  .sticky-order-btn-showcase .sticky-cta-divider{height:24px!important}
  .sticky-order-btn-showcase .sticky-cta-arrow{width:17px!important;height:17px!important}
  .bottom-safe-space{height:150px!important}
}

/* Very small phones: fall back to one-column cards instead of squeezing controls */
@media (max-width:340px){
  .modern-product-grid{grid-template-columns:1fr!important}
  .hero-copy h1{font-size:27px!important}
}

/* v0.3.4 — horizontal category sliders */
.modern-section-title-row.slider-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:12px 2px 10px!important;
}
.slider-title-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
.slider-title-copy .section-kicker{display:none}
.slider-title-copy h2{margin:0!important;font-size:20px!important;line-height:1.5!important;color:#f7f1e8!important;font-weight:900!important}
.slider-title-copy .section-count{font-size:10px!important;color:#8e9299!important;white-space:nowrap}
.category-slider-controls{display:flex;direction:ltr;align-items:center;gap:6px;flex:0 0 auto}
.category-slider-arrow{
  width:34px;height:34px;padding:0;display:grid;place-items:center;
  border-radius:50%;border:1px solid rgba(255,255,255,.09);
  background:#11141a;color:#dcb36e;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.category-slider-arrow:hover{background:#1a1e25;border-color:rgba(220,179,110,.35)}
.category-slider-arrow:active{transform:scale(.94)}
.category-slider-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.category-product-slider{
  display:flex!important;
  grid-template-columns:none!important;
  gap:10px!important;
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 12px!important;
  margin:0!important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
  cursor:grab;
}
.category-product-slider::-webkit-scrollbar{display:none}
.category-product-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.category-product-slider .modern-product-card{
  flex:0 0 calc((100% - 10px) / 2)!important;
  width:calc((100% - 10px) / 2)!important;
  max-width:calc((100% - 10px) / 2)!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.modern-category-section{
  padding:7px 0 10px!important;
  overflow:hidden;
}
.modern-category-section + .modern-category-section{
  margin-top:4px;
  border-top:1px solid rgba(255,255,255,.035);
  padding-top:12px!important;
}

@media (min-width:720px){
  .category-product-slider{gap:14px!important;padding-bottom:14px!important}
  .category-product-slider .modern-product-card{
    flex-basis:calc((100% - 28px) / 3)!important;
    width:calc((100% - 28px) / 3)!important;
    max-width:calc((100% - 28px) / 3)!important;
  }
  .slider-title-copy h2{font-size:22px!important}
}
@media (min-width:1024px){
  .category-product-slider{gap:16px!important}
  .category-product-slider .modern-product-card{
    flex-basis:calc((100% - 48px) / 4)!important;
    width:calc((100% - 48px) / 4)!important;
    max-width:calc((100% - 48px) / 4)!important;
  }
}
@media (max-width:719px){
  .modern-category-section{padding-top:5px!important}
  .modern-section-title-row.slider-section-title{margin:10px 2px 8px!important}
  .slider-title-copy h2{font-size:16px!important}
  .slider-title-copy .section-count{font-size:9px!important}
  .category-slider-controls{display:none!important}
  .category-product-slider{
    gap:8px!important;
    padding:2px 2px 10px!important;
  }
  .category-product-slider .modern-product-card{
    flex-basis:calc((100% - 8px) / 2)!important;
    width:calc((100% - 8px) / 2)!important;
    max-width:calc((100% - 8px) / 2)!important;
  }
}
@media (max-width:340px){
  .category-product-slider .modern-product-card{
    flex-basis:82%!important;
    width:82%!important;
    max-width:82%!important;
  }
}

/* v0.3.5 corrected — no gradient behind category chips */
.category-strip.modern-category-strip{background:transparent!important;}

/* v0.4.0 — optional customer club + coupon code */
.hero-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.club-pill{
  height:44px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;
  border-radius:18px;border:1px solid rgba(255,255,255,.13);
  background:rgba(16,18,24,.55);color:#e7dccd;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}
.club-pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.club-pill span{font-size:11px;font-weight:800;white-space:nowrap}
.club-pill.is-member{border-color:rgba(216,166,90,.35);color:#f0c67d;background:rgba(216,166,90,.08)}

.coupon-box{margin:14px 0 4px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.coupon-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.coupon-box-head strong{font-size:12px;color:#f0ebe5}.coupon-box-head small{font-size:9px;color:#8f8b86;margin-right:5px}
.coupon-input-row{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:8px}
.coupon-input-row input{width:100%;height:43px;border:1px solid #302f2c;border-radius:12px;background:#0d0e11;color:#f3eee7;padding:0 12px;direction:ltr;text-align:left;outline:0;text-transform:uppercase}
.coupon-input-row input:focus{border-color:#8d6a38;box-shadow:0 0 0 3px rgba(201,144,69,.08)}
.coupon-input-row button{border:1px solid rgba(216,166,90,.45);border-radius:12px;background:rgba(216,166,90,.1);color:#e7bd76;font-weight:800;font-size:11px}
.coupon-input-row button:disabled{opacity:.55}
.coupon-feedback{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:10px;line-height:1.8}
.coupon-feedback.success{background:rgba(105,184,132,.09);border:1px solid rgba(105,184,132,.24);color:#9bd4ad}
.coupon-feedback.error{background:rgba(222,116,116,.09);border:1px solid rgba(222,116,116,.24);color:#efa4a4}
.coupon-feedback.warning{background:rgba(221,167,92,.09);border:1px solid rgba(221,167,92,.24);color:#e6bb7d}
.coupon-discount-row{color:#dbb36f}

.club-modal-card{position:relative;max-width:560px}
.club-modal-close{position:absolute;left:16px;top:15px;width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#17191e;color:#c6c0b9;font-size:21px;line-height:1}
.club-register-view h2,.club-member-view h2{margin:5px 0 8px;font-size:24px}.club-register-view>p,.club-member-view>p{margin:0 0 16px;color:#a9a39d;font-size:11px;line-height:1.9}
.club-register-form{display:grid;gap:10px}.club-register-form label{display:grid;gap:6px;color:#d8d1c9;font-size:10px;font-weight:700}.club-register-form input[type=text],.club-register-form input[type=tel],.club-register-form input:not([type]){height:44px;border:1px solid #34312e;border-radius:12px;background:#0e0f12;color:#f4efe8;padding:0 12px;outline:0}
.club-register-form input:focus{border-color:#946f3a;box-shadow:0 0 0 3px rgba(201,144,69,.08)}
.club-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.club-consent{grid-template-columns:auto 1fr!important;align-items:start!important;gap:8px!important;font-weight:500!important;line-height:1.8}.club-consent input{margin-top:3px;accent-color:#c99045}
.club-form-error{padding:9px;border-radius:11px;background:rgba(222,116,116,.1);border:1px solid rgba(222,116,116,.24);color:#efaaaa;font-size:10px}
.club-icon-large{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:rgba(216,166,90,.09);border:1px solid rgba(216,166,90,.22);color:#e7ba70}
.club-icon-large svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.club-member-view{text-align:center}.club-member-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.club-member-stats>div{padding:12px;border-radius:14px;background:#0f1013;border:1px solid #2f2e2b}.club-member-stats span,.club-member-stats strong{display:block}.club-member-stats span{color:#8f8a84;font-size:9px}.club-member-stats strong{margin-top:4px;font-size:12px;color:#eee6dc}

@media(max-width:520px){
  .hero-actions{gap:5px}
  .club-pill{width:40px;height:40px;padding:0;justify-content:center;border-radius:15px}
  .club-pill span{display:none}
  .club-pill svg{width:17px;height:17px}
  .hero-table-pill{height:40px!important;padding:0 9px!important}
  .club-name-grid{grid-template-columns:1fr}
  .coupon-input-row{grid-template-columns:minmax(0,1fr) 80px}
}