/* Kabab Cafe — premium Persian palette */
:root {
  --color-charcoal: #211B17;
  --color-pomegranate: #8F1D22;
  --color-pomegranate-dark: #6F1418;
  --color-saffron: #D7A642;
  --color-clay: #A9472B;
  --color-ivory: #F7F0E3;
  --color-warm-white: #FFF9EF;
  --color-muted: #7C7064;
  --color-border-premium: #E4D7C4;

  --kc-charcoal: #211B17;
  --kc-pomegranate: #8F1D22;
  --kc-pomegranate-dark: #6F1418;
  --kc-saffron: #D7A642;
  --kc-clay: #A9472B;
  --kc-ivory: #F7F0E3;
  --kc-warm-white: #FFF9EF;
  --kc-muted: #7C7064;
  --kc-border: #E4D7C4;

  --color-red: var(--color-pomegranate);
  --color-red-dark: var(--color-pomegranate-dark);
  --color-yellow: var(--color-saffron);
  --color-yellow-mid: #c69435;
  --color-yellow-pale: #ecd49a;
  --color-white: #ffffff;
  --color-text: var(--color-charcoal);
  --color-text-mid: var(--color-muted);
  --color-panel: rgba(255,249,239,.94);
  --color-border: var(--color-border-premium);
  --color-gold-brown: var(--color-saffron);
  --color-halal-green: var(--color-charcoal);
  --color-olive: var(--color-muted);
  --color-facebook: #3b5998;

  --ink: var(--color-charcoal);
  --parchment: var(--color-charcoal);
  --offwhite: var(--color-warm-white);
  --smoke: var(--color-yellow-pale);

  --ember: var(--color-pomegranate);
  --ember-lt: #a02830;
  --saffron: var(--color-saffron);
  --saffron-lt: var(--color-pomegranate);
  --forest: var(--color-charcoal);
  --forest-lt: var(--color-pomegranate-dark);
  --clay: var(--color-clay);

  --surface-1: var(--color-warm-white);
  --surface-2: var(--color-ivory);
  --surface-3: #f0ebe3;
  --border: rgba(33,27,23,.1);

  --ease: cubic-bezier(.16,1,.3,1);
  --out: cubic-bezier(.25,.46,.45,.94);
  --press: cubic-bezier(.4,0,.2,1);
  --drag: cubic-bezier(.23,1,.32,1);
  --snap: cubic-bezier(.55,0,1,.45);
  --spring: cubic-bezier(.5,-.4,.3,1.4);
  --font-stamp: 'CopperplateGothicBold', 'Copperplate Gothic Bold', 'Copperplate Gothic', Copperplate, 'Cinzel', serif;
  --font-lit: 'IM Fell English', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Raleway', system-ui, sans-serif;

  --nav-h: 68px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --nav-stack: calc(var(--nav-h) + var(--safe-top));
}

html{color-scheme:light;background-color:var(--color-ivory);overflow-x:hidden;max-width:100%}

@font-face {
  font-family: 'CopperplateGothicBold';
  font-display: swap;
  src: local('Copperplate Gothic Bold'), local('CopperplateGothic-Bold'),
       local('Copperplate Gothic'), local('Copperplate');
  font-weight: 700;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
img,svg,video,iframe{max-width:100%}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  background-color:var(--color-ivory);
  background-image:radial-gradient(ellipse 120% 70% at 50% -15%, rgba(215,166,66,.07), transparent 55%);
  color:var(--color-charcoal);overflow-x:hidden;cursor:default;max-width:100%;
}

/* ── NOISE TEXTURE OVERLAY ── */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.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:256px;
}

/* ══ SCROLL REVEAL — each class has a distinct character ══ */
.sr,.sr-l,.sr-r{opacity:1;transform:none}
.sr.in,.sr-l.in,.sr-r.in{opacity:1;transform:none}

/* Non-uniform stagger — avoids the robotic even-interval feel */
.d1{transition-delay:.04s}
.d2{transition-delay:.14s}
.d3{transition-delay:.26s}
.d4{transition-delay:.34s}
.d5{transition-delay:.48s}
.d6{transition-delay:.58s}

/* ══ PAGE SYSTEM ══ */
.page{display:none;min-height:100vh;padding-top:var(--nav-stack);
  animation:pgIn .45s var(--ease) both;position:relative;z-index:1;max-width:100%;overflow-x:clip}
.page.active{display:block}
@keyframes pgIn{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
main#main-content.main-under-nav{padding-top:var(--nav-stack);position:relative;z-index:1}

/* ══ NAV ══ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:10020;max-width:100%;height:var(--nav-stack);min-height:var(--nav-stack);
  padding:var(--safe-top) max(var(--safe-right), clamp(1rem,4vw,3rem)) 0 max(var(--safe-left), clamp(1rem,4vw,3rem));
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;isolation:isolate;
  transition:background .4s,border-color .4s,color .3s;
  border-bottom:1px solid rgba(255,249,239,.08);
  background:#211B17;
  backdrop-filter:blur(12px);
}
nav.scrolled{
  background:rgba(33,27,23,.97);
  backdrop-filter:blur(16px);
  border-bottom-color:rgba(255,255,255,.1);
}
.nav-logo{
  box-sizing:content-box;
  display:inline-flex;align-items:center;flex-shrink:0;
  text-decoration:none;
  padding:.12rem .45rem;
  background:transparent;
  border:1px solid rgba(215,166,66,0);
  border-radius:6px;
  box-shadow:none;
}
.nav-logo-img{
  box-sizing:content-box;
  height:35px;width:auto;max-width:min(240px,58vw);display:block;
  object-fit:contain;
}
.nav-links{
  display:flex;gap:clamp(.55rem,1.5vw,2rem);list-style:none;align-items:center;
  flex:1;min-width:0;justify-content:flex-end;flex-wrap:nowrap;
}
.nav-links li{flex-shrink:0}
.nav-links li:last-child{min-width:0;flex-shrink:1}
.nav-links a{
  font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;
  color:rgba(247,240,227,.92);transition:color .4s var(--out);position:relative;
}
.nav-links a:hover{color:var(--color-saffron)}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;
  background:var(--color-saffron);width:100%;transform:scaleX(0);transform-origin:center;transition:transform .28s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}


.hbg{
  display:none;flex-direction:column;gap:5px;padding:0;background:none;border:none;
  margin-left:auto;flex:0 0 auto;flex-shrink:0;min-width:44px;min-height:44px;
  align-items:center;justify-content:center;line-height:0;
  cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  position:relative;z-index:50;color:inherit;pointer-events:auto;
}
.hbg span{width:20px;height:1.5px;background:var(--color-saffron);display:block;
  transition:transform .3s var(--ease),opacity .2s}
.hbg.open span:nth-child(1),
#kc-nav-drawer:checked ~ nav .hbg span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hbg.open span:nth-child(2),
#kc-nav-drawer:checked ~ nav .hbg span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3),
#kc-nav-drawer:checked ~ nav .hbg span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.kc-nav-sr-input{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none;
}

.drawer{
  position:fixed;left:0;right:0;top:var(--nav-stack);z-index:9999;
  height:calc(100dvh - var(--nav-stack));
  box-sizing:border-box;
  background:rgba(33,27,23,.97);backdrop-filter:blur(24px);
  display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;
  gap:0;
  padding:clamp(.5rem,2vh,1rem) max(1.25rem, var(--safe-right)) max(1rem, env(safe-area-inset-bottom, 0px)) max(1.25rem, var(--safe-left));
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  opacity:0;pointer-events:none;transform:translateY(-6px);
  transition:opacity .35s var(--ease),transform .35s var(--ease);
}
.drawer.open,
#kc-nav-drawer:checked ~ #drawer{opacity:1;pointer-events:all;transform:none}
.drawer a{
  font-family:var(--font-stamp);font-size:1.55rem;color:rgba(255,255,255,.92);
  letter-spacing:.1em;transition:color .25s;
  text-decoration:none;text-underline-offset:unset;
}
.drawer a:any-link,.drawer a:visited,.drawer a:hover,.drawer a:active,.drawer a:focus,.drawer a:focus-visible{
  text-decoration:none;color:rgba(255,255,255,.92);
}
.drawer a:hover{color:var(--color-saffron)}

/* ══ BUTTONS ══ */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--font-body);font-size:.72rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:.82rem 1.9rem;
  transition:transform .22s var(--snap),box-shadow .22s,background .18s,letter-spacing .2s;
  border:none;cursor:pointer;position:relative;overflow:hidden;
  text-decoration:none;
}
a.btn:any-link,a.btn:hover,a.btn:visited,a.btn:focus,a.btn:focus-visible{text-decoration:none}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.1);
  transform:scaleX(0);transform-origin:right;transition:transform .35s var(--snap)}
