/* ZaksWings theme: loud, sticker-sheet street style.
   Butter paper, ink outlines with hard offset shadows, hot red + mustard. */
:root{
  --bg:#FFF3D6; --bg-2:#FFE6A3; --surface:#FFFFFF; --surface-2:#FFD34D;
  --line:#E6CF96; --line-2:#D8BC78; --line-3:#141110;
  --cream:#141110; --cream-2:#2B2520; --muted:#5A4D40; --muted-2:#8A7A66;
  --copper:#D42D17; --copper-hover:#B5240F; --copper-text:#B8260F; --brown:#141110;
  --error:#B3261E; --on-accent:#FFFFFF; --hover-bg:#FFE6A3;
  --disabled-bg:#D8C79F; --disabled-fg:#5A4D40;
  --header-bg:rgba(255,243,214,.96); --tabbar-bg:rgba(255,230,163,.97); --footer-bg:#141110;
  --banner-bg:#141110; --banner-fg:#FFC21A; --alert-bg:#FFE0D8; --alert-fg:#7A1A10;
  --shade-rgb:20,17,16; --on-photo:#FFFFFF; --on-photo-2:#FFF3D6; --accent-on-photo:#FFC21A;
  --input-scheme:light; --grain:0;
  --display:'Rubik','Arial Black',system-ui,sans-serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ink:#141110; --mustard:#FFC21A; --pop:5px 5px 0 #141110;
  color-scheme:light;
}
.display,.feature-card__name,.cat__title,.price,.panel legend,.mobile-nav__list,.brand-zak__word,.dialog-head h2,.picker__head h2{font-style:italic}
.display,.feature-card__name,.cat__title,.panel legend{letter-spacing:-.01em}
/* Header */
.site-header{border-bottom:3px solid var(--ink)}
.brand-zak{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-zak__mark{width:46px;height:46px;flex:none;transform:rotate(-4deg)}
.brand-zak__word{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;color:var(--ink);letter-spacing:-.02em}
.brand-zak__word span{color:var(--copper)}
.cart-btn,.icon-btn{border:3px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--ink)}
.cart-count{background:var(--copper);color:#fff}
/* Buttons + chips */
.btn-primary,.btn-outline{border:3px solid var(--ink);box-shadow:var(--pop);border-radius:14px;transition:transform .12s ease,box-shadow .12s ease}
.btn-primary:hover,.btn-outline:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn-primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn-primary:disabled{box-shadow:none;transform:none}
.btn-outline{background:var(--surface)}
.chip,.choice{border:2.5px solid var(--ink);border-radius:12px;background:var(--surface)}
.chip[aria-pressed="true"],.chip.is-active,.choice[aria-pressed="true"]{background:var(--mustard);border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.round-btn{border:2.5px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.round-btn:hover{background:var(--mustard)}
.round-btn--muted{box-shadow:none}
.stepper--solid{background:var(--mustard);color:var(--ink);border:2.5px solid var(--ink)}
.stepper--outline{border:2.5px solid var(--ink)}
/* Hero: sticker eyebrow over the photo */
.hero{border-bottom:3px solid var(--ink)}
.hero__img{object-position:60% 55%}
.hero .eyebrow{align-self:flex-start;padding:6px 14px;border:3px solid var(--ink);border-radius:10px;background:var(--mustard);color:var(--ink);letter-spacing:.14em;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}
.hero__title{font-style:italic}
/* Cards */
.feature-card,.cat,.sides,.summary,.mobile-summary,.confirm__card{border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop)}
.feature-card{background:var(--surface)}
.feature-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);border-color:var(--ink)}
.feature-card__img{border-bottom:3px solid var(--ink)}
.cat,.sides{background:var(--surface)}
.cat__photo{border-right:3px solid var(--ink)}
.sides__head{background:var(--mustard);border-bottom:3px solid var(--ink)}
.sides__head .price{color:var(--ink)}
.item .price{color:var(--copper)}
/* Menu band with halftone dots */
.menu{background-color:var(--bg-2);background-image:radial-gradient(rgba(20,17,16,.09) 1.3px,transparent 1.5px);background-size:14px 14px;border-top:3px solid var(--ink)}
.tabbar{border-bottom:3px solid var(--ink);border-top:3px solid var(--ink)}
/* Checkout + dialogs */
.panel{background:var(--surface);border:3px solid var(--ink);border-radius:18px}
.input{border:2.5px solid var(--ink);background:#FFFDF7}
.pay-slot,.info-box,.notice{border:2.5px dashed var(--ink);background:#FFFDF7}
.step-dot--done{background:var(--ink);color:var(--mustard)}
.step-dot--current{background:var(--copper);color:#fff}
.step-dot--upcoming{border-color:var(--ink);color:var(--ink)}
.drawer{border-left:3px solid var(--ink)}
.picker{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.drawer__foot,.picker__foot{background:var(--bg-2);border-top:3px solid var(--ink)}
.upsell .chip{background:var(--surface)}
.confirm__badge{background:var(--mustard);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--pop)}
.status-dot--done{background:var(--ink)}
.toast{border:3px solid var(--ink);background:var(--mustard);color:var(--ink)}
.toast button{background:var(--ink);color:var(--mustard)}
.place-bar{border-top:3px solid var(--ink)}
/* Footer is dark ink */
.site-footer{--cream:#FFF3D6;--muted:#CDBB97;--line:#3A332C;--copper-text:#FFC21A;border-top:3px solid var(--ink)}
.footer-logo-zak{display:flex;align-items:center;gap:14px;margin:0}
.footer-logo-zak svg{width:64px;height:64px;transform:rotate(-4deg)}
.footer-logo-zak span{font-family:var(--display);font-weight:900;font-style:italic;font-size:52px;line-height:.9;text-transform:uppercase;color:#FFF3D6;letter-spacing:-.02em}
.footer-logo-zak span b{color:var(--mustard);font-weight:900}
@media (max-width:859px){
  .brand-zak{gap:8px}
  .brand-zak__mark{width:38px;height:38px}
  .brand-zak__word{font-size:23px}
  .header-actions{gap:8px}
  .cart-btn{padding:0 12px}
}