:root{--red:#d90000;--deep:#070000;--ink:#fff7ef;--muted:#ffd8c9;--yellow:#ffd629;--line:rgba(255,255,255,.75);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 0,rgba(255,80,0,.35),transparent 36%),linear-gradient(180deg,#240000,#870000 38%,#320000 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 40px);opacity:.45}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 44px));margin:auto}
header{position:sticky;top:0;z-index:99;background:rgba(8,0,0,.88);border-bottom:2px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase}.brand img{width:58px;height:58px;border-radius:50%;background:white}.brand strong{display:block;font-size:18px;line-height:1}.brand span{display:block;font-size:12px;letter-spacing:1.8px;color:#ffdfd8}.links{display:flex;gap:28px;font-weight:900;font-size:17px}.links a:hover{color:var(--yellow)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:999px;border:2px solid rgba(255,255,255,.88);font-weight:900;background:rgba(255,255,255,.10);white-space:nowrap}.btn-red{background:var(--red);color:white;box-shadow:0 12px 30px rgba(0,0,0,.25)}.btn-white{background:white;color:#b00000}.btn-dark{background:#130000;color:white}
.hero{padding:42px 0 28px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;min-height:560px}.hero h1{font-size:clamp(56px,8vw,112px);line-height:.86;margin:14px 0;letter-spacing:-3px;text-transform:uppercase;font-style:italic;transform:skew(-7deg);text-shadow:0 7px 0 rgba(0,0,0,.25)}.hero h1 span{color:var(--yellow)}.hero p{color:#ffe2d6;font-size:21px;font-weight:800;max-width:520px}.tag{display:inline-flex;border:2px solid white;border-radius:999px;padding:8px 15px;font-weight:900;background:rgba(255,255,255,.07)}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-card{border:3px solid white;border-radius:28px;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(0,0,0,.18));box-shadow:0 24px 60px rgba(0,0,0,.38)}.hero-card img{width:100%;min-height:360px;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(0,0,0,.45))}.hero-logo{width:min(520px,100%);margin-bottom:18px}.hero-logo img{max-height:150px;object-fit:contain}
.marquee{background:#090000;border-top:3px solid white;border-bottom:3px solid white;overflow:hidden;text-transform:uppercase;font-weight:900;color:var(--yellow)}.track{display:flex;gap:30px;padding:12px 0;white-space:nowrap}
.section{padding:52px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.section h2,.menu-section h2{margin:0;font-size:clamp(38px,5vw,62px);text-transform:uppercase;font-style:italic;letter-spacing:-1px;text-shadow:0 5px 0 rgba(0,0,0,.26)}.section-head p{margin:0;color:#ffe1d8;font-weight:900}
.fav-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.fav-main,.fav-small,.menu-item,.order-option,.order-note{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.14));border:3px solid white;border-radius:16px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.28)}.fav-main{display:grid;grid-template-columns:55% 45%;min-height:390px}.fav-stack{display:grid;gap:18px}.fav-small{display:grid;grid-template-columns:52% 48%;min-height:186px}
.fav-img,.menu-pic{background:radial-gradient(circle at 50% 50%,rgba(255,214,41,.2),transparent 52%),rgba(95,0,0,.32);display:flex;align-items:center;justify-content:center;padding:18px}.fav-img img,.menu-pic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px rgba(0,0,0,.45))}.fav-main .fav-img img{transform:scale(1.02)}.fav-small .fav-img img{transform:scale(.88)}.fav-copy,.menu-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.fav-copy h3,.menu-copy h3{margin:0 0 8px;font-size:32px;font-style:italic;line-height:1}.fav-small .fav-copy h3{font-size:27px}.fav-copy p,.menu-copy p{margin:0 0 14px;color:#ffe3d7;font-weight:800;line-height:1.25}.price{font-size:30px;color:white;font-weight:950;text-shadow:0 4px 0 rgba(0,0,0,.25)}
.band{background:#090000;border:3px solid white;border-radius:18px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.band h2{margin:0;font-size:38px;text-transform:uppercase;font-style:italic}.band p{margin:8px 0 0;color:#ffd9cc;font-weight:900}
.page-hero{padding:46px 0 20px}.page-hero h1{font-size:clamp(48px,6vw,86px);margin:10px 0 8px;text-transform:uppercase;font-style:italic;text-shadow:0 6px 0 rgba(0,0,0,.27)}.page-hero p{color:#ffe2d6;font-size:19px;font-weight:850;line-height:1.45}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.tab{border:2px solid white;border-radius:999px;padding:12px 18px;font-weight:900;background:rgba(0,0,0,.20)}
.menu-section{padding:30px 0}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.menu-item{min-height:240px;display:grid;grid-template-columns:235px 1fr}.menu-pic{border-right:2px solid rgba(255,255,255,.75)}.menu-copy h3{font-size:28px}.menu-copy p{font-size:16px}
.story-copy{max-width:900px}.story-logo-wrap{width:min(560px,100%);background:white;border:3px solid white;border-radius:18px;padding:8px;box-shadow:0 22px 45px rgba(0,0,0,.28);margin:0 0 22px}.story-logo-wrap img{width:100%;max-height:150px;object-fit:contain}.story-title{font-size:clamp(42px,6vw,78px)!important;line-height:.92!important;margin:22px 0 10px!important}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.contact-actions .btn{min-width:220px}.order-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.order-option{min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.order-option.primary{background:#080000}.order-icon{font-size:42px}.order-option strong{display:block;font-size:26px;line-height:1;margin-bottom:8px}.order-option small{display:block;color:#ffd9cc;font-weight:850;font-size:15px}.order-note{margin-top:20px;padding:26px}.order-note h2{margin:0 0 8px;font-size:32px;text-transform:uppercase}.order-note p{margin:0 0 18px;color:#ffe2d6;font-weight:850}
footer{border-top:3px solid white;margin-top:48px;background:#080000}.foot{padding:24px 0;color:#ffd9cc;font-weight:900}.mobile-order-bar{display:none}
@media(max-width:980px){.hero-grid,.fav-grid,.menu-grid,.order-options{grid-template-columns:1fr}.hero-card img{min-height:280px}.fav-main,.fav-small,.menu-item{grid-template-columns:1fr}.fav-img,.menu-pic{min-height:260px;border-right:0;border-bottom:2px solid rgba(255,255,255,.75)}.fav-main .fav-img img,.fav-small .fav-img img{transform:scale(.82)}.fav-copy,.menu-copy{padding:22px}}
@media(max-width:720px){body{padding-bottom:78px}.container{width:min(100% - 24px,var(--max))}.nav{height:auto;min-height:68px;padding:12px 0;flex-wrap:wrap;gap:10px}.brand{flex:1 1 auto;min-width:185px}.brand img{width:44px;height:44px}.brand strong{font-size:14px}.brand span{font-size:10px}.nav>.btn{flex:0 0 auto;margin-left:auto;padding:11px 16px;font-size:14px}.links{display:flex;order:3;width:100%;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.25);font-size:14px}.links a{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.10)}.hero{padding:30px 0}.hero-grid{min-height:auto}.hero h1{font-size:54px;letter-spacing:-2px}.hero p{font-size:16px}.section{padding:42px 0}.section-head{display:block}.fav-img,.menu-pic{min-height:220px;padding:14px}.fav-main .fav-img img,.fav-small .fav-img img{transform:scale(.74)}.band{display:block}.band .ctas{margin-top:18px}.mobile-order-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:999;display:flex;gap:10px;background:rgba(8,0,0,.94);border:2px solid white;backdrop-filter:blur(12px);padding:10px;border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.45)}.mobile-order-bar .btn{flex:1;padding:11px 12px;font-size:14px}}
@media(orientation:landscape) and (max-width:980px){.hero-grid,.fav-grid,.menu-grid{grid-template-columns:1fr!important}.fav-main,.fav-small,.menu-item{grid-template-columns:1fr!important}.fav-img,.menu-pic{height:220px!important;min-height:220px!important}.fav-main .fav-img img,.fav-small .fav-img img,.menu-pic img{transform:scale(.68)!important}}@media(orientation:landscape) and (max-height:460px){body{padding-bottom:0}.mobile-order-bar{display:none!important}}


/* =========================================
   CLEAN IMAGE + HERO DESIGN FIX
   Uses new transparent food images
========================================= */

/* Better long logo position */
.hero-logo{
  width:min(430px,100%) !important;
  margin:0 0 18px !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:7px !important;
  border:3px solid #fff !important;
  box-shadow:0 16px 34px rgba(0,0,0,.30) !important;
}
.hero-logo img{
  max-height:112px !important;
  width:100% !important;
  object-fit:contain !important;
}

/* Cleaner title, less awkward than brush skew */
.hero h1{
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-style:normal !important;
  transform:none !important;
  letter-spacing:1px !important;
  line-height:.88 !important;
  font-size:clamp(50px,7.2vw,94px) !important;
  text-shadow:0 7px 0 rgba(0,0,0,.32), 0 0 26px rgba(255,214,41,.18) !important;
}
.hero h1 .script{
  display:block !important;
  color:#fff !important;
}
.hero h1 .hot{
  display:block !important;
  color:var(--yellow) !important;
  transform:skew(-5deg) !important;
}

/* Make image cards work with transparent PNGs */
.hero-card,
.fav-img,
.menu-pic{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,214,41,.22),transparent 54%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.18)) !important;
}