.btn:hover::after{transform:scaleX(1);transform-origin:left}
.btn:hover{transform:translateY(-2px) rotate(-.4deg);letter-spacing:.18em}
.btn:active{transform:translateY(1px) scale(.97);transition-duration:.07s}
.btn-primary{background:var(--color-pomegranate);color:var(--color-warm-white);box-shadow:0 6px 22px rgba(33,27,23,.18);border:1px solid var(--color-pomegranate)}
.btn-primary:hover{background:var(--color-pomegranate-dark);box-shadow:0 10px 28px rgba(33,27,23,.22);border-color:var(--color-pomegranate-dark)}
.btn-ember{background:var(--color-pomegranate);color:var(--color-warm-white);box-shadow:0 6px 22px rgba(33,27,23,.18);border:1px solid var(--color-pomegranate)}
.btn-ember:hover{background:var(--color-pomegranate-dark);border-color:var(--color-pomegranate-dark)}
.btn-ghost{background:transparent;color:var(--color-charcoal);
  border:1px solid rgba(33,27,23,.18)}
.btn-ghost:hover{background:rgba(33,27,23,.05);border-color:var(--color-charcoal);color:var(--color-charcoal)}
.hero .btn-ghost,.hero-mobile-cta .btn-ghost{
  color:var(--color-ivory);border:1px solid rgba(215,166,66,.55);
}
.hero .btn-ghost:hover,.hero-mobile-cta .btn-ghost:hover{
  background:rgba(215,166,66,.12);border-color:var(--color-saffron);color:var(--color-warm-white);
}
.btn-directions{
  background:rgba(33,27,23,.35);color:var(--color-ivory);border:1px solid rgba(215,166,66,.45);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;
  box-shadow:0 4px 18px rgba(0,0,0,.2);
}
.btn-directions:hover{background:rgba(33,27,23,.5);border-color:var(--color-saffron);color:var(--color-warm-white)}
.btn-directions:active{color:#fff}
.btn-directions .btn-pin{flex-shrink:0;width:1.05em;height:1.05em;display:block}
.btn-phone{flex-shrink:0;width:1.05em;height:1.05em;display:block}
.btn-cart{flex-shrink:0;width:1.05em;height:1.05em;display:block}
.btn-case-soft{text-transform:none;letter-spacing:.06em}
.btn-parchment{background:var(--color-warm-white);color:var(--color-charcoal);border:1px solid var(--color-border-premium)}
.btn-parchment:hover{background:var(--color-ivory);border-color:var(--color-saffron)}

.doordash-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 24px;
  background:#eb1700;color:#fff;
  font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1;
  border-radius:999px;
  text-decoration:none;border:none;cursor:pointer;
  transition:background .2s ease,transform .15s ease;
}
a.doordash-button:any-link,a.doordash-button:hover,a.doordash-button:visited,a.doordash-button:focus,a.doordash-button:focus-visible{text-decoration:none}
.doordash-button:hover{background:#c91400;transform:translateY(-1px)}
.doordash-button:active{transform:translateY(0)}
.doordash-button .doordash-logo{
  display:block;width:150px;max-width:100%;height:auto;
  filter:brightness(0) invert(1);
}
.doordash-button.dd-nav-size{padding:10px 16px}
.doordash-button.dd-nav-size .doordash-logo{width:min(110px,72vw)}
nav .doordash-button.dd-nav-size,
nav .nav-links .doordash-button{
  height:34px;min-height:34px;padding:0 18px;border-radius:5px;
}
nav .doordash-button.dd-nav-size .doordash-logo,
nav .nav-links .doordash-button .doordash-logo{width:min(82px,42vw)}
.cta-band .doordash-button{
  height:52px;min-width:220px;border-radius:5px;padding:0 28px;
}
.cta-band .doordash-button .doordash-logo{width:min(132px,48vw)}
button{text-decoration:none}

/* ══ SECTION UTILITY ══ */
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.section{padding:6rem clamp(1rem,4vw,2rem);max-width:1160px;margin:0 auto}
.eyebrow{
  font-family:var(--font-body);font-size:.62rem;font-weight:700;
  letter-spacing:.35em;text-transform:uppercase;color:var(--saffron);
  margin-bottom:.8rem;display:flex;align-items:center;gap:.7rem;
}
.eyebrow::after{content:'';width:24px;height:1px;background:rgba(139,105,20,.45)}

.headline{
  font-family:var(--font-stamp);
  font-size:clamp(1.7rem,4vw,2.8rem);
  color:var(--parchment);line-height:1.05;letter-spacing:.06em;margin-bottom:1.2rem;
}
.headline em{
  font-family:var(--font-lit);font-style:italic;color:var(--saffron-lt);
  font-size:1.1em;letter-spacing:.01em;
}
.prose{
  font-family:var(--font-lit);font-size:1.12rem;line-height:1.88;
  color:var(--color-text);max-width:58ch;
}

/* ══ HERO ══ */
.hero{
  position:relative;min-height:680px;background:var(--kc-charcoal);color:var(--kc-warm-white);
  overflow:hidden;
}
.hero-photo{
  position:absolute;inset:0;z-index:0;
  background-image:url(../hero-koobideh.png);
  background-size:cover;background-position:center;
  transform:scale(1.08);transition:transform 14s cubic-bezier(.25,.46,.45,.94);
  filter:saturate(1.08) contrast(1.08) brightness(.82);
}
.hero-photo.loaded{transform:scale(1)}
.hero-vignette{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(33,27,23,.92) 0%,rgba(33,27,23,.72) 46%,rgba(33,27,23,.48) 100%),
    linear-gradient(180deg,rgba(33,27,23,.15) 0%,rgba(33,27,23,.1) 52%,rgba(33,27,23,.68) 100%);
}
.hero-rules{
  position:absolute;left:clamp(.75rem,3vw,2.5rem);top:50%;transform:translateY(-50%);z-index:3;
  display:flex;flex-direction:column;gap:6px;opacity:.18;
}
.hero-rules span{display:block;height:1px;background:rgba(215,166,66,.45)}
.hero-rules span:nth-child(1){width:40px}
.hero-rules span:nth-child(2){width:24px}
.hero-rules span:nth-child(3){width:32px}

