/* BB Order kit — adapted from bistro-order/bb-order.html with the bb- prefix */
@import url("../../colors_and_type.css");

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth }
body {
  font-family: var(--bb-sans);
  background: var(--bb-cream);
  color: var(--bb-text);
  font-size: 16px;
  line-height: 1.6;
}

/* TOPNAV */
.bb-topnav{
  position:sticky;top:0;z-index:200;
  background:rgba(10,8,5,0.96);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(207,166,112,0.1);
  padding:0 40px;height:64px;
  display:flex;align-items:center;justify-content:space-between;
}
.bb-nav-logo{font-family:var(--bb-serif);color:var(--bb-gold);font-size:22px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px}
.bb-nav-mark{width:32px;height:32px;display:block}
.bb-nav-right{display:flex;align-items:center;gap:12px}
.bb-nav-status{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(250,248,244,.5);font-weight:500}
.bb-status-dot{width:7px;height:7px;border-radius:50%;background:#3ECF72;box-shadow:0 0 6px #3ECF72;animation:bb-blink 2s ease-in-out infinite}
@keyframes bb-blink{0%,100%{opacity:1}50%{opacity:.35}}

/* HERO */
.bb-page-header{background:var(--bb-black) url('../../assets/IMG_4652.jpeg') center/cover no-repeat;padding:52px 40px 40px;text-align:center;position:relative;overflow:hidden}
.bb-page-header-bg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,8,5,.78) 0%,rgba(10,8,5,.58) 50%,rgba(10,8,5,.82) 100%),radial-gradient(ellipse 70% 60% at 50% 110%,rgba(196,18,48,.35) 0%,transparent 70%)}
.bb-page-header-grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}
.bb-page-header-inner{position:relative;z-index:1}
.bb-page-eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(207,166,112,.28);color:var(--bb-gold);font-size:10px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;padding:7px 20px;border-radius:2px;margin-bottom:22px}
.bb-page-eyebrow::before,.bb-page-eyebrow::after{content:'·';opacity:.5}
.bb-page-title{font-family:var(--bb-serif);font-size:clamp(44px,8vw,80px);font-weight:700;color:var(--bb-cream);line-height:1;margin-bottom:10px;letter-spacing:-.5px}
.bb-page-title em{font-style:italic;color:var(--bb-gold)}
.bb-page-sub{font-family:var(--bb-serif);font-size:clamp(15px,2vw,20px);color:rgba(250,248,244,.6);font-style:italic;margin-bottom:24px}
.bb-open-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(153,0,40,.8);color:#fff;font-size:12px;font-weight:600;padding:8px 20px;border-radius:50px;letter-spacing:.3px}
.bb-open-badge::before{content:'●';font-size:7px;color:#ff9999}
.bb-page-addr{margin-top:12px;font-size:12px;color:rgba(250,248,244,.35);letter-spacing:.5px}

/* MODE TOGGLE */
.bb-mode-bar{background:var(--bb-cream-2);border-bottom:1px solid var(--bb-cream-3);padding:14px 40px;display:flex;align-items:center;justify-content:center;gap:16px}
.bb-mode-toggle{display:flex;background:var(--bb-cream);border:1.5px solid var(--bb-cream-3);border-radius:10px;padding:3px;gap:3px}
.bb-mode-btn{flex:1;padding:9px 28px;border:none;background:none;cursor:pointer;font-family:var(--bb-sans);font-size:13px;font-weight:600;color:var(--bb-muted);border-radius:7px;transition:all .18s;white-space:nowrap;display:flex;align-items:center;gap:7px;justify-content:center}
.bb-mode-btn.active{background:var(--bb-red);color:#fff;box-shadow:0 2px 8px rgba(196,18,48,.3)}

/* CATEGORY TABS */
.bb-cat-bar{background:var(--bb-cream);border-bottom:1px solid var(--bb-border);padding:0 40px;position:sticky;top:64px;z-index:100}
.bb-cat-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.bb-cat-tabs::-webkit-scrollbar{display:none}
.bb-ct{flex-shrink:0;padding:7px 16px;background:none;border:1.5px solid transparent;cursor:pointer;font-family:var(--bb-sans);font-size:12px;font-weight:600;color:var(--bb-muted);letter-spacing:.3px;border-radius:50px;transition:all .16s;white-space:nowrap}
.bb-ct:hover{color:var(--bb-text);border-color:var(--bb-cream-3)}
.bb-ct.active{background:var(--bb-gold);border-color:var(--bb-gold);color:var(--bb-black)}

/* MAIN LAYOUT */
.bb-main{display:grid;grid-template-columns:1fr 380px;max-width:1200px;margin:0 auto;align-items:start}
@media(max-width:900px){.bb-main{grid-template-columns:1fr}}
.bb-menu-col{padding:36px 40px 80px;border-right:1px solid var(--bb-border)}
.bb-cat-section{margin-bottom:48px}
.bb-cat-section-header{margin-bottom:24px}
.bb-cat-section-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--bb-gold);margin-bottom:6px}
.bb-cat-section-title{font-family:var(--bb-serif);font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--bb-text);line-height:1.05;margin-bottom:6px}
.bb-cat-section-desc{font-size:13px;color:var(--bb-muted);line-height:1.6}
.bb-cat-divider{width:40px;height:2px;background:var(--bb-gold);border-radius:2px;margin-bottom:12px}