/* Avoid oversized/cut images */
.hero-card img{
  object-fit:contain !important;
  transform:scale(.92) !important;
}
.fav-main .fav-img img{
  transform:scale(.90) !important;
}
.fav-small .fav-img img{
  transform:scale(.78) !important;
}
.menu-pic img{
  transform:scale(.84) !important;
  object-fit:contain !important;
}

/* Bowls are large; keep fully visible */
img[src*="rice-bowl"],
img[src*="poutine-bowl"],
img[src*="mac-cheese-bowl"],
img[src*="loaded-fries-bowl"]{
  transform:scale(.74) !important;
}

/* More premium website feel */
.hero-grid{
  grid-template-columns:.9fr 1.1fr !important;
}
.hero-card{
  border-radius:28px !important;
}
.kicker,.tag{
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
}

/* Mobile safe sizing */
@media(max-width:980px){
  .hero h1{
    font-size:clamp(44px,12vw,74px) !important;
  }
  .hero-logo{
    width:min(380px,100%) !important;
  }
  .hero-logo img{
    max-height:92px !important;
  }
  .hero-card img,
  .fav-main .fav-img img,
  .fav-small .fav-img img,
  .menu-pic img,
  img[src*="rice-bowl"],
  img[src*="poutine-bowl"],
  img[src*="mac-cheese-bowl"],
  img[src*="loaded-fries-bowl"]{
    transform:scale(.64) !important;
  }
}

@media(max-width:720px){
  .hero h1{
    font-size:48px !important;
    letter-spacing:0 !important;
  }
  .hero-logo{
    width:min(330px,100%) !important;
    margin-bottom:14px !important;
  }
  .hero-logo img{
    max-height:82px !important;
  }
  .fav-img,.menu-pic{
    min-height:235px !important;
  }
  .hero-card img,
  .fav-main .fav-img img,
  .fav-small .fav-img img,
  .menu-pic img,
  img[src*="rice-bowl"],
  img[src*="poutine-bowl"],
  img[src*="mac-cheese-bowl"],
  img[src*="loaded-fries-bowl"]{
    transform:scale(.58) !important;
  }
}


/* ==================================================
   WEBSITE FIX — REAL WEBSITE CARDS, NOT POSTER MOCKUP
   Correct image sizing for menu/favorites/extras
================================================== */

:root{
  --red:#d60000;
  --deep-red:#640000;
  --dark:#070000;
  --cream:#fff8f2;
  --muted:#ffd8ca;
  --yellow:#ffd736;
  --line:rgba(255,255,255,.75);
}

/* Hero logo should not dominate the page */
.hero-logo{
  width:min(360px,100%) !important;
  margin:0 0 16px !important;
  background:#fff !important;
  border-radius:14px !important;
  padding:6px 10px !important;
  border:2px solid #fff !important;
}
.hero-logo img{
  max-height:86px !important;
  width:100% !important;
  object-fit:contain !important;
}

/* Better Nashville title for website, not weird brush mockup */
.hero h1{
  font-family: Impact, "Arial Black", Arial, sans-serif !important;
  font-style:normal !important;
  transform:none !important;
  letter-spacing:.5px !important;
  font-size:clamp(48px,6.8vw,92px) !important;
  line-height:.9 !important;
  text-transform:uppercase !important;
}
.hero h1 .script{
  display:block !important;
  color:#fff !important;
}
.hero h1 .hot{
  display:block !important;
  color:var(--yellow) !important;
  transform:skew(-5deg) !important;
}

/* Make product images large enough and stop tiny thumbnails */
.menu-item{
  grid-template-columns: 46% 54% !important;
  min-height:300px !important;
}
.menu-pic{
  min-height:300px !important;
  padding:10px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,215,54,.18), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(0,0,0,.22)) !important;
}
.menu-pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(1.04) !important;
  image-rendering:auto !important;
}

/* Bowls are huge transparent PNGs; keep them visible but still big */
.menu-pic img[src*="bowl"],
.menu-pic img[src*="poutine"]{
  transform:scale(.86) !important;
}

/* Combo and extras images should fill the card naturally */
.menu-pic img[src*="combo"],
.menu-pic img[src*="tender"],
.menu-pic img[src*="sandwich"]{
  transform:scale(1.03) !important;
}

.menu-copy{
  padding:28px !important;
}
.menu-copy h3{
  font-size:32px !important;
}
.menu-copy p{
  font-size:17px !important;
}

/* Fan favorites: bigger food images */
.fav-main{
  grid-template-columns:58% 42% !important;
}
.fav-small{
  grid-template-columns:50% 50% !important;
}
.fav-img{
  padding:10px !important;
}
.fav-main .fav-img img{
  transform:scale(1.03) !important;
}
.fav-small .fav-img img{
  transform:scale(.95) !important;
}

/* Hero food image */
.hero-card img{
  transform:scale(1.02) !important;
}

/* Mobile */
@media(max-width:980px){
  .menu-item,
  .fav-main,
  .fav-small{
    grid-template-columns:1fr !important;
  }
  .menu-pic{
    min-height:280px !important;
  }
  .menu-pic img,
  .fav-img img,
  .hero-card img{
    transform:scale(.92) !important;
  }
  .menu-pic img[src*="bowl"],
  .menu-pic img[src*="poutine"]{
    transform:scale(.78) !important;
  }
}