.hero-inner{
  position:relative;z-index:4;max-width:1180px;margin:0 auto;
  padding:96px clamp(1.25rem,4vw,3rem) 72px;display:flex;flex-direction:column;justify-content:center;
  min-height:680px;width:100%;min-width:0;box-sizing:border-box;
}
.hero-inner>div:first-child{width:100%;min-width:0}
.hero-kicker{
  color:var(--kc-saffron);font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:22px;font-family:var(--font-body);
  animation:hIn .9s .1s var(--ease) both;
}
.hero-title{
  max-width:700px;color:var(--kc-warm-white);font-family:var(--font-stamp);
  font-size:clamp(56px,7vw,92px);line-height:.92;letter-spacing:.025em;text-transform:uppercase;
  margin:0 0 34px;animation:hIn .9s .2s var(--ease) both;
}
.hero-title em{
  display:block;color:var(--kc-saffron);font-family:var(--font-lit);font-style:italic;
  text-transform:none;letter-spacing:.01em;font-size:.5em;margin-top:12px;
}
@keyframes hIn{from{opacity:0;transform:translateY(20px) rotate(-.6deg);filter:blur(1px)}to{opacity:1;transform:none;filter:blur(0)}}

.hero-mobile-cta,.hero-ctas{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px;
  animation:hIn .9s .28s var(--ease) both;
}
.hero-mobile-cta{display:none}
.hero-ctas{display:flex}
.hero .btn{
  height:52px;min-width:184px;padding:0 26px;border-radius:5px;display:inline-flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;box-sizing:border-box;
}
.hero .btn-primary{
  background:var(--kc-pomegranate);color:var(--kc-warm-white);border:1px solid var(--kc-pomegranate);
  box-shadow:none;
}
.hero .btn-primary:hover{
  background:var(--kc-pomegranate-dark);border-color:var(--kc-pomegranate-dark);box-shadow:none;
}
.hero .btn-ember{
  background:rgba(33,27,23,.42);color:var(--kc-warm-white);border:1px solid rgba(215,166,66,.7);
  box-shadow:none;
}
.hero .btn-ember:hover{
  background:rgba(33,27,23,.55);border-color:var(--kc-saffron);color:var(--kc-warm-white);
}
.hero .btn-directions{
  background:rgba(33,27,23,.42);color:var(--kc-warm-white);border:1px solid rgba(215,166,66,.7);
  box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.hero .btn-directions:hover{
  background:rgba(33,27,23,.55);border-color:var(--kc-saffron);color:var(--kc-warm-white);
}
.hero .doordash-button{
  height:52px;min-width:184px;padding:0 26px;border-radius:5px;display:inline-flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;background:#C9281D;border:1px solid #C9281D;
}

.hero-body{margin-top:34px;width:100%;animation:hIn .9s .38s var(--ease) both}
.hero-info{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:rgba(255,249,239,.96);color:var(--kc-charcoal);border:1px solid var(--kc-border);
  border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.22);overflow:hidden;margin-top:0;
}
.hero-info>div{padding:24px 26px;border-right:1px solid var(--kc-border)}
.hero-info>div:last-child{border-right:0}
.hi-label{
  color:var(--kc-muted);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  margin-bottom:9px;font-family:var(--font-body);
}
.hi-val{
  color:var(--kc-charcoal);font-size:14px;font-weight:700;line-height:1.45;font-family:var(--font-body);
}
.hi-val a{color:inherit}

.catering-pill{margin:18px 0 0}
.catering-pill a{
  color:var(--kc-warm-white);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  text-decoration:underline;text-decoration-color:var(--kc-saffron);text-underline-offset:5px;
  border-bottom:none;text-shadow:none;
}
.catering-pill a:hover{color:var(--kc-warm-white);text-decoration-color:var(--kc-saffron)}

.hero-rule-bottom{
  position:absolute;bottom:0;left:0;right:0;height:1px;z-index:3;
  background:linear-gradient(to right,transparent,rgba(215,166,66,.35) 30%,rgba(215,166,66,.35) 70%,transparent);
}

@media(max-width:768px){
  .hero{min-height:auto}
  .hero-inner{min-height:auto;padding:72px 20px 48px}
  .hero-title{font-size:clamp(42px,13vw,62px)}
  .hero-mobile-cta{display:flex;flex-direction:column;width:100%}
  .hero-ctas{display:none !important}
  .hero .btn,.hero .doordash-button{width:100%;min-width:0}
  .hero-info{grid-template-columns:1fr}
  .hero-info>div{border-right:0;border-bottom:1px solid var(--kc-border)}
  .hero-info>div:last-child{border-bottom:0}
}
@media(min-width:769px){
  .hero-mobile-cta{display:none !important}
  .hero-ctas{display:flex}
}

/* ══ STAMP BADGE ══ */
.stamp{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  width:90px;height:90px;border-radius:50%;
  border:2px solid rgba(215,166,66,.45);
  background:rgba(215,166,66,.08);
  font-family:var(--font-stamp);text-align:center;letter-spacing:.06em;
}
.stamp-val{font-size:1.4rem;color:var(--color-pomegranate);line-height:1}
.stamp-lbl{font-size:.44rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--color-muted);margin-top:3px;line-height:1.3}

/* ══ STAT BAR ══ */
.stat-bar{
  background:var(--kc-ivory);
  padding:44px 24px;
}
.stat-bar-inner{
  max-width:960px;margin:0 auto;min-width:0;width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  background:var(--kc-warm-white);border:1px solid var(--kc-border);
  border-radius:14px;box-shadow:0 12px 30px rgba(33,27,23,.06);
  padding:28px 36px;
}
.stat-bar-inner.stat-bar-catering-cta{gap:10px}
.stat-cta-lead{
  font-family:var(--font-stamp);font-size:clamp(1.15rem,2.8vw,1.45rem);
  color:var(--kc-charcoal);letter-spacing:.06em;line-height:1.2;margin:0;
}
.stat-cta-sub{
  font-family:var(--font-body);font-size:.8rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--kc-muted);margin:0 0 8px;
}
.stat-cta-btn{margin-top:10px}
.stat-bar-inner .stat-catering-card{
  background:transparent;border:none;box-shadow:none;margin:0;max-width:36rem;width:100%;
}
.stat-bar-lead{text-align:center;width:100%;max-width:36rem}
.stat-catering-card{
  max-width:min(28rem,100%);margin-left:auto;margin-right:auto;
  padding:1.25rem 1.6rem 1.3rem;
  border-radius:14px;
  background:var(--color-warm-white);
  border:1px solid var(--color-border-premium);
  box-shadow:0 12px 30px rgba(33,27,23,.08);
}
.stat-catering-card .stat-n{color:var(--color-pomegranate)}
.stat-catering-card .stat-l{color:var(--color-muted);font-weight:600}
.stat-bar-cluster{
  display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem;
  align-items:stretch;width:100%;min-width:0;
}
.stat{text-align:center}
.stat-n{
  font-family:var(--font-stamp);font-size:1.7rem;color:var(--color-saffron);
  display:block;letter-spacing:.06em;line-height:1;
}
.stat-l{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--color-muted);margin-top:.35rem;display:block}
.stat-halal{
  background:linear-gradient(160deg,var(--color-charcoal) 0%,#2c241f 100%);
  border:1px solid rgba(215,166,66,.35);
  padding:1rem 1.35rem 1.05rem;
  border-radius:12px;
  box-shadow:0 12px 28px rgba(33,27,23,.14);
  align-self:center;
}
.stat-halal .stat-n{color:var(--color-saffron);font-weight:700}
.stat-halal .stat-l{color:rgba(247,240,227,.9);font-weight:600}
.stat-div{width:1px;background:var(--border);align-self:stretch}

/* ══ FEATURES ══ */
.feats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--border);width:100%;max-width:100%;min-width:0;
}
.feat{
  padding:2.8rem 2rem;border-right:1px solid var(--border);
  position:relative;overflow:hidden;transition:background .35s;
}
.feat:last-child{border-right:none}
.feat::before{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ember),var(--saffron));
  transform:scaleX(0);transform-origin:left;transition:transform .55s var(--snap);
}
.feat{transition:background .5s,box-shadow .5s}
.feat:hover{background:rgba(215,166,66,.06);box-shadow:inset 4px 0 0 var(--color-saffron)}
.feat:hover::before{transform:scaleX(0)}
.feat-num{
  font-family:var(--font-stamp);font-size:2.8rem;color:rgba(215,166,66,.22);
  letter-spacing:.04em;line-height:1;margin-bottom:1rem;display:block;
}
.feat-title{font-family:var(--font-stamp);font-size:.88rem;color:var(--parchment);
  letter-spacing:.08em;margin-bottom:.5rem}