.bb-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}

/* MCARD */
.bb-mcard{background:var(--bb-cream);border:1.5px solid var(--bb-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .2s;cursor:pointer}
.bb-mcard:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-3px);border-color:rgba(207,166,112,.3)}
.bb-mcard.in-cart{border-color:var(--bb-red);box-shadow:0 4px 20px rgba(196,18,48,.15)}
.bb-mcard-img-wrap{position:relative;overflow:hidden;flex-shrink:0}
.bb-mcard-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--bb-cream-2);transition:transform .4s}
.bb-mcard:hover .bb-mcard-img{transform:scale(1.04)}
.bb-mcard-ph{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f0ece2,#e4ddd0);display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}
.bb-in-cart-tag{position:absolute;top:10px;right:10px;background:var(--bb-red);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:4px;opacity:0;transition:opacity .2s}
.bb-mcard.in-cart .bb-in-cart-tag{opacity:1}

/* AGE-RESTRICTED (18+) BADGE */
.bb-age-badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--bb-red);color:#fff;font:800 11px/1 var(--bb-sans);letter-spacing:.03em;padding:4px 8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.bb-age-badge.inline{position:static;display:inline-block;margin-left:7px;vertical-align:middle;padding:2px 7px;font-size:10px;border-radius:5px}

.bb-mcard-compact{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bb-cream);border:1.5px solid var(--bb-border);border-radius:10px;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.bb-mcard-compact:hover{border-color:rgba(207,166,112,.3);box-shadow:0 4px 14px rgba(0,0,0,.07)}
.bb-mcard-compact.in-cart{border-color:var(--bb-red);background:rgba(196,18,48,.03)}
.bb-compact-list{display:flex;flex-direction:column;gap:7px}
.bb-compact-left{flex:1;min-width:0}