@media(max-width:720px){
  .hero-logo{
    width:min(300px,100%) !important;
  }
  .hero-logo img{
    max-height:72px !important;
  }
  .menu-pic,
  .fav-img{
    min-height:245px !important;
  }
  .menu-pic img,
  .fav-img img,
  .hero-card img{
    transform:scale(.84) !important;
  }
  .menu-pic img[src*="bowl"],
  .menu-pic img[src*="poutine"]{
    transform:scale(.70) !important;
  }
}


/* =================================================
   FINAL WEBSITE PATCH FROM USER NOTES
   - Main title Holy Hot Chicken
   - Poster-inspired background/design
   - Use uploaded images only
   - Bigger/correct menu images
================================================= */

body{
  background:
    radial-gradient(circle at 74% 12%, rgba(255, 46, 0, .30), transparent 28%),
    radial-gradient(circle at 30% 0%, rgba(190, 0, 0, .38), transparent 35%),
    linear-gradient(180deg,#050000 0%, #210000 20%, #980000 54%, #1b0000 100%) !important;
}

body:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05) 0 1px, transparent 1px 80px),
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.08), transparent 22%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 42px) !important;
  opacity:.45 !important;
}

header{
  background:rgba(4,0,0,.92) !important;
  border-bottom:2px solid rgba(255,255,255,.18) !important;
}

.hero{
  position:relative !important;
}

.hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:8px;
  background:linear-gradient(90deg,transparent,#fff,transparent);
  opacity:.28;
}

.hero-logo{
  width:min(340px,100%) !important;
  margin:0 0 16px !important;
  padding:5px 9px !important;
  border-radius:14px !important;
}

.hero-logo img{
  max-height:78px !important;
}

.hero h1{
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-style:normal !important;
  transform:none !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  font-size:clamp(58px,7.5vw,104px) !important;
  line-height:.88 !important;
  margin:16px 0 !important;
  text-shadow:0 8px 0 rgba(0,0,0,.38), 0 0 35px rgba(214,0,0,.30) !important;
}

.hero h1 .script{
  color:#fff !important;
  display:block !important;
}

.hero h1 .hot{
  color:#ffd736 !important;
  display:block !important;
  transform:skew(-5deg) !important;
}

.hero-card{
  border:3px solid #fff !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,215,54,.23),transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.26)) !important;
  border-radius:26px !important;
}

.hero-card img{
  object-fit:contain !important;
  transform:scale(1.10) !important;
}

/* Menu cards: make image side larger and images visible */
.menu-item{
  grid-template-columns:50% 50% !important;
  min-height:330px !important;
}

.menu-pic{
  min-height:330px !important;
  padding:8px !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,215,54,.25),transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.24)) !important;
}

.menu-pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(1.12) !important;
  image-rendering:auto !important;
}

/* Correct scaling by image type */
.menu-pic img[src*="combo1"],
.menu-pic img[src*="combo2"],
.menu-pic img[src*="combo3"],
.menu-pic img[src*="combo4"]{
  transform:scale(1.18) !important;
}

.menu-pic img[src*="one-tender"]{
  transform:scale(1.45) !important;
}

.menu-pic img[src*="three-tenders"]{
  transform:scale(1.20) !important;
}

.menu-pic img[src*="one-sandwich"]{
  transform:scale(1.15) !important;
}

.menu-pic img[src*="side-mac"]{
  transform:scale(1.25) !important;
}

.menu-pic img[src*="bowl"],
.menu-pic img[src*="poutine"]{
  transform:scale(.92) !important;
}

.menu-copy h3{
  font-size:34px !important;
}

.menu-copy p{
  font-size:18px !important;
}

/* Fan favorites bigger */
.fav-main{
  grid-template-columns:60% 40% !important;
}

.fav-small{
  grid-template-columns:50% 50% !important;
}

.fav-img img{
  object-fit:contain !important;
}

.fav-main .fav-img img{
  transform:scale(1.12) !important;
}

.fav-small .fav-img img{
  transform:scale(1.02) !important;
}

/* Poster-like section dividers */
.section h2,
.menu-section h2,
.page-hero h1{
  text-shadow:0 7px 0 rgba(0,0,0,.35) !important;
}

.menu-section h2:before,
.menu-section h2:after{
  content:"";
  display:inline-block;
  width:90px;
  height:8px;
  margin:0 18px 8px;
  background:linear-gradient(90deg,transparent,#d60000,#fff,transparent);
  border-radius:999px;
}

/* Mobile fixes */
@media(max-width:980px){
  .menu-item,
  .fav-main,
  .fav-small{
    grid-template-columns:1fr !important;
  }

  .menu-pic{
    min-height:300px !important;
  }

  .hero-card img{
    transform:scale(1.0) !important;
  }

  .menu-pic img[src*="combo"],
  .menu-pic img[src*="tender"],
  .menu-pic img[src*="sandwich"],
  .menu-pic img[src*="side-mac"],
  .fav-img img{
    transform:scale(.98) !important;
  }

  .menu-pic img[src*="bowl"],
  .menu-pic img[src*="poutine"]{
    transform:scale(.78) !important;
  }
}

@media(max-width:720px){
  .hero h1{
    font-size:54px !important;
  }

  .hero-logo{
    width:min(280px,100%) !important;
  }

  .hero-logo img{
    max-height:66px !important;
  }

  .menu-pic,
  .fav-img{
    min-height:260px !important;
  }

  .menu-pic img[src*="combo"],
  .menu-pic img[src*="tender"],
  .menu-pic img[src*="sandwich"],
  .menu-pic img[src*="side-mac"],
  .fav-img img{
    transform:scale(.88) !important;
  }

  .menu-pic img[src*="one-tender"]{
    transform:scale(1.12) !important;
  }

  .menu-pic img[src*="three-tenders"]{
    transform:scale(1.0) !important;
  }

  .menu-pic img[src*="bowl"],
  .menu-pic img[src*="poutine"]{
    transform:scale(.68) !important;
  }
}


/* ============================================
   LATEST USER IMAGE FIX
   Replace combos only + fix one/three tenders
============================================ */

.hero h1{
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-style:normal !important;
  transform:none !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
}

.hero h1 .script{
  display:block !important;
  color:#fff !important;
}

.hero h1 .hot{
  display:block !important;
  color:var(--yellow, #ffd736) !important;
  transform:skew(-5deg) !important;
}

.menu-pic img[src*="combo1"],
.menu-pic img[src*="combo2"],
.menu-pic img[src*="combo3"],
.menu-pic img[src*="combo4"]{
  transform:scale(1.02) !important;
  object-fit:contain !important;
}

.menu-pic img[src*="one-tender"]{
  transform:scale(.82) !important;
  object-fit:contain !important;
}

.menu-pic img[src*="three-tenders"]{
  transform:scale(1.08) !important;
  object-fit:contain !important;
}

.fav-main .fav-img img[src*="combo"],
.fav-small .fav-img img[src*="combo"]{
  transform:scale(.96) !important;
  object-fit:contain !important;
}

@media(max-width:720px){
  .menu-pic img[src*="combo"]{
    transform:scale(.84) !important;
  }
  .menu-pic img[src*="one-tender"]{
    transform:scale(.70) !important;
  }
  .menu-pic img[src*="three-tenders"]{
    transform:scale(.88) !important;
  }
}


/* =======================================================
   EXOTIC BROCHURE STYLE HOMEPAGE + FINAL IMAGE FIXES
   - forces latest Combo #1 transparent image
   - equal bowl sizing
   - darker red/black premium visual direction
======================================================= */

body{
  background:
    radial-gradient(circle at 74% 8%, rgba(255,42,0,.32), transparent 25%),
    radial-gradient(circle at 25% 0%, rgba(180,0,0,.42), transparent 36%),
    linear-gradient(180deg,#030000 0%, #120000 18%, #8d0000 48%, #110000 100%) !important;
}

body:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,0,0,.28), transparent 18%),
    radial-gradient(circle at 85% 16%, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 42px) !important;
  opacity:.55 !important;
}