.home-feats-band{
  background:var(--color-ivory);border-top:1px solid var(--color-border-premium);border-bottom:1px solid var(--color-border-premium);
  padding:64px clamp(1.25rem,4vw,3rem);
}
.home-feats-band .feats{
  border-top:none;gap:28px;
}
.home-feats-band .feat{
  padding:0 8px;border-right:none;border-bottom:none;
}
.home-feats-band .feat::before{display:none}
.home-feats-band .feat:hover{
  background:transparent;box-shadow:none;
}
.home-feats-band .feat-num{
  font-size:34px;font-weight:800;color:rgba(143,29,34,.22);margin-bottom:14px;
}
.home-feats-band .feat-title{
  font-size:12px;letter-spacing:.12em;color:var(--kc-charcoal);margin-bottom:12px;
}
.home-feats-band .feat-body{
  font-size:14px;line-height:1.65;color:#6F655D;
}

/* ══ REVIEWS TICKER ══ */
.reviews-ticker{
  position:relative;isolation:isolate;
  overflow:hidden;width:100%;max-width:100%;
  padding:64px clamp(1.25rem,4vw,3rem);
  background:var(--color-warm-white);
  border-top:1px solid var(--color-border-premium);
  border-bottom:1px solid var(--color-border-premium);
}
.reviews-ticker::before,
.reviews-ticker::after{
  content:'';position:absolute;top:0;bottom:0;width:min(3.25rem,8vw);z-index:2;pointer-events:none;
}
.reviews-ticker::before{
  left:0;
  background:linear-gradient(90deg,rgba(255,249,239,.98) 0%,rgba(255,249,239,.55) 45%,transparent 100%);
}
.reviews-ticker::after{
  right:0;
  background:linear-gradient(270deg,rgba(255,249,239,.98) 0%,rgba(255,249,239,.55) 45%,transparent 100%);
}
.ticker-track{
  position:relative;z-index:1;
  display:flex;gap:clamp(1.15rem,2.2vw,1.5rem);width:max-content;
  padding:0 .35rem;
  animation:ticker-marquee 70s linear infinite;
  will-change:transform;
}
.ticker-track:hover{animation-play-state:paused}
@keyframes ticker-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .reviews-ticker{padding-top:48px;padding-bottom:48px}
  .ticker-track{
    animation:none;flex-wrap:wrap;justify-content:center;width:100%;max-width:1160px;
    margin:0 auto;padding:0 .5rem;row-gap:1.25rem;gap:1.25rem;
  }
}
.rcard{
  flex-shrink:0;box-sizing:border-box;display:flex;flex-direction:column;align-self:stretch;
  width:min(24rem,calc(100vw - 2.75rem));max-width:100%;
  min-height:12.5rem;
  padding:28px 30px;
  background:var(--color-warm-white);
  border:1px solid var(--color-border-premium);
  border-top:2px solid var(--color-saffron);
  border-radius:8px;
  box-shadow:0 12px 28px rgba(33,27,23,.07);
}
.rcard-stars{color:var(--color-pomegranate);font-size:.82rem;letter-spacing:.18em;margin-bottom:16px;flex-shrink:0}
.rcard-text{
  font-family:var(--font-lit);font-size:15px;font-style:italic;font-weight:500;
  color:var(--color-text);line-height:1.7;margin-bottom:.95rem;
  flex:1 1 auto;min-height:0;
  overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;
}
.rcard-name{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-mid);flex-shrink:0;margin-top:18px}
.rcard-src{font-size:.64rem;color:rgba(51,51,51,.55);margin-top:.2rem;flex-shrink:0}

/* ══ HOME SPLIT ══ */
.home-split{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  min-height:580px;width:100%;max-width:100%;min-width:0;
  background:var(--color-warm-white);
  align-items:stretch;
}
.home-split-img{
  position:relative;overflow:hidden;
}
.home-split-img img{
  width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center;
  filter:none;
  transition:transform 1.4s cubic-bezier(.25,.46,.45,.94),filter .7s var(--out);
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .home-split-img:hover img{transform:translateX(-6px) translateY(-3px)}
}
.home-split-img::after{
  content:'';position:absolute;right:-1px;top:0;bottom:0;width:80px;
  background:linear-gradient(to right,transparent,var(--surface-1));
}
.home-split-text{
  background:var(--color-warm-white);padding:86px 72px;
  display:flex;flex-direction:column;justify-content:center;
  border-left:1px solid rgba(0,0,0,.06);
  box-shadow:none;
}
.home-split-text .headline{
  font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:.04em;margin-bottom:28px;
}
.home-split-text .headline em{
  color:var(--color-pomegranate);font-size:1.05em;
}
.home-split-text .prose + .prose{margin-top:1rem}

/* ══ PAGE HEADERS — editorial band ══ */
.page-band{
  padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem) 2.5rem;
  background:var(--surface-2);
  border-bottom:1px solid var(--border);
  position:relative;
}
.page-band::before{
  content:'';position:absolute;bottom:0;left:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem);height:1px;
  background:linear-gradient(to right,transparent,rgba(139,105,20,.3),transparent);
}
.page-band-inner{max-width:1160px;margin:0 auto}
.crumb{
  font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(51,51,51,.52);display:flex;gap:.5rem;margin-bottom:.8rem;
}
.crumb a{color:var(--color-red);transition:color .2s}
.crumb a:hover{color:var(--color-red-dark)}
.page-band h1{
  font-family:var(--font-stamp);
  font-size:clamp(2rem,5.5vw,3.8rem);
  color:var(--parchment);letter-spacing:.07em;line-height:.98;
}
.page-band h1 em{
  font-family:var(--font-lit);font-style:italic;
  color:var(--saffron-lt);font-size:1.1em;letter-spacing:.01em;
}
.page-band p{
  font-family:var(--font-lit);font-style:italic;
  color:rgba(51,51,51,.78);margin-top:.6rem;font-size:1.05rem;
}

