/* =====================================================
   Bunker Bites — MR. B's Food Truck
   Stylesheet  |  © 2026 Bunker Bites · Stockbridge, MI
   Fonts loaded via Google Fonts (Rye · Oswald · Lato)
   Upload alongside index.html — same directory.
===================================================== */

/* ── ROOT ── */
:root {
  --brown-dark:  #2C1206;
  --brown-mid:   #5C2E12;
  --brown-light: #8B4A1F;
  --denim-dark:  #1E3A5F;
  --denim-mid:   #2A4E78;
  --denim-blue:  #3A6B9A;
  --gold:        #C8921A;
  --gold-light:  #E8B040;
  --tan:         #D4A854;
  --cream:       #F7EDD8;
  --cream-warm:  #EFE0C0;
  --off-white:   #FBF6EC;
  --text-dark:   #1E0E04;
  --navy:        #0F1E35;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--off-white);color:var(--text-dark);overflow-x:hidden}

/* ── PREVIEW BAR ── */
#preview-bar{
  position:fixed;top:0;left:0;right:0;z-index:10000;
  background:var(--navy);border-bottom:3px solid var(--gold);
  height:46px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(1rem,3vw,2rem);gap:1rem;
  font-family:'Oswald',sans-serif;
}
.pb-left{display:flex;align-items:center;gap:1rem;}
.pb-badge{background:var(--gold);color:var(--navy);font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.25rem .75rem;border-radius:2px;white-space:nowrap;}
.pb-label{font-size:.72rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);white-space:nowrap;}
.pb-label strong{color:#fff;font-weight:600;}
.pb-btn{background:transparent;border:1.5px solid var(--gold);color:var(--gold);font-family:'Oswald',sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.3rem 1rem;border-radius:2px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;}
.pb-btn:hover{background:var(--gold);color:var(--navy);}
body{padding-top:46px;}
#main-nav{top:0px !important;}

/* ── FEEDBACK OVERLAY ── */
#fb-overlay{display:none;position:fixed;inset:0;z-index:20000;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:1.5rem;}
#fb-overlay.open{display:flex;}
#fb-panel{background:var(--navy);border:2px solid var(--gold);border-radius:8px;padding:clamp(1.5rem,4vw,2.25rem);width:100%;max-width:560px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:panelIn .3s ease;}
@keyframes panelIn{from{opacity:0;transform:scale(.95) translateY(14px)}to{opacity:1;transform:none}}
.fp-x{position:absolute;top:.9rem;right:1rem;background:none;border:none;color:rgba(255,255,255,.35);font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s;font-family:sans-serif;}
.fp-x:hover{color:#fff;}
.fp-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;}
.fp-top img{width:46px;height:46px;object-fit:contain;border-radius:50%;border:2px solid rgba(200,146,26,.4);}
.fp-brand{font-family:'Rye',serif;font-size:.95rem;color:var(--cream);line-height:1.15;}
.fp-brand small{display:block;font-family:'Oswald',sans-serif;font-weight:300;font-size:.6em;color:var(--tan);letter-spacing:.12em;text-transform:uppercase;}
#fb-panel h3{font-family:'Rye',serif;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--cream);margin-bottom:.4rem;}
.fp-sub{font-size:.8rem;color:rgba(247,237,216,.5);font-style:italic;line-height:1.6;margin-bottom:1.25rem;}
.fp-label{display:block;font-family:'Oswald',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:.85rem 0 .35rem;}
#fb-panel input,#fb-panel textarea,#fb-panel select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(200,146,26,.22);border-radius:3px;padding:.6rem .85rem;color:var(--cream);font-family:'Lato',sans-serif;font-size:.85rem;outline:none;transition:border-color .2s;}
#fb-panel input:focus,#fb-panel textarea:focus,#fb-panel select:focus{border-color:var(--gold);}
#fb-panel textarea{resize:vertical;min-height:100px;}
#fb-panel select option{background:#1a2a3a;}
.stars-row{display:flex;gap:.3rem;margin-bottom:.2rem;}
.star{background:none;border:none;font-size:1.5rem;cursor:pointer;color:rgba(255,255,255,.2);transition:color .15s,transform .15s;line-height:1;padding:0;}
.star:hover,.star.on{color:var(--gold-light);transform:scale(1.15);}
.fp-row{display:flex;gap:.75rem;margin-top:1.25rem;}
.fp-submit{flex:1;background:var(--gold);color:var(--navy);border:none;font-family:'Oswald',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;padding:.8rem;border-radius:3px;cursor:pointer;transition:background .2s;}
.fp-submit:hover{background:var(--gold-light);}
.fp-cancel{background:transparent;color:rgba(247,237,216,.45);border:1px solid rgba(247,237,216,.15);font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1rem;border-radius:3px;cursor:pointer;transition:border-color .2s,color .2s;}
.fp-cancel:hover{border-color:rgba(247,237,216,.4);color:rgba(247,237,216,.8);}
#fp-ty{display:none;text-align:center;padding:2rem 0;}
#fp-ty .ty-icon{font-size:3rem;margin-bottom:.75rem;}
#fp-ty h3{font-family:'Rye',serif;font-size:1.3rem;color:var(--cream);margin-bottom:.65rem;}
#fp-ty p{font-size:.84rem;color:rgba(247,237,216,.55);font-style:italic;line-height:1.7;}

/* ── BUBBLE ── */
#bubble{position:fixed;bottom:1.75rem;right:1.75rem;z-index:9999;background:var(--gold);color:var(--navy);border:none;border-radius:50px;padding:.7rem 1.4rem;font-family:'Oswald',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 24px rgba(200,146,26,.45);display:flex;align-items:center;gap:.5rem;transition:background .2s,transform .2s;animation:bubblePop .5s 1.5s ease both;}
@keyframes bubblePop{from{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:none}}
#bubble:hover{background:var(--gold-light);transform:translateY(-2px);}
.bdot{width:8px;height:8px;border-radius:50%;background:var(--navy);animation:blink 1.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ════════════════════════════════
   MAIN WEBSITE STYLES
════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--brown-dark);border-bottom:3px solid var(--gold);
  height:66px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(1rem,4vw,3rem);transition:box-shadow .3s;
}
nav.scrolled{box-shadow:0 4px 28px rgba(0,0,0,.5);}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;}
.nav-logo img{height:52px;width:52px;object-fit:contain;border-radius:50%;border:2px solid var(--gold);}
.nav-brand{font-family:'Rye',serif;font-size:clamp(.85rem,1.5vw,1.1rem);color:var(--cream);line-height:1.1;}
.nav-brand small{display:block;font-family:'Oswald',sans-serif;font-weight:300;font-size:.58em;color:var(--tan);letter-spacing:.14em;text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:clamp(.6rem,1.5vw,1.75rem);list-style:none;}
.nav-links a{font-family:'Oswald',sans-serif;font-weight:400;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,237,216,.7);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--gold-light);}
.nav-order{background:var(--gold)!important;color:var(--brown-dark)!important;padding:.5rem 1.25rem;font-weight:700!important;border-radius:3px;transition:background .2s!important;}
.nav-order:hover{background:var(--gold-light)!important;}
@media(max-width:768px){.nav-links{display:none;}}