header{
  background:rgba(3,0,0,.94) !important;
  border-bottom:2px solid rgba(255,0,0,.55) !important;
}

.hero{
  padding-top:34px !important;
  background:
    radial-gradient(circle at 78% 35%, rgba(255,210,50,.16), transparent 30%),
    radial-gradient(circle at 20% 44%, rgba(220,0,0,.20), transparent 32%) !important;
}

.hero-grid{
  grid-template-columns:.92fr 1.08fr !important;
  min-height:570px !important;
}

.hero-logo{
  width:min(330px,100%) !important;
  background:#fff !important;
  padding:5px 10px !important;
  border-radius:14px !important;
  box-shadow:0 22px 50px rgba(0,0,0,.42) !important;
}

/* Exotic poster-style title without generating fake food */
.hero-title{
  margin:18px 0 8px !important;
  text-transform:uppercase !important;
  line-height:.82 !important;
  letter-spacing:-2px !important;
  transform:none !important;
  font-style:normal !important;
  text-shadow:0 8px 0 rgba(0,0,0,.42), 0 0 36px rgba(255,0,0,.35) !important;
}

.hero-title span{
  display:block !important;
  color:#fff !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(62px,8vw,120px) !important;
  transform:skew(-8deg) rotate(-1deg) !important;
}

.hero-title strong{
  display:block !important;
  color:#e31212 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(68px,8.8vw,134px) !important;
  transform:skew(-11deg) rotate(-1deg) !important;
  -webkit-text-stroke:1px rgba(255,255,255,.08);
}

.hero-card{
  position:relative !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,214,41,.20),transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.32)) !important;
  border:3px solid #ff1c1c !important;
  box-shadow:0 35px 80px rgba(0,0,0,.55), inset 0 0 65px rgba(255,0,0,.12) !important;
}

.hero-card:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:20px;
  pointer-events:none;
}

.hero-card img{
  transform:scale(1.04) !important;
  object-fit:contain !important;
}

/* Brochure-like card treatment */
.fav-main,.fav-small,.menu-item,.order-option,.order-note{
  background:
    radial-gradient(circle at 20% 30%,rgba(255,70,0,.16),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.24)) !important;
  border:2px solid #ef1c1c !important;
  box-shadow:0 24px 60px rgba(0,0,0,.44), inset 0 0 28px rgba(255,255,255,.04) !important;
}

.menu-item{
  grid-template-columns:50% 50% !important;
  min-height:330px !important;
}

.menu-pic{
  min-height:330px !important;
  padding:10px !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,214,41,.20),transparent 60%),
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.26)) !important;
}

/* Correct exact image references */
.menu-pic img[src$="combo1.png"],
.hero-card img[src$="combo1.png"]{
  transform:scale(1.04) !important;
  object-fit:contain !important;
}

/* Bowls all same visual size */
.menu-pic img[src*="loaded-fries-bowl"],
.menu-pic img[src*="rice-bowl"],
.menu-pic img[src*="mac-cheese-bowl"],
.menu-pic img[src*="poutine-bowl"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(.82) !important;
}

/* Combo images balanced */
.menu-pic img[src*="combo2"],
.menu-pic img[src*="combo3"],
.menu-pic img[src*="combo4"]{
  transform:scale(1.02) !important;
  object-fit:contain !important;
}

/* Tender sizes */
.menu-pic img[src*="one-tender"]{
  transform:scale(.72) !important;
  object-fit:contain !important;
}

.menu-pic img[src*="three-tenders"]{
  transform:scale(.92) !important;
  object-fit:contain !important;
}

/* Favorites */
.fav-main .fav-img img,
.fav-small .fav-img img{
  object-fit:contain !important;
}

.fav-main .fav-img img[src*="combo"]{
  transform:scale(.98) !important;
}

.fav-small .fav-img img[src*="combo"],
.fav-small .fav-img img[src*="rice-bowl"]{
  transform:scale(.88) !important;
}

/* Red brush-ish strip */
.marquee{
  background:linear-gradient(90deg,#a80000,#e00000,#8b0000) !important;
  color:#fff !important;
  border-top:3px solid #ffdbdb !important;
  border-bottom:3px solid #140000 !important;
  transform:skewY(-.7deg);
  margin:10px 0 0;
}

@media(max-width:980px){
  .hero-grid,.menu-item{
    grid-template-columns:1fr !important;
  }
  .hero-title span{
    font-size:64px !important;
  }
  .hero-title strong{
    font-size:70px !important;
  }
  .menu-pic{
    min-height:300px !important;
  }
  .menu-pic img[src*="loaded-fries-bowl"],
  .menu-pic img[src*="rice-bowl"],
  .menu-pic img[src*="mac-cheese-bowl"],
  .menu-pic img[src*="poutine-bowl"]{
    transform:scale(.70) !important;
  }
}

@media(max-width:720px){
  .hero-title span{
    font-size:50px !important;
  }
  .hero-title strong{
    font-size:54px !important;
  }
  .menu-pic{
    min-height:245px !important;
  }
  .menu-pic img[src*="loaded-fries-bowl"],
  .menu-pic img[src*="rice-bowl"],
  .menu-pic img[src*="mac-cheese-bowl"],
  .menu-pic img[src*="poutine-bowl"]{
    transform:scale(.60) !important;
  }
  .menu-pic img[src*="one-tender"]{
    transform:scale(.62) !important;
  }
  .menu-pic img[src*="three-tenders"]{
    transform:scale(.78) !important;
  }
}


/* =====================================================
   HOME LOGO + COMBO #1 WHITE BG + BROCHURE FONT FIX
===================================================== */

/* No white block behind logo on homepage; make it fit as a small badge */
.hero-logo{
  width:min(420px,100%) !important;
  max-height:96px !important;
  margin:0 0 18px !important;
  background:rgba(255,255,255,.96) !important;
  border-radius:14px !important;
  padding:4px 8px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 18px 46px rgba(0,0,0,.48) !important;
}
.hero-logo img{
  width:100% !important;
  height:auto !important;
  max-height:82px !important;
  object-fit:contain !important;
}

/* Brochure-like black/red hero treatment */
.hero{
  background:
    radial-gradient(circle at 78% 30%, rgba(255,65,0,.22), transparent 24%),
    linear-gradient(135deg, rgba(255,0,0,.24), transparent 36%),
    linear-gradient(180deg, #050000 0%, #170000 44%, #730000 100%) !important;
  border-bottom:4px solid #d90000 !important;
}
.hero:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(255,0,0,.25), transparent 24%),
    repeating-linear-gradient(-18deg, rgba(255,255,255,.04) 0 2px, transparent 2px 28px) !important;
  opacity:.58 !important;
  pointer-events:none !important;
}
.hero .container{
  position:relative !important;
  z-index:1 !important;
}