.bb-mcard-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.bb-mcard-name{font-family:var(--bb-serif);font-size:20px;font-weight:700;color:var(--bb-text);line-height:1.15;margin-bottom:6px}
.bb-mcard-compact .bb-mcard-name{font-family:var(--bb-sans);font-size:14px;font-weight:600;margin-bottom:0}
.bb-mcard-desc{font-size:12px;color:var(--bb-muted);line-height:1.6;flex:1;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bb-mcard-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.bb-mcard-price{font-family:var(--bb-serif);font-size:22px;font-weight:700;color:var(--bb-gold-dark)}
.bb-mcard-compact .bb-mcard-price{font-family:var(--bb-sans);font-size:14px;font-weight:700;color:var(--bb-gold-dark)}

.bb-mcard-ctrl{display:flex;align-items:center;gap:7px;flex-shrink:0}
.bb-qb{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(207,166,112,.35);background:none;color:var(--bb-gold-dark);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s;line-height:1}
.bb-qb:hover{background:rgba(207,166,112,.12);border-color:var(--bb-gold)}
.bb-qb-p{background:var(--bb-red);border-color:var(--bb-red);color:#fff}
.bb-qb-p:hover{background:var(--bb-red-2);border-color:var(--bb-red-2)}
.bb-qb-m:disabled{opacity:.2;cursor:default;pointer-events:none}
.bb-qn{font-family:var(--bb-serif);font-size:18px;font-weight:700;min-width:18px;text-align:center;color:var(--bb-text)}

/* CART */
.bb-cart-col{position:sticky;top:64px;background:var(--bb-cart-bg);min-height:calc(100vh - 64px);display:flex;flex-direction:column}
@media(max-width:900px){.bb-cart-col{position:static;min-height:auto}}
.bb-cart-head{padding:24px 28px 18px;border-bottom:1px solid rgba(207,166,112,.1);display:flex;align-items:center;justify-content:space-between}
.bb-cart-heading{font-family:var(--bb-serif);font-size:26px;font-weight:600;color:var(--bb-cream)}
.bb-cart-badge{background:var(--bb-red);color:#fff;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.bb-cart-body{flex:1;overflow-y:auto;padding:16px 28px}
.bb-cart-empty{text-align:center;color:rgba(250,248,244,.3);padding:60px 0;font-size:14px}
.bb-cart-empty-icon{font-size:36px;margin-bottom:12px;opacity:.4}
.bb-ci-wrap{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}
.bb-ci-wrap:last-child{border-bottom:none}
.bb-ci{display:flex;align-items:center;gap:10px;padding:9px 0 2px;font-size:13px}
.bb-ci-qty{font-size:11px;font-weight:700;color:var(--bb-red);background:rgba(196,18,48,.12);border:1px solid rgba(196,18,48,.2);padding:1px 6px;border-radius:4px;white-space:nowrap;min-width:26px;text-align:center}
.bb-ci-name{flex:1;color:rgba(250,248,244,.75);line-height:1.3}
.bb-ci-price{font-weight:600;color:var(--bb-cream);white-space:nowrap}
.bb-ci-edit{background:none;border:none;color:rgba(250,248,244,.28);cursor:pointer;font-size:12px;padding:0 2px;transition:color .12s;line-height:1}
.bb-ci-edit:hover{color:var(--bb-gold)}
.bb-ci-rm{background:none;border:none;color:rgba(250,248,244,.2);cursor:pointer;font-size:15px;padding:0 2px;transition:color .12s}
.bb-ci-rm:hover{color:#e74c3c}
.bb-ci-note-input{width:100%;margin-top:2px;padding:7px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(207,166,112,.22);border-radius:7px;color:var(--bb-cream);font-family:var(--bb-sans);font-size:12px;outline:none;transition:border-color .14s}
.bb-ci-note-input:focus{border-color:var(--bb-gold)}
.bb-ci-note-input::placeholder{color:rgba(250,248,244,.25)}
.bb-ci-note-preview{margin-top:1px;font-size:11px;font-style:italic;color:rgba(207,166,112,.75);cursor:pointer;line-height:1.4;padding-left:1px}
.bb-ci-note-preview:hover{color:var(--bb-gold)}
.bb-cart-totals{padding:14px 28px;border-top:1px solid rgba(207,166,112,.1)}
.bb-cart-row{display:flex;justify-content:space-between;font-size:13px;color:rgba(250,248,244,.5);padding:3px 0}
.bb-cart-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:10px;margin-top:6px;border-top:1px solid rgba(207,166,112,.15)}
.bb-cart-total-label{color:rgba(250,248,244,.7);font-size:14px;font-weight:500}
.bb-cart-total-price{font-family:var(--bb-serif);font-size:28px;font-weight:700;color:var(--bb-gold)}

/* CHECKOUT FORM */
.bb-checkout-form{padding:0 28px 28px}
.bb-cf-section-head{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--bb-gold);margin:18px 0 10px;display:flex;align-items:center;gap:10px}
.bb-cf-section-head::after{content:'';flex:1;height:1px;background:rgba(207,166,112,.15)}
.bb-cf-row{margin-bottom:10px}
.bb-cf-label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;color:rgba(250,248,244,.4);text-transform:uppercase;margin-bottom:4px}
.bb-cf-input{width:100%;padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(207,166,112,.18);border-radius:8px;color:var(--bb-cream);font-family:var(--bb-sans);font-size:14px;outline:none;transition:border-color .14s}
.bb-cf-input:focus{border-color:var(--bb-gold)}
.bb-cf-input::placeholder{color:rgba(250,248,244,.25)}
.bb-tg{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:4px}
.bb-tc{padding:7px 4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:7px;text-align:center;font-size:11px;font-weight:500;color:rgba(250,248,244,.5);cursor:pointer;transition:all .13s}
.bb-tc:hover{border-color:rgba(207,166,112,.3);color:rgba(250,248,244,.85)}
.bb-timepicker{margin-top:6px}
.bb-tp-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bb-tp-btn{padding:10px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:13px;font-weight:500;color:rgba(250,248,244,.55);cursor:pointer;transition:all .15s;text-align:center;width:100%}
.bb-tp-btn:hover{border-color:rgba(207,166,112,.3);color:rgba(250,248,244,.85)}
.bb-tp-btn.active{background:rgba(207,166,112,.12);border-color:var(--bb-gold);color:var(--bb-gold);font-weight:600}
.bb-tp-custom{margin-top:8px;display:flex;align-items:center;gap:10px}
.bb-tp-input{flex:1;font-size:15px;padding:10px 12px;color-scheme:dark}
.bb-tp-chosen{font-size:12px;color:var(--bb-gold);white-space:nowrap}
.bb-tc.sel{background:rgba(207,166,112,.12);border-color:var(--bb-gold);color:var(--bb-gold);font-weight:600}

.bb-submit-btn{width:100%;padding:15px;background:var(--bb-red);color:#fff;border:none;border-radius:10px;font-family:var(--bb-sans);font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 4px 18px rgba(196,18,48,.35);margin-top:6px;letter-spacing:.3px}
.bb-submit-btn:hover{background:var(--bb-red-2);transform:translateY(-1px)}
.bb-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.bb-gdpr-note{font-size:10px;color:rgba(250,248,244,.22);text-align:center;margin-top:8px;line-height:1.6;padding:0 4px}

.bb-pay-opts{display:flex;flex-direction:column;gap:7px}
.bb-pay-opt{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;border:1.5px solid rgba(207,166,112,.15);cursor:pointer;transition:all .16s}
.bb-pay-opt:hover{border-color:rgba(207,166,112,.3)}
.bb-pay-opt.sel{border-color:var(--bb-gold);background:rgba(207,166,112,.07)}
.bb-pay-opt-icon{font-size:20px;flex-shrink:0}
.bb-pay-opt-label{font-size:13px;font-weight:600;color:var(--bb-cream);line-height:1.2}
.bb-pay-opt-sub{font-size:11px;color:rgba(250,248,244,.4);margin-top:2px}

/* ALCOHOL / AGE-VERIFICATION NOTICE */
.bb-alcohol-notice{display:flex;align-items:flex-start;gap:10px;background:rgba(196,18,48,.09);border:1px solid rgba(196,18,48,.28);border-radius:10px;padding:11px 13px;margin-top:12px;font-size:12px;line-height:1.55;color:#EBC9B8}
.bb-alcohol-notice-ic{font-size:17px;flex-shrink:0;line-height:1.3}
.bb-alcohol-notice b{color:#fff}

/* CONFIRMATION */
.bb-conf-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}
.bb-conf-box{position:relative;background:var(--bb-cart-bg);border:1px solid rgba(207,166,112,.15);border-radius:18px;max-width:440px;width:100%;padding:40px 36px;text-align:center;animation:bb-popIn .45s cubic-bezier(.34,1.4,.64,1);overflow-y:auto;max-height:92vh}
@keyframes bb-popIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.bb-conf-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(250,248,244,.5);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s}
.bb-conf-x:hover{background:rgba(255,255,255,.12);color:var(--bb-cream)}
.bb-conf-ring{width:80px;height:80px;border-radius:50%;border:2px solid rgba(42,157,92,.5);background:rgba(42,157,92,.1);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;color:#3ECF72}
.bb-conf-num{font-family:var(--bb-serif);font-size:64px;font-weight:700;color:var(--bb-gold);line-height:1;text-shadow:0 0 50px rgba(207,166,112,.3)}
.bb-conf-title{font-family:var(--bb-serif);font-size:28px;font-weight:700;color:var(--bb-cream);margin:8px 0 4px}
.bb-conf-sub{font-size:13px;color:rgba(250,248,244,.5);line-height:1.6;margin-bottom:22px}
.bb-conf-card{background:rgba(255,255,255,.04);border:1px solid rgba(207,166,112,.12);border-radius:12px;padding:16px;text-align:left;margin-bottom:22px}
.bb-conf-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.bb-conf-row:last-child{border-bottom:none}
.bb-cr-l{color:rgba(250,248,244,.4)}
.bb-cr-v{font-weight:600;color:var(--bb-cream)}
.bb-conf-new-btn{background:none;border:1.5px solid rgba(207,166,112,.25);color:rgba(250,248,244,.5);font-family:var(--bb-sans);font-size:14px;font-weight:500;padding:11px 28px;border-radius:10px;cursor:pointer;transition:all .16s}
.bb-conf-new-btn:hover{border-color:var(--bb-gold);color:var(--bb-gold)}
.bb-conf-age-notice{background:rgba(196,18,48,.1);border:1px solid rgba(196,18,48,.3);border-radius:10px;padding:11px 14px;margin-bottom:18px;font-size:12px;line-height:1.55;color:#EBC9B8;text-align:left}

/* ORDER TRACKER — krokoměr postupu (jako Bolt/Wolt/Foodora) */
.bb-track{margin-bottom:22px}
.bb-track-row{display:flex;align-items:flex-start}
.bb-track-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:60px}
.bb-track-dot{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;line-height:1;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);
  color:rgba(250,248,244,.35);
  transition:all .3s var(--bb-ease-pop);
}
.bb-track-step.done .bb-track-dot{background:rgba(62,207,114,.16);border-color:rgba(62,207,114,.5);color:#3ECF72}
.bb-track-step.active .bb-track-dot{
  background:rgba(207,166,112,.18);border-color:var(--bb-gold);color:var(--bb-gold-light);
  box-shadow:0 0 0 4px rgba(207,166,112,.12);
  animation:bb-track-pulse 1.6s ease-in-out infinite;
}
@keyframes bb-track-pulse{0%,100%{box-shadow:0 0 0 4px rgba(207,166,112,.12)}50%{box-shadow:0 0 0 8px rgba(207,166,112,.03)}}
.bb-track-lbl{font-size:9.5px;font-weight:600;letter-spacing:.02em;color:rgba(250,248,244,.4);text-align:center;line-height:1.25}
.bb-track-step.active .bb-track-lbl{color:var(--bb-cream)}
.bb-track-step.done .bb-track-lbl{color:rgba(111,227,160,.75)}
.bb-track-line{flex:1;height:2px;background:rgba(255,255,255,.1);margin:16px -2px 0;border-radius:2px;transition:background .3s}
.bb-track-line.done{background:rgba(62,207,114,.5)}

/* MINIMALIZOVANÁ PILULKA SE STAVEM OBJEDNÁVKY */
.bb-tracker-pill{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;
  background:var(--bb-black-2);border:1px solid rgba(207,166,112,.3);
  border-radius:50px;padding:9px 18px 9px 14px;
  box-shadow:0 10px 34px rgba(0,0,0,.5);
  cursor:pointer;z-index:490;
  animation:bb-fabIn .3s var(--bb-ease-pop);
  max-width:calc(100vw - 32px);
}
.bb-tracker-pill-ic{font-size:19px;flex-shrink:0}
.bb-tracker-pill-body{min-width:0;text-align:left}
.bb-tracker-pill-num{font-family:var(--bb-display);font-size:12px;letter-spacing:.05em;color:var(--bb-gold);line-height:1}
.bb-tracker-pill-stage{font-size:12.5px;font-weight:600;color:var(--bb-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.bb-tracker-pill-go{color:rgba(250,248,244,.4);font-size:16px;flex-shrink:0}

/* TOAST */
.bb-notif{position:fixed;top:16px;left:50%;transform:translateX(-50%) translateY(-110px);background:var(--bb-black-2);border:1px solid rgba(42,157,92,.35);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:10px;z-index:9999;min-width:260px;box-shadow:0 8px 32px rgba(0,0,0,.7);transition:transform .4s cubic-bezier(.34,1.2,.64,1)}
.bb-notif.show{transform:translateX(-50%) translateY(0)}
.bb-notif-icon{font-size:20px}
.bb-notif-text-head{font-size:13px;font-weight:600;color:var(--bb-cream);margin-bottom:1px}
.bb-notif-text-sub{font-size:11px;color:rgba(250,248,244,.45)}

/* DELIVERY NOTICE */
.bb-delivery-notice{background:rgba(59,158,240,.08);border-top:1px solid rgba(59,158,240,.15);border-bottom:1px solid rgba(59,158,240,.15);color:rgba(59,158,240,.9);font-size:12px;font-weight:500;text-align:center;padding:9px 20px;letter-spacing:.2px}

/* DESKTOP CART SIDEBAR */
.bb-cart-desktop{display:block}
@media(max-width:900px){.bb-cart-desktop{display:none}}

/* MOBILE FAB */
.bb-cart-fab{
  display:none;
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);
  background:var(--bb-red);color:#fff;border:none;border-radius:50px;
  padding:14px 24px;
  font-family:var(--bb-sans);font-size:14px;font-weight:700;
  box-shadow:0 8px 28px rgba(196,18,48,.5);
  cursor:pointer;z-index:300;
  align-items:center;gap:10px;
  white-space:nowrap;
  transition:transform .18s,box-shadow .18s;
  animation:bb-fabIn .3s cubic-bezier(.34,1.2,.64,1);
}
@media(max-width:900px){.bb-cart-fab{display:flex}}
.bb-cart-fab:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 36px rgba(196,18,48,.55)}
@keyframes bb-fabIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.bb-fab-count{background:rgba(255,255,255,.2);border-radius:20px;padding:2px 8px;font-size:12px}
.bb-fab-sep{opacity:.5}
.bb-fab-total{font-family:var(--bb-serif);font-size:17px;font-weight:700}
.bb-fab-cta{opacity:.85;font-size:13px}

/* MOBILE CART SHEET */
.bb-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:400;backdrop-filter:blur(4px)}
.bb-cart-sheet{
  position:fixed;bottom:0;left:0;right:0;z-index:450;
  background:var(--bb-cart-bg);
  border-radius:22px 22px 0 0;
  border-top:1px solid rgba(207,166,112,.15);
  transform:translateY(100%);
  transition:transform .38s cubic-bezier(.32,1,.65,1);
  max-height:92vh;
  display:flex;flex-direction:column;
}
.bb-cart-sheet.open{transform:translateY(0)}
.bb-sheet-handle{width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.15);margin:12px auto 0}
.bb-sheet-close{
  align-self:flex-end;margin:10px 16px 0;
  background:none;border:1px solid rgba(207,166,112,.2);
  color:rgba(250,248,244,.45);font-family:var(--bb-sans);font-size:12px;font-weight:500;
  padding:6px 14px;border-radius:20px;cursor:pointer;
  transition:border-color .14s,color .14s;
}
.bb-sheet-close:hover{border-color:rgba(207,166,112,.5);color:rgba(250,248,244,.8)}
.bb-sheet-inner{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}

/* CLOSED OVERLAY */
.bb-closed-ov{
  position:fixed;inset:0;z-index:700;
  background:rgba(8,6,4,.84);backdrop-filter:blur(4px);
  pointer-events:all;
}
.bb-closed-banner{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(-22deg);
  background:rgba(196,18,48,.94);
  color:#fff;
  font-family:var(--bb-serif);
  font-size:clamp(28px,6vw,56px);font-weight:700;letter-spacing:.1em;
  padding:18px 70px;white-space:nowrap;
  box-shadow:0 6px 50px rgba(0,0,0,.7);
  text-align:center;line-height:1.25;
  border-radius:4px;
}
.bb-closed-banner span{
  display:block;font-family:var(--bb-sans);
  font-size:.38em;font-weight:500;letter-spacing:.04em;
  opacity:.85;margin-top:5px;
}

/* STREET AUTOCOMPLETE */
.bb-autocomplete-wrap{position:relative}
.bb-ac-spinner{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-size:13px;color:#A8957A;pointer-events:none;
}
.bb-suggest-list{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;
  background:#1A1208;border:1px solid rgba(207,166,112,.25);border-radius:12px;
  overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.55);
  list-style:none;padding:4px 0;margin:0;
}
.bb-suggest-item{
  display:flex;align-items:center;gap:9px;
  padding:11px 14px;cursor:pointer;
  font:600 14px/1.2 var(--bb-sans);color:#EFE6D2;
  transition:background .12s;
}
.bb-suggest-item:hover{background:rgba(207,166,112,.12)}
.bb-suggest-ic{font-size:15px;flex-shrink:0;opacity:.7}