/* BUTTONS */
.btn-gold{display:inline-flex;align-items:center;gap:.55rem;background:var(--gold);color:var(--brown-dark);font-family:'Oswald',sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;padding:.9rem 1.9rem;text-decoration:none;border-radius:3px;box-shadow:0 4px 20px rgba(200,146,26,.35);transition:background .2s,transform .2s,box-shadow .2s;border:none;cursor:pointer;}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,146,26,.5);}
.btn-outline{display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:var(--cream);font-family:'Oswald',sans-serif;font-weight:400;font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;padding:.9rem 1.9rem;text-decoration:none;border:1.5px solid rgba(247,237,216,.3);border-radius:3px;transition:border-color .2s,background .2s;}
.btn-outline:hover{border-color:var(--cream);background:rgba(247,237,216,.07);}

/* SHARED */
section{padding:clamp(3.5rem,7vw,6.5rem) clamp(1.5rem,5vw,4.5rem);}
.kicker{font-family:'Oswald',sans-serif;font-weight:300;font-size:.68rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem;}
.kicker::after{content:'';height:1px;background:var(--gold);width:36px;}
.kicker-lt{color:var(--tan)!important;}
.kicker-lt::after{background:var(--tan)!important;}
h2.sec{font-family:'Rye',serif;font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.05;color:var(--brown-dark);}
h2.sec-lt{color:var(--cream)!important;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s;}
.reveal.on{opacity:1;transform:none;}