/* Better title like brochure: big brush-like impact, red second line */
.brochure-title{
  margin:18px 0 12px !important;
  line-height:.76 !important;
  text-transform:uppercase !important;
  letter-spacing:-3px !important;
  transform:none !important;
  font-style:normal !important;
  text-shadow:0 9px 0 rgba(0,0,0,.44), 0 0 35px rgba(255,0,0,.36) !important;
}
.brochure-title span{
  display:block !important;
  color:#fff !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(74px,9vw,138px) !important;
  transform:skew(-10deg) rotate(-2deg) !important;
}
.brochure-title strong{
  display:block !important;
  color:#e00000 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(78px,9.5vw,148px) !important;
  transform:skew(-12deg) rotate(-2deg) !important;
  -webkit-text-stroke:1px rgba(255,255,255,.10) !important;
}
.brochure-title em{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin-top:12px !important;
  padding:7px 18px !important;
  color:#fff !important;
  background:#e00000 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(22px,3vw,42px) !important;
  font-style:normal !important;
  letter-spacing:3px !important;
  transform:skew(-9deg) rotate(-1deg) !important;
}

/* Hero food card should feel like brochure, no white bg */
.brochure-food{
  background:
    radial-gradient(circle at 52% 55%, rgba(255,214,41,.18), transparent 52%),
    radial-gradient(circle at 72% 28%, rgba(255,0,0,.18), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(0,0,0,.38)) !important;
  border:3px solid #e00000 !important;
  box-shadow:0 35px 90px rgba(0,0,0,.62), inset 0 0 75px rgba(255,0,0,.12) !important;
}
.brochure-food img,
.hero-card img[src$="combo1.png"]{
  transform:scale(1.05) !important;
  object-fit:contain !important;
}

/* Guarantee Combo #1 has no card-white feel in menu/favorites */
.menu-pic:has(img[src$="combo1.png"]),
.fav-img:has(img[src$="combo1.png"]){
  background:
    radial-gradient(circle at 50% 50%, rgba(255,214,41,.18), transparent 56%),
    linear-gradient(145deg, rgba(120,0,0,.22), rgba(0,0,0,.35)) !important;
}

.menu-pic img[src$="combo1.png"],
.fav-img img[src$="combo1.png"]{
  object-fit:contain !important;
  transform:scale(1.02) !important;
}

/* Equal bowl card and image presence */
.menu-item:has(img[src*="bowl"]),
.menu-item:has(img[src*="poutine"]){
  min-height:330px !important;
}
.menu-pic img[src*="loaded-fries-bowl"],
.menu-pic img[src*="rice-bowl"],
.menu-pic img[src*="mac-cheese-bowl"],
.menu-pic img[src*="poutine-bowl"]{
  transform:scale(.82) !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* Mobile */
@media(max-width:720px){
  .hero-logo{
    width:min(310px,100%) !important;
    max-height:74px !important;
  }
  .hero-logo img{
    max-height:62px !important;
  }
  .brochure-title span{
    font-size:56px !important;
  }
  .brochure-title strong{
    font-size:62px !important;
  }
  .brochure-title em{
    font-size:18px !important;
    letter-spacing:2px !important;
  }
  .brochure-food img,
  .hero-card img[src$="combo1.png"]{
    transform:scale(.88) !important;
  }
}


/* ============================================
   FINAL POLISH
   - remove homepage long logo spacing
   - fix tilted red text strip
   - equalize combo image sizes
   - equalize bowl image sizes
============================================ */

/* Remove logo area cleanly */
.hero-logo{
  display:none !important;
}

/* Fix tilted strip between hero and favorites */
.marquee{
  transform:none !important;
  margin:0 !important;
  rotate:0deg !important;
}
.track{
  transform:none !important;
}

/* Keep hero spacing balanced after logo removal */
.hero{
  padding-top:52px !important;
}
.hero .kicker,
.hero .tag{
  margin-bottom:12px !important;
}

/* Equal combo image sizing in menu */
.menu-pic img[src$="combo1.png"],
.menu-pic img[src$="combo2.png"],
.menu-pic img[src$="combo3.png"],
.menu-pic img[src$="combo4.png"]{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  transform:scale(.96) !important;
}

/* Equal combo image sizing in fan favorites */
.fav-img img[src$="combo1.png"],
.fav-img img[src$="combo2.png"],
.fav-img img[src$="combo3.png"],
.fav-img img[src$="combo4.png"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(.92) !important;
}

/* Equal bowl image sizing everywhere */
.menu-pic img[src$="loaded-fries-bowl.png"],
.menu-pic img[src$="rice-bowl.png"],
.menu-pic img[src$="mac-cheese-bowl.png"],
.menu-pic img[src$="poutine-bowl.png"],
.fav-img img[src$="loaded-fries-bowl.png"],
.fav-img img[src$="rice-bowl.png"],
.fav-img img[src$="mac-cheese-bowl.png"],
.fav-img img[src$="poutine-bowl.png"]{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  transform:scale(.72) !important;
}

/* Keep menu image windows identical */
.menu-pic{
  min-height:330px !important;
  height:330px !important;
}
.menu-item{
  min-height:330px !important;
}

/* Mobile equal sizing */
@media(max-width:720px){
  .hero{
    padding-top:34px !important;
  }
  .menu-pic{
    min-height:250px !important;
    height:250px !important;
  }
  .menu-pic img[src$="combo1.png"],
  .menu-pic img[src$="combo2.png"],
  .menu-pic img[src$="combo3.png"],
  .menu-pic img[src$="combo4.png"]{
    transform:scale(.82) !important;
  }
  .menu-pic img[src$="loaded-fries-bowl.png"],
  .menu-pic img[src$="rice-bowl.png"],
  .menu-pic img[src$="mac-cheese-bowl.png"],
  .menu-pic img[src$="poutine-bowl.png"]{
    transform:scale(.58) !important;
  }
}


/* MICRO FIXES */

/* Combo #1 slightly smaller to visually match others */
.menu-pic img[src$="combo1.png"],
.fav-img img[src$="combo1.png"]{
  transform:scale(.84) !important;
}

/* Keep other combos slightly larger */
.menu-pic img[src$="combo2.png"],
.menu-pic img[src$="combo3.png"],
.menu-pic img[src$="combo4.png"],
.fav-img img[src$="combo2.png"],
.fav-img img[src$="combo3.png"],
.fav-img img[src$="combo4.png"]{
  transform:scale(.92) !important;
}

/* Make all bowls truly equal size */
.menu-pic img[src$="loaded-fries-bowl.png"],
.menu-pic img[src$="rice-bowl.png"],
.menu-pic img[src$="mac-cheese-bowl.png"],
.menu-pic img[src$="poutine-bowl.png"],
.fav-img img[src$="loaded-fries-bowl.png"],
.fav-img img[src$="rice-bowl.png"],
.fav-img img[src$="mac-cheese-bowl.png"],
.fav-img img[src$="poutine-bowl.png"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(.66) !important;
}

/* Side mac & cheese text slightly smaller for symmetry */
.extra-item.mac-cheese,
.extras-list li:has(.mac),
.extras-list li:last-child{
  font-size:.88em !important;
  letter-spacing:.2px !important;
}



/* FINAL VISUAL BALANCE PATCH */

/* Combo #1 a bit smaller again */
.menu-pic img[src$="combo1.png"],
.fav-img img[src$="combo1.png"],
.hero-card img[src$="combo1.png"]{
  transform:scale(.76) !important;
}

/* Other combos stay balanced */
.menu-pic img[src$="combo2.png"],
.menu-pic img[src$="combo3.png"],
.menu-pic img[src$="combo4.png"]{
  transform:scale(.90) !important;
}

/* Bowls now normalized as image files; use same scale for all */
.menu-pic img[src$="loaded-fries-bowl.png"],
.menu-pic img[src$="rice-bowl.png"],
.menu-pic img[src$="mac-cheese-bowl.png"],
.menu-pic img[src$="poutine-bowl.png"],
.fav-img img[src$="loaded-fries-bowl.png"],
.fav-img img[src$="rice-bowl.png"],
.fav-img img[src$="mac-cheese-bowl.png"],
.fav-img img[src$="poutine-bowl.png"]{
  transform:scale(.82) !important;
  object-fit:contain !important;
}

/* Side mac smaller and symmetric with extras */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(.72) !important;
  object-fit:contain !important;
}