/* DELIVERY ZONE PICKER */
.bb-zone-wrap{display:flex;align-items:center;gap:10px}
.bb-zone-select{
  flex:1;cursor:pointer;
  background:var(--bb-card);color:var(--bb-text);
}
.bb-zone-fee{
  flex-shrink:0;font:800 15px/1 var(--bb-sans);
  color:#2BA055;background:rgba(43,160,85,.1);
  border:1px solid rgba(43,160,85,.3);
  padding:8px 13px;border-radius:10px;white-space:nowrap;
}

/* SOLD-OUT STATES */
.bb-mcard.sold-out{opacity:.6;pointer-events:none}
.bb-mcard.sold-out .bb-mcard-img{filter:grayscale(60%)}
.bb-soldout-tag{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,8,5,.55);
  font:700 13px/1 var(--bb-sans);letter-spacing:.08em;
  color:#fff;border-radius:inherit;
}
.bb-mcard-compact.sold-out{opacity:.55;pointer-events:none}
.bb-compact-soldout{
  font:600 11px/1 var(--bb-sans);letter-spacing:.08em;
  color:#888;text-transform:uppercase;white-space:nowrap;padding:4px 0;
}

/* RESPONSIVE TWEAKS */
@media(max-width:640px){
  .bb-topnav{padding:0 16px}
  .bb-page-header{padding:36px 16px 28px}
  .bb-mode-bar{padding:12px 16px}
  .bb-cat-bar{padding:0 12px}
  .bb-menu-col{padding:24px 16px 100px;border-right:none}
  .bb-menu-grid{grid-template-columns:1fr}
  .bb-tg{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:641px) and (max-width:900px){
  .bb-menu-col{padding:28px 24px 100px;border-right:none}
  .bb-menu-grid{grid-template-columns:repeat(2,1fr)}
}