#page-menu #menu-page-intro.page-band{
  background-color:var(--color-charcoal);
  background-image:
    linear-gradient(165deg,rgba(33,27,23,.72) 0%,rgba(33,27,23,.9) 100%),
    url(../menu-hero-koobideh.png);
  background-size:cover;
  background-position:center 38%;
  border-bottom:1px solid rgba(255,249,239,.1);
}
#page-menu #menu-page-intro .page-band-inner{position:relative;z-index:1}
#page-menu #menu-page-intro .crumb{color:rgba(255,249,239,.55)}
#page-menu #menu-page-intro .crumb a{color:rgba(215,166,66,.95)}
#page-menu #menu-page-intro .crumb a:hover{color:var(--color-warm-white)}
#page-menu #menu-page-intro h1{color:var(--color-warm-white)}
#page-menu #menu-page-intro h1 em{color:var(--color-saffron)}
#page-menu #menu-page-intro p{color:rgba(247,240,227,.88)}
#page-menu #menu-page-intro.page-band::before{
  background:linear-gradient(to right,transparent,rgba(215,166,66,.28),transparent);
}

/* ══ MENU ══ */
.menu-tabs{
  display:flex;gap:.35rem;flex-wrap:wrap;
  padding:2rem clamp(1rem,4vw,2rem) 0;max-width:1160px;margin:0 auto;
}
.mtab{
  padding:.42rem 1rem;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:rgba(51,51,51,.62);border:1px solid rgba(139,105,20,.22);
  background:transparent;transition:transform .2s var(--snap),border-color .2s,color .2s,background .2s;
}
.mtab:hover{border-color:rgba(139,105,20,.55);color:var(--saffron-lt);transform:translateY(-1px)}
.mtab:active{transform:scale(.96)}
.mtab.on{background:var(--color-saffron);color:var(--color-charcoal);border-color:var(--color-saffron);transform:none}
a.mtab{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(51,51,51,.62);cursor:pointer}

.menu-section{
  display:block;
  padding:2.25rem clamp(1rem,4vw,2rem) 0;
  max-width:1160px;
  margin:0 auto;
  scroll-margin-top:calc(var(--nav-stack) + 56px);
}
.menu-section + .menu-section{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:.25rem;
  padding-top:2.75rem;
}
#page-menu .menu-section{
  display:block;
  scroll-margin-top:calc(var(--nav-stack) + 56px);
}
#page-menu .menu-section + .menu-section{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:.25rem;
  padding-top:2.75rem;
}
.msec-title{font-family:var(--font-stamp);font-size:1.2rem;color:var(--parchment);
  letter-spacing:.07em;margin-bottom:.25rem}
.msec-sub{font-family:var(--font-lit);font-style:italic;
  color:rgba(51,51,51,.72);font-size:.95rem;margin-bottom:1.8rem}

.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1px}
.mitem{
  padding:1.35rem 1.6rem;background:rgba(255,255,255,.02);
  border-bottom:1px solid rgba(139,105,20,.07);transition:background .3s,box-shadow .3s;
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
  transition:background .25s;position:relative;overflow:hidden;
}
.mitem::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--ember);transform:scaleY(0);transition:transform .4s cubic-bezier(.86,0,.07,1);
  transform-origin:bottom;
}
.mitem:hover{background:rgba(139,105,20,.03)}
.mitem:hover .mi-name{letter-spacing:.08em;color:var(--saffron-lt)}
.mi-name{transition:letter-spacing .4s var(--out),color .3s}
.mitem:hover::before{transform:scaleY(1)}
.mi-l{flex:1}
.mi-badges{display:flex;gap:.3rem;margin-bottom:.35rem;flex-wrap:wrap}
.mi-badge{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;padding:.15rem .45rem}
.bp{background:rgba(139,105,20,.15);color:var(--saffron)}
.bv{background:rgba(143,29,34,.1);color:var(--color-pomegranate-dark)}
.badge-veg{background:rgba(143,29,34,.1);color:var(--color-pomegranate-dark)}
.bh{background:rgba(215,166,66,.15);color:var(--color-clay)}
.bval{background:rgba(255,255,255,.08);color:rgba(51,51,51,.72)}
.mi-name{font-family:var(--font-stamp);font-size:.88rem;color:var(--parchment);
  letter-spacing:.05em;margin-bottom:.2rem}
.mi-desc{font-size:.82rem;color:rgba(51,51,51,.72);line-height:1.55}
.mi-price{font-family:var(--font-lit);font-size:1.1rem;
  font-weight:600;color:var(--saffron);white-space:nowrap;flex-shrink:0}

/* photo menu card */
.mitem-photo{padding:0;display:flex;flex-direction:column;
  background:var(--surface-3);border:none}
.mitem-photo img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  filter:brightness(.82) saturate(.88);
  transition:filter .6s var(--out);
}
.mitem-photo:hover img{filter:brightness(.96) saturate(1.15) contrast(1.02)}
.mitem-photo .mib{
  padding:1.1rem 1.4rem;display:flex;
  justify-content:space-between;align-items:flex-start;gap:1rem;flex:1;
}

.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1px}
.menu-item-img{padding:0;display:flex;flex-direction:column;background:var(--surface-3);border:none;overflow:hidden}
.menu-item-img>img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.82) saturate(.88);transition:filter .6s var(--out)}
.menu-item-img:hover>img{filter:brightness(.96) saturate(1.15) contrast(1.02)}
.menu-item-img .mi-body{padding:1.1rem clamp(.85rem,3vw,1.4rem);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex:1}
.menu-item-img .mi-left{flex:1;min-width:0}
.badge-pop{background:rgba(139,105,20,.15);color:var(--saffron)}
.badge-val{background:rgba(255,255,255,.08);color:rgba(51,51,51,.72)}
.badge-hot{background:rgba(215,166,66,.18);color:var(--color-clay)}

/* ══ GALLERY ══ */
.gal{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:280px;gap:5px;
  padding:clamp(1rem,4vw,2rem);max-width:1160px;margin:0 auto;min-width:0;width:100%;
}
.gi{position:relative;overflow:hidden;cursor:pointer;background:var(--surface-3)}
.gi:nth-child(1){grid-column:span 2;grid-row:span 2}
.gi img{width:100%;height:100%;object-fit:cover;
  filter:brightness(.78) saturate(.82);
  transition:filter .55s var(--out),transform 1.1s cubic-bezier(.25,.46,.45,.94)}
.gi:hover img{filter:brightness(1) saturate(1.2) contrast(1.04);transform:scale(1.02) translateY(-4px)}
.gi-cap{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(33,27,23,.82) 0%,transparent 55%);
  opacity:0;transform:translateY(8px);transition:opacity .4s var(--out),transform .4s var(--out);
  display:flex;align-items:flex-end;padding:1.1rem;
}
.gi:hover .gi-cap{opacity:1;transform:translateY(0)}
.gi-cap-text{font-family:var(--font-stamp);font-size:.82rem;
  color:var(--color-white);letter-spacing:.07em}
.home-gal-band{
  padding:clamp(3rem,7vw,5.5rem) clamp(1rem,4vw,2rem);
  background:var(--color-warm-white);
  border-top:1px solid rgba(0,0,0,.06);
}
.home-gal-inner{max-width:1160px;margin:0 auto}
.home-gal-band .eyebrow{justify-content:center}
.home-gal-band .headline{text-align:center;margin-bottom:.75rem}
@media(max-width:768px){
  .home-gal-band .gi-cap{opacity:1;transform:none}
}