/* Center the home text bar */
.marquee{
  text-align:center !important;
}
.track{
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  text-align:center !important;
}

/* Mobile balance */
@media(max-width:720px){
  .menu-pic img[src$="combo1.png"],
  .fav-img img[src$="combo1.png"],
  .hero-card img[src$="combo1.png"]{
    transform:scale(.66) !important;
  }

  .menu-pic img[src$="loaded-fries-bowl.png"],
  .menu-pic img[src$="rice-bowl.png"],
  .menu-pic img[src$="mac-cheese-bowl.png"],
  .menu-pic img[src$="poutine-bowl.png"]{
    transform:scale(.70) !important;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(.62) !important;
  }
}


/* ======================================
   NEAR FINAL TUNING
====================================== */

/* Menu page title same style as homepage */
.menu-main-title{
  margin-top:8px !important;
  margin-bottom:18px !important;
}

.menu-main-title span{
  display:block !important;
  color:#fff !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(62px,8vw,118px) !important;
  transform:skew(-9deg) rotate(-1deg) !important;
  line-height:.8 !important;
}

.menu-main-title strong{
  display:block !important;
  color:#d70000 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(66px,8.6vw,126px) !important;
  transform:skew(-11deg) rotate(-1deg) !important;
  line-height:.8 !important;
  text-shadow:0 8px 0 rgba(0,0,0,.35),0 0 28px rgba(255,0,0,.28) !important;
}

/* Combo #1 a touch smaller */
.menu-pic img[src$="combo1.png"],
.fav-img img[src$="combo1.png"],
.hero-card img[src$="combo1.png"]{
  transform:scale(.70) !important;
}

/* Other combos */
.menu-pic img[src$="combo2.png"],
.menu-pic img[src$="combo3.png"],
.menu-pic img[src$="combo4.png"]{
  transform:scale(.88) !important;
}

/* Force ALL bowls same size */
.menu-pic img[src$="loaded-fries-bowl.png"],
.menu-pic img[src$="rice-bowl.png"],
.menu-pic img[src$="mac-cheese-bowl.png"],
.menu-pic img[src$="poutine-bowl.png"],
.fav-img img[src$="loaded-fries-bowl.png"],
.fav-img img[src$="rice-bowl.png"],
.fav-img img[src$="mac-cheese-bowl.png"],
.fav-img img[src$="poutine-bowl.png"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(.78) !important;
}

/* Same image windows */
.menu-pic{
  min-height:330px !important;
  height:330px !important;
}

@media(max-width:720px){
  .menu-main-title span{
    font-size:48px !important;
  }
  .menu-main-title strong{
    font-size:54px !important;
  }

  .menu-pic img[src$="combo1.png"],
  .fav-img img[src$="combo1.png"],
  .hero-card img[src$="combo1.png"]{
    transform:scale(.62) !important;
  }

  .menu-pic img[src$="loaded-fries-bowl.png"],
  .menu-pic img[src$="rice-bowl.png"],
  .menu-pic img[src$="mac-cheese-bowl.png"],
  .menu-pic img[src$="poutine-bowl.png"]{
    transform:scale(.66) !important;
  }
}


/* =========================================
   FINAL TOUCHUPS
========================================= */

/* Spice level section replacing title */
.spice-levels{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin:20px auto 28px;
}

.spice-badge{
  padding:12px 22px;
  border-radius:999px;
  font-family:Impact, "Arial Black", Arial, sans-serif;
  font-size:20px;
  letter-spacing:1px;
  color:#fff;
  border:2px solid rgba(255,255,255,.22);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  text-transform:uppercase;
}