/* HERO */
.hero{
  min-height:100vh;background:var(--brown-dark);
  position:relative;overflow:hidden;display:flex;align-items:center;
  padding:66px clamp(1.5rem,6vw,5rem) 0;
}
.hero::before{
  content:'';position:absolute;top:0;right:0;bottom:0;width:48%;
  background:linear-gradient(160deg,var(--denim-dark) 0%,var(--denim-mid) 100%);
  clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);pointer-events:none;
}
.hero::after{
  content:'';position:absolute;top:0;right:0;bottom:0;width:48%;
  background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:28px 28px;
  clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);pointer-events:none;
}
.hero-in{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:clamp(3rem,8vw,6rem) 0;}
.hero-tag{font-family:'Rye',serif;font-size:clamp(.85rem,1.4vw,1.1rem);color:var(--gold-light);letter-spacing:.06em;margin-bottom:.6rem;opacity:0;animation:fadeUp .7s .1s forwards;}
h1{font-family:'Rye',serif;font-size:clamp(2.8rem,6vw,5.5rem);color:var(--cream);line-height:.92;opacity:0;animation:fadeUp .7s .25s forwards;}
h1 span{display:block;color:var(--gold-light);}
.hero-tagline{font-style:italic;font-weight:300;font-size:clamp(.85rem,1.4vw,1.05rem);color:rgba(247,237,216,.6);line-height:1.75;margin:1.25rem 0 .75rem;max-width:440px;opacity:0;animation:fadeUp .7s .4s forwards;}
.hero-addr{font-family:'Oswald',sans-serif;font-weight:300;font-size:.78rem;letter-spacing:.1em;color:rgba(247,237,216,.4);margin-bottom:2rem;opacity:0;animation:fadeUp .7s .5s forwards;}
.hero-addr strong{color:rgba(247,237,216,.8);font-weight:500;}
.hero-btns{display:flex;flex-wrap:wrap;gap:1rem;opacity:0;animation:fadeUp .7s .62s forwards;}
.hero-logo{display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .9s .5s forwards;}
.logo-ring{width:clamp(240px,30vw,380px);height:clamp(240px,30vw,380px);border-radius:50%;border:2px solid rgba(200,146,26,.28);display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(200,146,26,.07) 0%,transparent 70%);box-shadow:0 0 60px rgba(200,146,26,.14),inset 0 0 40px rgba(200,146,26,.05);animation:glow 3s ease-in-out infinite;}
.logo-ring::before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(200,146,26,.16);}
.logo-ring img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 14px 34px rgba(0,0,0,.65));}
@keyframes glow{0%,100%{box-shadow:0 0 40px rgba(200,146,26,.14),inset 0 0 30px rgba(200,146,26,.05);}50%{box-shadow:0 0 80px rgba(200,146,26,.28),inset 0 0 50px rgba(200,146,26,.1);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}
.hero-wave{position:absolute;bottom:0;left:0;right:0;pointer-events:none;}

/* TICKER */
.ticker{background:var(--denim-dark);overflow:hidden;white-space:nowrap;padding:.65rem 0;border-top:2px solid rgba(200,146,26,.35);border-bottom:2px solid rgba(200,146,26,.35);}
.ticker-track{display:inline-flex;animation:ticker 32s linear infinite;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{font-family:'Oswald',sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,237,216,.8);padding:0 2.5rem;}
.tick::before{content:'✦';margin-right:2.5rem;color:var(--tan);}

/* ABOUT */
.about{background:var(--cream);position:relative;overflow:hidden;}
.about-ghost{position:absolute;right:-1rem;top:50%;transform:translateY(-50%) rotate(-5deg);font-family:'Rye',serif;font-size:clamp(5rem,14vw,13rem);color:rgba(44,18,6,.04);pointer-events:none;user-select:none;white-space:nowrap;}
.about-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,5vw,5rem);align-items:start;}
.about-body{font-size:clamp(.88rem,1.3vw,1rem);line-height:1.85;color:#3A2010;margin-top:1.1rem;margin-bottom:.85rem;}
.history-block{background:var(--brown-dark);border-radius:4px;padding:1.75rem;margin-top:1.5rem;}
.history-block h4{font-family:'Rye',serif;font-size:1rem;color:var(--gold-light);margin-bottom:.65rem;}
.history-block p{font-size:.82rem;line-height:1.7;color:rgba(247,237,216,.65);font-style:italic;}
.history-block p+p{margin-top:.6rem;}
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.ac{background:var(--brown-dark);padding:1.5rem;border-radius:4px;transition:transform .3s;}
.ac:hover{transform:translateY(-4px);}
.ac.wide{grid-column:span 2;background:var(--denim-dark);}
.ac .ico{font-size:1.8rem;margin-bottom:.6rem;}
.ac .title{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(.9rem,1.4vw,1.1rem);color:var(--cream);margin-bottom:.3rem;}
.ac .body{font-size:.79rem;color:rgba(247,237,216,.58);line-height:1.62;font-style:italic;}
.about-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;}
.tag{font-family:'Oswald',sans-serif;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .85rem;border-radius:2px;}
.t-brown{background:var(--brown-mid);color:var(--cream);}
.t-denim{background:var(--denim-dark);color:var(--cream);}
.t-gold{background:var(--gold);color:var(--brown-dark);}