/* ══ CATERING ══ */
.cat-note{
  background:rgba(255,255,255,.78);border-left:3px solid var(--color-red);
  padding:1.2rem 1.6rem;max-width:720px;
  font-family:var(--font-lit);font-size:1rem;color:rgba(51,51,51,.82);line-height:1.7;
  margin:1.8rem 0;
}
.cat-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin:1.5rem 0}
.cat-list li{display:flex;gap:.8rem;align-items:flex-start;
  font-size:.85rem;color:rgba(51,51,51,.72)}
.cat-list li::before{content:'—';color:var(--saffron);flex-shrink:0}
.ctable{width:100%;border-collapse:collapse;max-width:100%}
.ctable thead td{
  font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(51,51,51,.45);padding:.5rem 1.3rem;font-family:var(--font-body);
}
.ctable tbody tr{border-bottom:1px solid rgba(139,105,20,.07);transition:background .2s}
.ctable tbody tr:hover{background:rgba(139,105,20,.04)}
.ctable td{padding:1rem 1.3rem}
.ctable td:first-child{font-family:var(--font-stamp);font-size:.86rem;
  color:var(--parchment);letter-spacing:.05em}
.ctable td:last-child{font-family:var(--font-lit);font-size:1.05rem;
  color:var(--saffron);font-weight:600;text-align:right}
.free-strip{
  background:linear-gradient(90deg,var(--color-pomegranate-dark),var(--color-pomegranate));
  padding:1.8rem clamp(1rem,4vw,2rem);text-align:center;
  font-family:var(--font-stamp);font-size:1rem;color:var(--color-ivory);letter-spacing:.1em;
  margin:2.5rem 0;max-width:100%;box-sizing:border-box;
}
.cat-split{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,3.5rem);
  align-items:start;min-width:0;
}
.cat-split-main,.cat-split-side{min-width:0}
.cat-pricing-lede{
  font-family:var(--font-lit);font-style:italic;color:var(--color-muted);
  font-size:.88rem;margin-bottom:1.2rem;
}
.cat-pricing-eyebrow{margin-top:3rem}
.cat-pricing-sidebar-eyebrow{margin-bottom:1rem}
.ctable-wrap{
  width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:8px;border:1px solid var(--border);box-sizing:border-box;
}
.cat-photo{
  margin-top:clamp(1.25rem,3vw,2rem);overflow:hidden;border:1px solid var(--border);
  border-radius:8px;
}
.cat-photo-img{
  width:100%;display:block;filter:brightness(.85) saturate(.9);
  transition:transform .8s var(--ease);
}
.cat-actions{display:flex;gap:1rem;flex-wrap:wrap}
.cat-feats-band{
  background:var(--surface-2);border-top:1px solid var(--border);
  padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem);
}
.cat-feats-inner{max-width:1160px;margin:0 auto;min-width:0}
@media(max-width:900px){
  .cat-split{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:640px){
  .wrap1160{padding:clamp(2rem,6vw,3rem) clamp(.75rem,4vw,1.25rem)}
  .ctable td{padding:.65rem .75rem}
  .ctable td:first-child{
    font-size:.72rem;letter-spacing:.03em;word-break:break-word;
  }
  .ctable td:last-child{font-size:.95rem;white-space:nowrap}
  .ctable thead td{padding:.45rem .75rem}
  .free-strip{
    font-size:.82rem;letter-spacing:.06em;padding:1.25rem 1rem;margin:1.75rem 0;
  }
  .cat-actions{flex-direction:column;align-items:stretch}
  .cat-actions .btn{width:100%;justify-content:center;box-sizing:border-box}
  .cat-note{padding:1rem 1.1rem;margin:1.25rem 0;font-size:.92rem}
  .sph{min-height:42vh;padding-bottom:2.5rem}
  .sph-title{font-size:clamp(2.2rem,10vw,3.2rem)}
  .sph-sub{font-size:.95rem;line-height:1.45}
  .cat-pricing-eyebrow{margin-top:2rem}
  #page-catering .section{padding:clamp(2rem,6vw,3.5rem) clamp(.75rem,4vw,1rem)}
}

/* ══ ABOUT ══ */
.about-wrap{
  display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;
  align-items:center;max-width:1160px;margin:0 auto;padding:5rem 2rem;
}
.about-photos{position:relative}
.about-photo-main{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  filter:brightness(.82) saturate(.85);
}
.about-photo-inset{
  position:absolute;bottom:-2.5rem;right:-2.5rem;
  width:50%;aspect-ratio:1;object-fit:cover;
  border:5px solid var(--surface-1);
  filter:brightness(.78) saturate(.8);
}
/* Stamp overlay on photos */
.about-stamp{
  position:absolute;top:1.5rem;left:-1.8rem;
  background:var(--color-pomegranate);padding:1.4rem;text-align:center;width:100px;
  font-family:var(--font-stamp);
}
.about-stamp strong{display:block;font-size:1.7rem;color:#fff;letter-spacing:.04em;line-height:1}
.about-stamp span{font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.vals{display:flex;flex-direction:column;gap:1.3rem;margin-top:2.2rem}
.val{display:flex;gap:.9rem;align-items:flex-start}
.val-dash{color:var(--saffron);font-family:var(--font-lit);font-size:1.2rem;flex-shrink:0;margin-top:1px}
.val h4{font-family:var(--font-stamp);font-size:.82rem;color:var(--parchment);
  letter-spacing:.07em;margin-bottom:.2rem}
.val p{font-size:.88rem;color:rgba(51,51,51,.78);line-height:1.68}

/* ══ CONTACT / LOCATION ══ */
.contact-wrap{
  display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:3rem;
  max-width:1400px;margin:0 auto;padding:5rem 2rem;
}
.loc-wrap{
  display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:3rem;
  max-width:1400px;margin:0 auto;padding:5rem 2rem;align-items:start;
}
.about-loc-wrap{max-width:1400px;margin:0 auto;padding:5rem 2rem}
.about-loc-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.48fr);gap:4rem;align-items:center;
}
.info-block{
  background:rgba(255,255,255,.05);border:1px solid var(--border);padding:2.2rem;
  display:flex;flex-direction:column;gap:1.8rem;
}
.info-row{display:flex;gap:.9rem;align-items:flex-start}
.info-ico{color:var(--saffron);font-size:1.1rem;flex-shrink:0;margin-top:1px}
.info-lbl{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(51,51,51,.58);margin-bottom:.25rem}
.info-val{font-family:var(--font-lit);font-size:1rem;color:var(--parchment);line-height:1.5}
.info-val a{color:var(--parchment);transition:color .2s}
.info-val a:hover{color:var(--saffron)}
.hours-card{background:rgba(255,255,255,.02);border:1px solid var(--border);padding:2.2rem}
.hr-row{display:flex;justify-content:space-between;padding:.8rem 0;
  border-bottom:1px solid rgba(139,105,20,.06)}
.hr-row:last-child{border-bottom:none}
.hr-day{font-size:.85rem;color:rgba(51,51,51,.72)}
.hr-time{font-family:var(--font-lit);font-size:.95rem;color:var(--parchment)}

.cform{display:flex;flex-direction:column;gap:1.1rem}
.fg{display:flex;flex-direction:column;gap:.3rem}
.fg label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(51,51,51,.68);font-weight:600}
.fg input,.fg textarea{
  background:rgba(255,255,255,.04);border:1px solid rgba(139,105,20,.15);
  color:var(--parchment);padding:.75rem .95rem;font-family:var(--font-body);
  font-size:.88rem;outline:none;transition:border-color .25s,background .25s;
}
.fg input:focus,.fg textarea:focus{
  border-color:var(--saffron);background:rgba(139,105,20,.06);
}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(51,51,51,.42)}
.fg textarea{resize:vertical;min-height:120px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

/* ══ ORDER PAGE ══ */
.order-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  max-width:960px;margin:3rem auto 0;padding:0 2rem;
}
.ocard{
  background:rgba(255,255,255,.025);border:1px solid var(--border);
  padding:2.8rem 2.2rem;text-align:center;
  position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.2,.64,1),box-shadow .4s;
}
.ocard::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ember),var(--saffron));
  transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.86,0,.07,1)}