.spice-badge.no-spice{
  background:linear-gradient(135deg,#3f7d2d,#6dbb49);
}

.spice-badge.mild{
  background:linear-gradient(135deg,#d4a500,#f4cf31);
  color:#240000;
}

.spice-badge.medium{
  background:linear-gradient(135deg,#d16d00,#ff9800);
}

.spice-badge.hot{
  background:linear-gradient(135deg,#980000,#ff0000);
}

/* One tender slightly bigger */
.menu-pic img[src$="one-tender.png"]{
  transform:scale(.82) !important;
}

/* Side mac slightly bigger and symmetric */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(.80) !important;
}

/* Mobile */
@media(max-width:720px){
  .spice-levels{
    gap:10px;
    margin:12px auto 22px;
  }

  .spice-badge{
    font-size:15px;
    padding:9px 14px;
  }

  .menu-pic img[src$="one-tender.png"]{
    transform:scale(.72) !important;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(.72) !important;
  }
}


/* ==========================================
   TRUE FINAL SMALL FIXES
========================================== */

/* Restore menu title nicely */
.menu-main-title-wrap{
  text-align:center;
  margin:10px auto 22px;
}

/* Make side mac visibly larger */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(.92) !important;
  object-fit:contain !important;
}

/* Mobile */
@media(max-width:720px){
  .menu-pic img[src$="side-mac.png"]{
    transform:scale(.80) !important;
  }
}


/* ==========================================
   FINAL SPICE + FLAME TITLE + MAC FIX
========================================== */

/* Flame-style menu title */
.menu-main-title span,
.menu-main-title strong{
  background:linear-gradient(180deg,#fff6d6 0%,#ffd736 22%,#ff6a00 52%,#e00000 78%,#5b0000 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:
    0 5px 0 rgba(0,0,0,.45),
    0 0 12px rgba(255,85,0,.75),
    0 0 28px rgba(255,0,0,.55) !important;
  filter:drop-shadow(0 0 8px rgba(255,90,0,.45));
}

/* Flame flicker line under title */
.menu-main-title-wrap::after{
  content:"";
  display:block;
  width:min(520px,80%);
  height:10px;
  margin:12px auto 4px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#ffd736,#ff4b00,#d60000,#ffd736,transparent);
  box-shadow:0 0 18px rgba(255,72,0,.75);
}

/* Spice badges under menu title */
.spice-levels{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin:16px auto 26px;
}

.spice-badge{
  min-width:128px;
  text-align:center;
  padding:12px 18px;
  border-radius:999px;
  font-family:Impact, "Arial Black", Arial, sans-serif;
  font-size:19px;
  letter-spacing:1px;
  border:2px solid rgba(255,255,255,.8);
  box-shadow:0 12px 28px rgba(0,0,0,.38);
  text-transform:uppercase;
}

.spice-badge.no-spice{
  background:linear-gradient(135deg,#f8f1d2,#fff8e8);
  color:#2a1600;
}

.spice-badge.mild{
  background:linear-gradient(135deg,#ffdf35,#f5aa00);
  color:#260900;
}

.spice-badge.medium{
  background:linear-gradient(135deg,#ff9b00,#e24a00);
  color:#fff;
}

.spice-badge.hot{
  background:linear-gradient(135deg,#ff1d1d,#940000);
  color:#fff;
}

/* Side Mac & Cheese bigger again */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(1.08) !important;
  object-fit:contain !important;
}

/* Keep extras image window clean */
.menu-pic:has(img[src$="side-mac.png"]){
  padding:6px !important;
}

@media(max-width:720px){
  .spice-levels{
    gap:9px;
    margin:12px auto 22px;
  }

  .spice-badge{
    min-width:96px;
    font-size:14px;
    padding:9px 12px;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(.94) !important;
  }
}


/* ======================================
   ABSOLUTE FINAL TWEAKS
====================================== */

/* Menu title should match homepage:
   HOLY white
   HOT CHICKEN flame/red
*/
.menu-main-title span{
  color:#ffffff !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:
    0 6px 0 rgba(0,0,0,.45),
    0 0 20px rgba(255,255,255,.18) !important;
  font-size:clamp(76px,9vw,146px) !important;
}

.menu-main-title strong{
  background:linear-gradient(180deg,#fff6d6 0%,#ffd736 20%,#ff7b00 48%,#e00000 78%,#5b0000 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:
    0 6px 0 rgba(0,0,0,.45),
    0 0 16px rgba(255,90,0,.85),
    0 0 34px rgba(255,0,0,.62) !important;
  font-size:clamp(82px,10vw,160px) !important;
}

/* Side Mac & Cheese image MUCH bigger */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(1.34) !important;
  object-fit:contain !important;
}

/* Give side mac a bit more breathing room */
.menu-pic:has(img[src$="side-mac.png"]){
  padding:2px !important;
}

/* Mobile */
@media(max-width:720px){
  .menu-main-title span{
    font-size:58px !important;
  }

  .menu-main-title strong{
    font-size:64px !important;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(1.12) !important;
  }
}


/* =========================================
   REAL FINAL
========================================= */

/* Match homepage style exactly:
   HOLY white
   HOT CHICKEN red
   no flame effect
*/
.menu-main-title{
  line-height:.78 !important;
}

.menu-main-title span{
  display:block !important;
  color:#ffffff !important;
  background:none !important;
  -webkit-text-fill-color:#ffffff !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(76px,9vw,146px) !important;
  transform:skew(-9deg) rotate(-1deg) !important;
  text-shadow:0 7px 0 rgba(0,0,0,.38) !important;
}

.menu-main-title strong{
  display:block !important;
  color:#d70000 !important;
  background:none !important;
  -webkit-text-fill-color:#d70000 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(82px,10vw,160px) !important;
  transform:skew(-11deg) rotate(-1deg) !important;
  text-shadow:
    0 8px 0 rgba(0,0,0,.35),
    0 0 24px rgba(255,0,0,.22) !important;
}

/* MUCH larger mac and cheese image */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(1.58) !important;
  object-fit:contain !important;
}

/* Give side mac more room */
.menu-pic:has(img[src$="side-mac.png"]){
  padding:0 !important;
}

@media(max-width:720px){
  .menu-main-title span{
    font-size:58px !important;
  }

  .menu-main-title strong{
    font-size:64px !important;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(1.30) !important;
  }
}


/* ======================================
   MATCH HOMEPAGE TITLE EXACTLY
====================================== */

/* Match homepage title edges/shadows exactly */
.menu-main-title{
  line-height:.76 !important;
  text-transform:uppercase !important;
  letter-spacing:-2px !important;
  transform:none !important;
  font-style:normal !important;
  text-shadow:0 9px 0 rgba(0,0,0,.44), 0 0 35px rgba(255,0,0,.18) !important;
}

.menu-main-title span{
  display:block !important;
  color:#fff !important;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(76px,9vw,146px) !important;
  transform:skew(-10deg) rotate(-2deg) !important;
  text-shadow:0 9px 0 rgba(0,0,0,.44) !important;
}

.menu-main-title strong{
  display:block !important;
  color:#d70000 !important;
  background:none !important;
  -webkit-text-fill-color:#d70000 !important;
  font-family:Impact, "Arial Black", Arial, sans-serif !important;
  font-size:clamp(82px,10vw,160px) !important;
  transform:skew(-12deg) rotate(-2deg) !important;
  text-shadow:
    0 9px 0 rgba(0,0,0,.44),
    0 0 34px rgba(255,0,0,.22) !important;
}

/* One more bump for side mac image */
.menu-pic img[src$="side-mac.png"]{
  transform:scale(1.82) !important;
  object-fit:contain !important;
}

/* Give mac card maximum room */
.menu-pic:has(img[src$="side-mac.png"]){
  padding:0 !important;
}

@media(max-width:720px){
  .menu-main-title span{
    font-size:58px !important;
  }

  .menu-main-title strong{
    font-size:64px !important;
  }

  .menu-pic img[src$="side-mac.png"]{
    transform:scale(1.46) !important;
  }
}


/* DOUBLE BOWL SIZE */
.menu-pic img[src$="loaded-fries-bowl.png"],
.menu-pic img[src$="rice-bowl.png"],
.menu-pic img[src$="mac-cheese-bowl.png"],
.menu-pic img[src$="poutine-bowl.png"],
.fav-img img[src$="loaded-fries-bowl.png"],
.fav-img img[src$="rice-bowl.png"],
.fav-img img[src$="mac-cheese-bowl.png"],
.fav-img img[src$="poutine-bowl.png"]{
  transform:scale(1.55) !important;
  object-fit:contain !important;
}

@media(max-width:720px){
  .menu-pic img[src$="loaded-fries-bowl.png"],
  .menu-pic img[src$="rice-bowl.png"],
  .menu-pic img[src$="mac-cheese-bowl.png"],
  .menu-pic img[src$="poutine-bowl.png"]{
    transform:scale(1.15) !important;
  }
}


/* Rice bowl slightly bigger */
.menu-pic img[src$="rice-bowl.png"],
.fav-img img[src$="rice-bowl.png"]{
  transform:scale(1.72) !important;
}

@media(max-width:720px){
  .menu-pic img[src$="rice-bowl.png"],
  .fav-img img[src$="rice-bowl.png"]{
    transform:scale(1.28) !important;
  }
}


/* ======================================
   RICH OUR STORY SECTION
====================================== */

.story-rich{
  margin-top:18px;
}

.story-intro{
  font-size:1.2rem;
  line-height:1.9;
  color:#fff4ec;
  margin-bottom:26px;
  font-weight:500;
}

.story-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}

.story-columns p{
  font-size:1rem;
  line-height:1.9;
  color:#ffe5dc;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,0,0,.18));
  border:1px solid rgba(255,255,255,.08);
  padding:22px;
  border-radius:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.story-closing{
  margin-top:34px;
  display:inline-block;
  padding:14px 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#d70000,#ff5b00);
  color:#fff;
  font-family:Impact, "Arial Black", Arial, sans-serif;
  letter-spacing:2px;
  font-size:1.3rem;
  box-shadow:0 14px 35px rgba(0,0,0,.38);
}

@media(max-width:720px){
  .story-columns{
    grid-template-columns:1fr;
  }

  .story-intro{
    font-size:1.02rem;
    line-height:1.8;
  }

  .story-columns p{
    font-size:.96rem;
    line-height:1.8;
    padding:18px;
  }

  .story-closing{
    font-size:1rem;
    text-align:center;
    width:100%;
  }
}


/* ======================================
   OUR STORY BANNER + SINGLE PREMIUM PANEL
====================================== */

.story-logo-wide{
  width:min(860px,100%) !important;
  max-width:860px !important;
  background:#fff !important;
  border:3px solid rgba(255,255,255,.95) !important;
  border-radius:22px !important;
  padding:10px 18px !important;
  margin:0 0 28px !important;
  box-shadow:0 28px 70px rgba(0,0,0,.45), 0 0 35px rgba(214,0,0,.20) !important;
}

.story-logo-wide img{
  width:100% !important;
  max-height:150px !important;
  object-fit:contain !important;
}

.story-panel{
  max-width:940px;
  margin-top:24px;
  padding:30px;
  border-radius:26px;
  border:2px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 10% 0%,rgba(255,0,0,.22),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.28));
  box-shadow:0 26px 70px rgba(0,0,0,.40), inset 0 0 32px rgba(255,255,255,.035);
}

.story-panel p{
  margin:0 0 20px;
  font-size:1.08rem;
  line-height:1.9;
  color:#ffe8df;
  font-weight:650;
}

.story-panel p:first-child{
  font-size:1.18rem;
  color:#fff7ef;
  font-weight:800;
}

.story-panel .story-closing{
  margin-top:26px;
  display:block;
  width:fit-content;
  padding:14px 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#d70000,#ff5b00);
  color:#fff;
  font-family:Impact, "Arial Black", Arial, sans-serif;
  letter-spacing:2px;
  font-size:1.32rem;
  box-shadow:0 14px 35px rgba(0,0,0,.38);
}

@media(max-width:720px){
  .story-logo-wide{
    width:100% !important;
    padding:8px 10px !important;
    border-radius:18px !important;
  }

  .story-logo-wide img{
    max-height:95px !important;
  }

  .story-panel{
    padding:22px;
    border-radius:22px;
  }

  .story-panel p,
  .story-panel p:first-child{
    font-size:.98rem;
    line-height:1.78;
  }

  .story-panel .story-closing{
    width:100%;
    text-align:center;
    font-size:.95rem;
    letter-spacing:1.2px;
  }
}


/* FINAL LOGO WIDTH FIX */
/* Stretch actual logo itself, not just container */
.story-logo-wide{
  max-width:1100px !important;
  width:min(1100px,100%) !important;
}

.story-logo-wide img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:fill !important;
  transform:scaleX(1.12) !important;
  display:block !important;
}

/* Mobile */
@media(max-width:720px){
  .story-logo-wide img{
    transform:scaleX(1.05) !important;
  }
}


/* BALANCED FINAL LOGO SIZE */
.story-logo-wide img{
  width:88% !important;
  max-width:88% !important;
  height:auto !important;
  object-fit:contain !important;
  transform:none !important;
  display:block !important;
  margin:0 auto !important;
}


/* CURSIVE STORY FONT UPGRADE */
.story-panel p{
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive !important;
  font-size:1.22rem !important;
  line-height:2 !important;
  letter-spacing:.4px !important;
  color:#fff4ef !important;
}

.story-panel p:first-child{
  font-size:1.34rem !important;
}

@media(max-width:720px){
  .story-panel p{
    font-size:1rem !important;
    line-height:1.9 !important;
  }
}


/* BOLD CLEAR STORY FONT OPTION */
.story-panel p{
  font-family:Georgia, "Times New Roman", serif !important;
  font-weight:800 !important;
  font-size:1.16rem !important;
  line-height:1.95 !important;
  letter-spacing:.25px !important;
  color:#fff4ef !important;
}

.story-panel p:first-child{
  font-size:1.26rem !important;
  font-weight:900 !important;
}

@media(max-width:720px){
  .story-panel p{
    font-size:1rem !important;
    line-height:1.8 !important;
  }
}


/* CLEAN SHORT STORY UPDATE */
.clean-story{
  max-width:980px !important;
}

.clean-story p,
.story-panel.clean-story p,
.story-panel.clean-story p:first-child{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:1.12rem !important;
  font-weight:800 !important;
  line-height:1.85 !important;
  letter-spacing:.2px !important;
  color:#fff4ef !important;
  margin:0 0 20px !important;
}

.clean-story .story-closing{
  margin-top:28px !important;
}

@media(max-width:720px){
  .clean-story p,
  .story-panel.clean-story p,
  .story-panel.clean-story p:first-child{
    font-size:1rem !important;
    line-height:1.75 !important;
  }
}


/* FINAL CALL BUTTON SPACING FIX */
a[data-phone-link] span[data-phone]{
  margin-left:6px !important;
}

.btn[data-phone-link],
a.btn[data-phone-link]{
  gap:6px !important;
}


.instagram-card{
 text-align:center;
 margin:40px auto;
 max-width:420px;
 padding:25px;
 border:2px solid rgba(255,255,255,.15);
 border-radius:20px;
}

.instagram-qr{
 width:260px;
 max-width:100%;
 border-radius:12px;
 margin:15px 0;
}

.instagram-btn{
 display:inline-block;
 padding:12px 24px;
 border-radius:999px;
 background:#e1306c;
 color:white;
 text-decoration:none;
 font-weight:700;
}


/* FINAL INSTAGRAM INTEGRATION */
.instagram-card{
  text-align:center !important;
  margin:42px auto !important;
  max-width:460px !important;
  padding:28px !important;
  border:2px solid rgba(255,255,255,.18) !important;
  border-radius:26px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.18)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.35) !important;
}