/* SIGNATURE ITEMS */
.sigs{background:var(--brown-dark);position:relative;overflow:hidden;}
.sigs::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 50px,rgba(255,255,255,.012) 50px,rgba(255,255,255,.012) 51px);pointer-events:none;}
.sigs-in{max-width:1200px;margin:0 auto;}
.sigs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.sig-card{border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:transform .3s,box-shadow .3s;cursor:default;}
.sig-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.4);}
.sig-card.burger{background:linear-gradient(145deg,#6B2A10,#3D1206);}
.sig-card.wings{background:linear-gradient(145deg,#1E3A5F,#0A1E38);}
.sig-card.tenders{background:linear-gradient(145deg,#7A4A08,#3A2004);}
.sig-img{font-size:4rem;text-align:center;padding:2rem 1.5rem 1rem;}
.sig-name{font-family:'Rye',serif;font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--cream);padding:0 1.5rem;margin-bottom:.5rem;}
.sig-price{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.1rem;color:var(--gold-light);padding:0 1.5rem;margin-bottom:.6rem;}
.sig-desc{font-size:.8rem;color:rgba(247,237,216,.5);line-height:1.6;font-style:italic;padding:0 1.5rem 1.5rem;}
.sig-badge{display:inline-block;font-family:'Oswald',sans-serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;background:rgba(200,146,26,.2);border:1px solid rgba(200,146,26,.4);color:var(--gold-light);padding:.2rem .6rem;border-radius:2px;margin:0 1.5rem 1.25rem;}

/* FULL MENU */
.menu-sec{background:var(--denim-dark);}
.menu-in{max-width:1200px;margin:0 auto;}
.menu-in p.intro{font-style:italic;font-size:.9rem;color:rgba(247,237,216,.5);margin-bottom:2.5rem;line-height:1.7;max-width:500px;}
.menu-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.menu-table thead tr{background:rgba(200,146,26,.15);border-bottom:2px solid rgba(200,146,26,.3);}
.menu-table thead td{font-family:'Oswald',sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tan);padding:.75rem 1rem;}
.menu-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s;}
.menu-table tbody tr:hover{background:rgba(200,146,26,.06);}
.menu-table td{padding:.85rem 1rem;}
.mt-name{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(.85rem,1.2vw,.95rem);color:var(--cream);}
.mt-desc{font-size:.75rem;color:rgba(247,237,216,.45);font-style:italic;line-height:1.5;margin-top:.2rem;}
.mt-price{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(.9rem,1.2vw,1rem);color:var(--gold-light);white-space:nowrap;text-align:right;}
.mt-badge{display:inline-block;font-size:.6rem;font-family:'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .5rem;border-radius:2px;margin-left:.5rem;vertical-align:middle;}
.hot{background:rgba(176,74,26,.25);border:1px solid rgba(176,74,26,.5);color:#F07040;}
.section-divider{height:3px;background:linear-gradient(90deg,transparent,rgba(200,146,26,.35),transparent);margin:1.5rem 0;}

/* MENU ORDER CTA */
.menu-cta{border:1.5px solid var(--gold);border-radius:5px;padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;background:rgba(200,146,26,.06);margin-top:2.5rem;}
.menu-cta h3{font-family:'Rye',serif;font-size:clamp(1rem,2vw,1.4rem);color:var(--cream);margin-bottom:.35rem;}
.menu-cta p{font-size:.84rem;color:rgba(247,237,216,.5);font-style:italic;max-width:400px;line-height:1.6;}

/* ONLINE ORDER / QR PAGE */
.order-sec{background:var(--brown-dark);}
.order-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;}
.order-body{font-size:clamp(.88rem,1.3vw,1rem);line-height:1.85;color:rgba(247,237,216,.65);font-style:italic;margin:1.25rem 0 2rem;}
.order-btns{display:flex;flex-wrap:wrap;gap:1rem;}
.qr-panel{background:rgba(255,255,255,.05);border:1.5px solid rgba(200,146,26,.25);border-radius:8px;padding:2rem;text-align:center;flex-shrink:0;}
.qr-panel img{width:clamp(130px,16vw,180px);height:clamp(130px,16vw,180px);display:block;margin:0 auto .9rem;border-radius:4px;background:#fff;padding:8px;}
.qr-label{font-family:'Oswald',sans-serif;font-weight:300;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tan);}
.qr-sub{font-size:.72rem;color:rgba(247,237,216,.4);font-style:italic;margin-top:.25rem;}

/* LOCATION */
.loc-sec{background:var(--cream-warm);}
.loc-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start;}
.loc-detail{display:flex;gap:1rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid rgba(44,18,6,.1);}
.loc-detail:last-child{border-bottom:none;}
.loc-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem;}
.loc-lbl{font-family:'Oswald',sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brown-mid);margin-bottom:.2rem;}
.loc-val{font-size:clamp(.85rem,1.2vw,.95rem);color:var(--text-dark);line-height:1.5;}
.loc-val a{color:var(--denim-mid);text-decoration:none;border-bottom:1px dotted var(--denim-mid);transition:color .2s;}
.loc-val a:hover{color:var(--brown-mid);}
.map-box{border-radius:5px;overflow:hidden;border:3px solid var(--brown-dark);box-shadow:0 20px 60px rgba(0,0,0,.2);}
.map-box iframe{width:100%;height:370px;display:block;border:none;filter:sepia(15%) saturate(75%);}
.map-foot{background:var(--brown-dark);padding:.7rem 1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
.map-foot span{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tan);}
.map-foot a{font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);text-decoration:none;}