.ocard:hover{transform:skewY(-.4deg) scale(1.015);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(139,105,20,.12)}
.ocard:hover::after{transform:scaleX(1)}
.ocard-ico{font-size:2.8rem;margin-bottom:1.3rem}
.ocard-title{font-family:var(--font-stamp);font-size:1.15rem;color:var(--parchment);
  letter-spacing:.07em;margin-bottom:.65rem}
.ocard-desc{font-size:.88rem;color:rgba(51,51,51,.76);line-height:1.72;margin-bottom:1.8rem}

/* ══ CTA BAND ══ */
.cta-band{
  background:var(--color-ivory);
  border-top:1px solid var(--color-border-premium);border-bottom:1px solid var(--color-border-premium);
  padding:64px 24px;text-align:center;
  position:relative;overflow:hidden;
}
.cta-band-lede{
  font-family:var(--font-lit);font-style:italic;color:rgba(33,27,23,.72);
  font-size:18px;line-height:1.5;margin:0 0 18px;max-width:40ch;margin-left:auto;margin-right:auto;
  position:relative;z-index:1;
}
.cta-band-actions{
  display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center;
  position:relative;z-index:1;
}
.cta-band::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 100%,rgba(143,29,34,.06) 0%,transparent 65%);
  pointer-events:none;
}

/* ══ ERROR PAGES (404 / 5xx) ══ */
.err-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-1)}
.err-main{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);
}
.err-card{
  max-width:34rem;width:100%;text-align:center;
  background:rgba(255,255,255,.96);border:1px solid var(--color-border-premium);
  border-radius:14px;box-shadow:0 24px 60px rgba(33,27,23,.1);
  padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2.25rem);
}
.err-badge{
  display:inline-block;font-family:var(--font-body);font-size:.65rem;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:var(--color-red);
  border:1px solid rgba(200,24,30,.4);padding:.38rem .85rem;border-radius:999px;margin-bottom:1.35rem;
}
.err-code{
  font-family:var(--font-stamp);font-size:clamp(3.75rem,16vw,7.5rem);color:var(--color-red);
  letter-spacing:.04em;line-height:1;margin:0 0 .5rem;
}
.err-title{font-family:var(--font-lit);font-size:clamp(1.3rem,3.8vw,1.75rem);color:var(--color-text);margin-bottom:.85rem}
.err-title em{font-style:italic;color:var(--saffron)}
.err-copy{font-size:.94rem;color:rgba(51,51,51,.76);line-height:1.68;margin-bottom:1.85rem}
.err-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ══ FOOTER ══ */
footer{
  background:#211B17;color:var(--color-ivory);
  padding:72px clamp(1.25rem,4vw,3rem) 32px;
  border-top:1px solid rgba(215,166,66,.22);
  position:relative;z-index:1;max-width:100%;overflow-x:clip;box-sizing:border-box;
}
.foot-grid{
  max-width:1180px;margin:0 auto;min-width:0;width:100%;
  display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:54px;
  margin-bottom:2.5rem;
}
.foot-logo{display:inline-block;margin-bottom:22px;padding:.28rem .75rem .32rem;background:rgba(0,0,0,.25);border:1px solid rgba(215,166,66,.25);border-radius:6px;box-shadow:none}
.foot-logo-img{height:34px;width:auto;max-width:min(240px,72vw);object-fit:contain;display:block;opacity:1}
.foot-tagline{font-family:var(--font-lit);font-style:italic;
  font-size:.92rem;color:rgba(255,255,255,.88);line-height:1.72;max-width:28ch}
.foot-halal{margin-top:1rem;font-size:.65rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(247,240,227,.88)}
.foot-col h4{font-family:var(--font-stamp);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--color-saffron);margin-bottom:18px}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.foot-hours{font-size:13px;color:rgba(247,240,227,.78);line-height:1.9;display:block}
footer a:any-link,footer a:any-link:hover,footer a:any-link:visited,footer a:any-link:active,footer a:any-link:focus,footer a:any-link:focus-visible{
  text-decoration:none;
}
.foot-col ul a{font-size:13px;color:rgba(247,240,227,.78);line-height:1.9;transition:color .35s var(--out),letter-spacing .35s var(--out)}
.foot-col ul a:hover{color:var(--color-saffron);letter-spacing:.06em}
.foot-bottom{
  max-width:1180px;margin:54px auto 0;padding-top:24px;min-width:0;width:100%;
  border-top:1px solid rgba(247,240,227,.12);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;
  font-size:11px;color:rgba(247,240,227,.62);
}
.foot-bottom > span{min-width:0;max-width:100%;overflow-wrap:anywhere}
.foot-bottom > .fb-madeby{flex-shrink:0}

/* ── Social links ── */
.social-links{display:flex;gap:.9rem;margin-top:.8rem}
.social-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border:1px solid rgba(255,255,255,.45);
  border-radius:50%;color:rgba(255,255,255,.85);
  transition:color .25s,border-color .25s,background .25s;
  font-size:.85rem;
}
.social-link:hover{
  color:var(--color-saffron);border-color:var(--color-saffron);
  background:rgba(255,255,255,.08);
}
/* ── makeandupdate badge ── */
.fb-madeby{display:inline-flex;align-items:center;align-self:center}
.fb-madeby-block{
  display:inline-flex;align-items:center;gap:.55rem;
  text-decoration:none;opacity:.9;
  transition:opacity .25s;
  flex-wrap:wrap;
  padding:.25rem 0;
}
.fb-madeby-block:hover{opacity:1}
.fb-madeby-line{
  font-weight:700;
  font-size:clamp(.72rem,1.85vw,.84rem);
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.88);
  white-space:nowrap;font-family:var(--font-body);
  line-height:1.25;
}
.fb-madeby-picture{display:flex;line-height:0;align-items:center}
.fb-madeby-logo{
  width:clamp(100px,24vw,132px);
  height:auto;
  display:block;
  filter:brightness(0) invert(1);
  opacity:.95;
}
@media(max-width:640px){
  .foot-bottom{align-items:flex-start}
  .foot-bottom .fb-madeby{width:100%;margin-top:.25rem}
  .fb-madeby-block{justify-content:flex-start}
}

/* ── Cookie consent ── */
.cookie-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:9998;max-width:100%;
  background:rgba(33,27,23,.97);border-top:1px solid rgba(215,166,66,.25);
  padding:1rem clamp(1rem,4vw,2rem);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.8rem;
  backdrop-filter:blur(12px);
  transform:translateY(100%);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.cookie-bar.show{transform:translateY(0)}