.instagram-card h3{
  margin:0 0 20px !important;
  text-align:center !important;
}

.instagram-qr-link{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  text-decoration:none !important;
}

.instagram-qr{
  display:block !important;
  width:300px !important;
  max-width:100% !important;
  border-radius:22px !important;
  margin:0 auto 22px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.28) !important;
}

.instagram-qr.small{
  width:220px !important;
  margin:0 auto !important;
}

.instagram-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:280px !important;
  padding:13px 24px !important;
  border-radius:999px !important;
  background:linear-gradient(45deg,#f58529,#feda77,#dd2a7b,#8134af,#515bd4) !important;
  color:white !important;
  text-decoration:none !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  box-shadow:0 14px 32px rgba(0,0,0,.34) !important;
}

.home-instagram-section{
  padding:54px 0 !important;
}

.home-instagram-card{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:34px !important;
  align-items:center !important;
  padding:32px !important;
  border-radius:28px !important;
  border:2px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.22)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34) !important;
}

.home-instagram-card h2{
  margin:8px 0 18px !important;
  max-width:680px !important;
}

.footer-instagram{
  text-align:center !important;
  margin-top:14px !important;
}

.footer-instagram a{
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

@media(max-width:720px){
  .instagram-card{
    max-width:92% !important;
    padding:22px !important;
  }

  .instagram-qr{
    width:260px !important;
  }

  .instagram-btn{
    min-width:0 !important;
    width:100% !important;
  }

  .home-instagram-card{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .instagram-qr.small{
    width:230px !important;
  }
}