/* SERVICE STRIP */
.svc{background:var(--denim-dark);padding:.85rem clamp(1.5rem,5vw,4.5rem);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1.5rem;}
.svc-lbl{font-family:'Oswald',sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:rgba(247,237,216,.38);}
.svc-area{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,237,216,.78);}
.svc-dot{color:rgba(200,146,26,.45);}

/* HOURS */
.hours-sec{background:var(--off-white);}
.hours-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);}
.hours-table{width:100%;border-collapse:collapse;margin-top:1.5rem;}
.hours-table tr{border-bottom:1px solid rgba(44,18,6,.09);}
.hours-table tr:last-child{border-bottom:none;}
.hours-table td{padding:.72rem 0;font-size:.87rem;}
.h-day{font-family:'Oswald',sans-serif;font-weight:400;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#5A3A20;width:40%;}
.h-time{font-style:italic;color:#4A3A28;}
.hours-note{margin-top:1.5rem;padding:1.1rem 1.25rem;background:rgba(58,107,154,.09);border-left:3px solid var(--denim-blue);border-radius:0 3px 3px 0;font-size:.83rem;line-height:1.65;color:#3A2A18;font-style:italic;}
.fb-panel{background:var(--brown-dark);padding:2rem;border-radius:5px;margin-top:1.75rem;}
.fb-panel h3{font-family:'Rye',serif;font-size:1.2rem;color:var(--cream);margin-bottom:.5rem;}
.fb-panel p{font-size:.82rem;color:rgba(247,237,216,.55);line-height:1.65;font-style:italic;margin-bottom:1.5rem;}
.fb-btn{display:inline-flex;align-items:center;gap:.55rem;background:#1877f2;color:#fff;font-family:'Oswald',sans-serif;font-weight:600;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1.4rem;text-decoration:none;border-radius:3px;transition:opacity .2s;}
.fb-btn:hover{opacity:.88;}

/* CONTACT */
.contact-sec{background:var(--denim-mid);position:relative;overflow:hidden;}
.contact-sec::before{content:'BITES';position:absolute;right:-2rem;bottom:-2rem;font-family:'Rye',serif;font-size:clamp(5rem,15vw,13rem);color:rgba(255,255,255,.03);pointer-events:none;user-select:none;}
.contact-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);}
.contact-lead{font-size:clamp(.88rem,1.2vw,.98rem);color:rgba(247,237,216,.65);font-style:italic;line-height:1.8;margin:1.25rem 0 2rem;}
.c-item{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:1.4rem;}
.c-icon{width:42px;height:42px;border-radius:50%;background:rgba(200,146,26,.12);border:1px solid rgba(200,146,26,.28);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:background .2s;}
.c-item:hover .c-icon{background:rgba(200,146,26,.25);}
.c-lbl{font-family:'Oswald',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--tan);margin-bottom:.2rem;}
.c-val{font-size:clamp(.87rem,1.2vw,.95rem);color:var(--cream);text-decoration:none;border-bottom:1px dotted transparent;transition:color .2s,border-color .2s;display:inline-block;}
a.c-val:hover{color:var(--gold-light);border-color:var(--gold-light);}

/* CONTACT FORM */
.contact-form-box{background:rgba(15,30,53,.55);border:1.5px solid rgba(200,146,26,.3);border-radius:5px;padding:2rem;}
.contact-form-box h3{font-family:'Rye',serif;font-size:clamp(1rem,2vw,1.35rem);color:var(--cream);margin-bottom:1.5rem;}
.form-group{margin-bottom:1rem;}
.form-group label{display:block;font-family:'Oswald',sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--tan);margin-bottom:.35rem;}
.form-group input, .form-group textarea{
  width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(200,146,26,.22);
  border-radius:3px;padding:.65rem .9rem;color:var(--cream);
  font-family:'Lato',sans-serif;font-size:.88rem;outline:none;
  transition:border-color .2s;
}
.form-group input:focus, .form-group textarea:focus{border-color:var(--gold);}
.form-group textarea{resize:vertical;min-height:100px;}
.form-note{font-size:.75rem;color:rgba(247,237,216,.35);font-style:italic;margin-bottom:1.25rem;}