.cookie-bar{padding-bottom:calc(1rem + 56px)}
.cookie-text{font-size:.8rem;color:rgba(247,240,227,.9);max-width:65ch;line-height:1.58}
.cookie-text a{color:var(--color-saffron);text-decoration:underline}
.cookie-actions{display:flex;gap:.7rem;flex-shrink:0}
.cookie-accept{
  background:var(--color-pomegranate);color:var(--color-warm-white);
  border:none;padding:.5rem 1.2rem;font-size:.72rem;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;font-family:var(--font-body);
  transition:background .2s;border-radius:4px;
  text-decoration:none;
}
.cookie-accept:hover{background:var(--color-pomegranate-dark)}
.cookie-decline{
  background:transparent;color:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.28);padding:.5rem 1rem;
  font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;font-family:var(--font-body);
  transition:color .2s,border-color .2s;border-radius:2px;
  text-decoration:none;
}
.cookie-decline:hover{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.5)}
*:focus-visible{outline:2px solid var(--color-saffron);outline-offset:3px;border-radius:2px}
*:focus:not(:focus-visible){outline:none}
/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat{border-bottom:1px solid var(--border)}
  .feat:nth-child(2){border-right:none}
  .feat:nth-child(3){border-right:none;border-top:none}
  .feat:nth-child(4){border-right:none;border-top:none}
  .home-feats-band .feat,
  .home-feats-band .feat:nth-child(2),
  .home-feats-band .feat:nth-child(3),
  .home-feats-band .feat:nth-child(4){border:none}
  .home-split{grid-template-columns:minmax(0,1fr);min-height:0}
  .home-split-img{
    min-height:0;display:flex;align-items:center;justify-content:center;
    background:var(--color-warm-white);min-width:0;
  }
  .home-split-img img{
    width:100%;height:auto;min-height:0;max-width:100%;flex-shrink:0;display:block;
    object-fit:contain;object-position:center;
    filter:none;
  }
  .home-split-img:hover img{transform:none}
  .home-split-img::after{display:none}
  .about-wrap{grid-template-columns:1fr;gap:3rem}
  .about-photos{display:none}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1150px){
  .nav-links{display:none !important}
  .hbg{
    display:flex;position:absolute;right:max(var(--safe-right),clamp(.75rem,3vw,2.5rem));
    top:50%;transform:translateY(-50%);margin-left:0;z-index:100;
  }
}
@media(max-width:768px){
  .feats{grid-template-columns:minmax(0,1fr)}
  .feat{border-right:none}
  .home-feats-band,.reviews-ticker,.cta-band{padding:48px 20px}
  .home-feats-band .feats{grid-template-columns:1fr;gap:30px}
  .home-split-text{padding:48px 24px}
  #page-menu #menu-page-intro.page-band{background-position:52% 36%}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
  .gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gi:nth-child(1){grid-column:span 2;grid-row:span 1}
  .contact-wrap{grid-template-columns:1fr}
  .loc-wrap{grid-template-columns:1fr}
  .about-loc-grid{grid-template-columns:1fr}
  .order-cards{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
}
@media(max-width:520px){
  .gal{grid-template-columns:minmax(0,1fr)}
  .gi:nth-child(1){grid-column:span 1}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
  .hero-rules{display:none}
  .mitem:not(.mitem-photo){flex-direction:column;align-items:flex-start;gap:.65rem}
  .mitem:not(.mitem-photo) .mi-price{align-self:flex-end}
  .menu-item-img .mi-body{flex-direction:column;align-items:flex-start;gap:.5rem}
  .menu-item-img .mi-price{align-self:flex-end}
  .cookie-bar{flex-direction:column;align-items:stretch;text-align:center}
  .cookie-actions{justify-content:center}
}

/* ── makeandupdate.com footer ── */
.mu-footer{background:var(--color-charcoal);border-top:1px solid rgba(215,166,66,.18);padding:2rem 2rem 1.5rem}
.mu-footer-inner{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:1.1rem}
.mu-footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.mu-footer-logo{display:flex;align-items:center;gap:.7rem}
.mu-logo-img{height:28px;width:auto;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.7}
.mu-footer-logo span{font-family:var(--font-lit);font-style:italic;font-size:.75rem;
  color:rgba(255,255,255,.35);letter-spacing:.03em;display:block;margin-top:2px}
.mu-footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;list-style:none;padding-top:2px}
.mu-footer-nav a{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:rgba(255,255,255,.4);transition:color .3s var(--out)}
.mu-footer-nav a:hover{color:var(--color-saffron)}
.mu-footer-rule{height:1px;background:linear-gradient(to right,transparent,rgba(139,105,20,.12),transparent)}
.mu-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.mu-footer-copy{font-size:.63rem;color:rgba(255,255,255,.28);letter-spacing:.04em}
.mu-footer-credit{font-size:.62rem;color:rgba(255,255,255,.28)}
.mu-footer-credit a{color:rgba(255,251,128,.45);transition:color .25s}
.mu-footer-credit a:hover{color:var(--color-saffron)}
@media(max-width:580px){.mu-footer-top{flex-direction:column}.mu-footer-bottom{flex-direction:column}}

/* ── Standalone page extras ── */
a.active{color:var(--color-saffron)!important}
a.active::after{transform:scaleX(1)!important}
.sph{position:relative;min-height:52vh;display:flex;align-items:flex-end;padding:0 0 4rem;overflow:hidden}
.sph-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;
  filter:brightness(.28) saturate(.75);transform:scale(1.04);transition:transform 12s linear}
.sph-bg.in{transform:scale(1)}
.sph-vignette{position:absolute;inset:0;background:linear-gradient(to top,rgba(90,8,12,.95) 0%,rgba(120,14,18,.72) 42%,rgba(200,24,30,.12) 100%)}
.sph-inner{position:relative;z-index:2;padding:0 clamp(1rem,4vw,2rem);max-width:1160px;width:100%;margin:0 auto}
.sph-kicker{font-size:.62rem;font-weight:700;letter-spacing:.38em;text-transform:uppercase;color:var(--color-saffron);margin-bottom:.8rem;opacity:.9}
.sph-title{font-family:var(--font-stamp);font-size:clamp(2.8rem,7.5vw,6rem);color:var(--color-white);line-height:.95;letter-spacing:.07em}
.sph-title em{font-family:var(--font-lit);font-style:italic;color:var(--color-yellow);font-size:.82em;letter-spacing:.01em;display:block;margin-top:.06em}
.sph-sub{font-family:var(--font-lit);font-style:italic;color:rgba(255,255,255,.78);font-size:1.05rem;margin-top:.8rem}
.sph-rule{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(139,105,20,.3),transparent)}
.wrap1160{max-width:1160px;margin:0 auto;padding:5rem clamp(1rem,4vw,2rem)}
.menu-tabs-wrap{position:sticky;top:var(--nav-stack);z-index:90;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);margin:0;padding:1rem clamp(1rem,4vw,2rem) .75rem;border-bottom:1px solid var(--color-border);}
.menu-sticky-tabs{
  position:sticky;top:var(--nav-stack);z-index:90;
  background:var(--surface-2);border-bottom:1px solid var(--border);
  padding:.8rem clamp(.75rem,3vw,2rem);
}
.menu-tabs-wrap .menu-nav{display:flex;gap:.35rem;flex-wrap:wrap;max-width:1160px;margin:0 auto;padding:0;justify-content:center}
.cookie-bar{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}