/* FOOTER */
footer{background:var(--brown-dark);border-top:3px solid var(--gold);padding:2rem clamp(1.5rem,5vw,4.5rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;}
.ft-left{display:flex;align-items:center;gap:.85rem;}
.ft-left img{height:50px;width:50px;object-fit:contain;border-radius:50%;border:2px solid rgba(200,146,26,.4);}
.ft-brand{font-family:'Rye',serif;font-size:1rem;color:var(--cream);line-height:1.2;}
.ft-brand small{display:block;font-family:'Oswald',sans-serif;font-size:.6em;font-weight:300;letter-spacing:.1em;color:rgba(247,237,216,.35);text-transform:uppercase;}
.ft-links{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap;}
.ft-links a{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,237,216,.38);text-decoration:none;transition:color .2s;}
.ft-links a:hover{color:var(--gold);}
.ft-copy{font-size:.68rem;color:rgba(247,237,216,.28);font-style:italic;text-align:right;}

/* PREVIEW FOOTER */
#pf{background:var(--navy);border-top:2px solid rgba(200,146,26,.3);padding:3.5rem clamp(1.5rem,5vw,4.5rem);text-align:center;}
#pf img{width:80px;height:80px;object-fit:contain;border-radius:50%;border:2px solid rgba(200,146,26,.35);margin:0 auto 1.5rem;display:block;}
#pf h2{font-family:'Rye',serif;font-size:clamp(1.3rem,3vw,2rem);color:var(--cream);margin-bottom:.75rem;}
#pf p{font-size:clamp(.84rem,1.2vw,.95rem);line-height:1.8;color:rgba(247,237,216,.5);font-style:italic;max-width:600px;margin:0 auto 2rem;}
.pf-checks{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;}
.pf-check{background:rgba(200,146,26,.1);border:1px solid rgba(200,146,26,.25);border-radius:20px;padding:.4rem 1.1rem;font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,237,216,.65);display:flex;align-items:center;gap:.4rem;}
.pf-check::before{content:'✓';color:var(--gold);font-weight:700;}
.pf-agency{margin-top:2.5rem;font-size:.7rem;color:rgba(247,237,216,.22);letter-spacing:.08em;}

/* RESPONSIVE */
@media(max-width:900px){
  .hero::before,.hero::after{display:none;}
  .hero-in,.about-in,.loc-in,.hours-in,.contact-in,.order-in{grid-template-columns:1fr;}
  .hero-logo,.about-ghost{display:none;}
  .sigs-grid{grid-template-columns:1fr 1fr;}
  .about-cards{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .sigs-grid{grid-template-columns:1fr;}
  .about-cards{grid-template-columns:1fr;}
  .ac.wide{grid-column:span 1;}
  .menu-cta{flex-direction:column;}
}

/* ── MERCH STRIP ── */
.merch-strip {
  max-width:1200px;margin:3.5rem auto 0;
  background:rgba(255,255,255,.04);
  border:1.5px solid rgba(200,146,26,.25);
  border-radius:8px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2.5rem;
  align-items:center;
  padding:2rem 2.5rem;
  overflow:hidden;
}
.merch-img {
  width:clamp(100px,14vw,160px);
  height:clamp(100px,14vw,160px);
  object-fit:contain;
  border-radius:8px;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));
}
.merch-title {
  font-family:'Rye',serif;
  font-size:clamp(1.1rem,2vw,1.5rem);
  color:var(--cream);
  line-height:1.15;
  margin-bottom:.65rem;
}
.merch-desc {
  font-size:clamp(.82rem,1.2vw,.92rem);
  color:rgba(247,237,216,.6);
  line-height:1.75;
  font-style:italic;
  max-width:480px;
}
@media(max-width:600px){
  .merch-strip{grid-template-columns:1fr;text-align:center;}
  .merch-img{margin:0 auto;}
  .merch-desc{max-width:100%;}
}