:root{
  --red:#c62828;
  --crust:#f6e2c8;
  --ink:#1a1a1a;
  --gold:#f0b429;
  --cream:#fff8f0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream)}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.nav .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:.6rem;align-items:center}
.brand .logo{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--gold), var(--red));box-shadow:0 3px 8px rgba(0,0,0,.2)}
.brand .name{font-weight:800;letter-spacing:.5px}
.nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.nav a{padding:10px 12px;border-radius:8px}
.nav a.active,.nav a:hover{background:var(--crust)}

.hero{position:relative;min-height:68vh;display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:url('assets/meat_lovers.jpg') center/cover no-repeat;filter:brightness(.55)}
.hero .content{position:relative;color:white;padding:7vw 5vw}
h1{font-size:clamp(2rem,5vw,4rem);margin:.2em 0}
.sub{font-size:clamp(1rem,2.2vw,1.3rem);max-width:60ch;opacity:.95}
.btns{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700}
.btn.primary{background:var(--red);color:white;box-shadow:0 6px 16px rgba(198,40,40,.25)}
.btn.ghost{border:1.5px solid white;color:white}
.section{padding:56px 0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.card{grid-column:span 4;background:white;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06);border:1px solid #eee}
.card img{width:100%;height:220px;object-fit:cover}
.card .p{padding:16px}
.card h3{margin:.3em 0}
.badge{display:inline-block;background:var(--gold);color:#402; padding:4px 8px;border-radius:999px;font-weight:700;font-size:.82rem}

.cta{background:linear-gradient(135deg,var(--crust),#fff);border:1px solid #eee;border-radius:16px;padding:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}

.footer{background:#111;color:#ddd}
.footer a{color:#fff}
.footer .grid{gap:10px}
.footer .col{grid-column:span 6}
.footer small{opacity:.7}

.menu-hero{background:url('assets/taco_pizza.jpg') center/cover no-repeat;min-height:40vh;display:flex;align-items:center;color:white;position:relative}
.menu-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.menu-hero .container{position:relative}

.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.menu .item{background:white;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.item h4{margin:.2em 0}
.price{font-weight:800;color:var(--red)}

.about-hero{background:url('assets/hawaiian.jpg') center/cover no-repeat;min-height:40vh;color:white;position:relative;display:flex;align-items:center}
.about-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.about-hero .container{position:relative}

.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start}
.info .box{background:white;border:1px solid #eee;border-radius:14px;padding:16px}

.mapholder{aspect-ratio:16/9;width:100%;border:0;border-radius:12px;overflow:hidden;background:#fafafa;display:grid;place-items:center;color:#666}

@media (max-width:800px){
  .card{grid-column:span 12}
}

/* --- Version 2 polish --- */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;600;800&display=swap');
html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.brand .name{font-family:"Bebas Neue", Inter, sans-serif; font-size:1.6rem; letter-spacing:1px}
.tagline{font-family:"Bebas Neue", Inter, sans-serif; letter-spacing:1px}

body::before{
  content:"";
  position:fixed; inset:0;
  background-image: radial-gradient(rgba(0,0,0,.03) 1px, transparent 1px), linear-gradient(180deg, rgba(240,180,41,.04), transparent 65%);
  background-size: 14px 14px, 100% 100%;
  pointer-events:none; z-index:-1;
}
.nav .brand .logo{
  background: none;
  width:44px;height:44px;border-radius:50%;
  background:#fff;
  border:2px solid #e99; display:grid;place-items:center;
  overflow:hidden
}
.nav .brand .logo img{width:100%;height:100%;object-fit:cover}

.hero::before{filter:brightness(.5) saturate(1.1)}
.badge{background:rgba(240,180,41,.92); box-shadow:0 8px 24px rgba(240,180,41,.35)}

.card{transition:transform .18s ease, box-shadow .18s ease}
.card:hover{transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.12)}

.btn{transition:transform .1s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.18)}

.footer{background:#0f0f0f;}

/* Since 1991 tag near brand */
.since{font-size:.78rem; opacity:.8}

/* Mobile Call Now button */
.callnow{
  display:none;
  position:fixed; left:12px; right:12px; bottom:14px;
  background:var(--red); color:white; text-align:center;
  padding:14px 18px; border-radius:14px;
  box-shadow:0 10px 28px rgba(198,40,40,.35); font-weight:800; z-index:50
}
.callnow span{font-weight:700}
@media (max-width:760px){
  .callnow{display:block}
}

/* Menu parchment feel */
.menu .item{
  background:linear-gradient(180deg,#fff, #fffaf2);
  border:1px solid #f0e6d8;
}

/* About subtle card flair */
.info .box{background:linear-gradient(180deg,#fff,#fffdfa)}

/* === VERSION 3: BIG VISUAL GLOW-UP === */
:root{
  --red:#b30015;
  --red2:#e01b24;
  --gold:#ffcc33;
  --ink:#0b0b0b;
  --cream:#fff7ea;
  --deep:#141111;
  --shadow:rgba(0,0,0,.45);
}
body{background:var(--cream)}
.nav{background:linear-gradient(180deg,#ffffff,#fff6f2); border-bottom:2px solid #f1d3c6}
.nav a.active,.nav a:hover{background:#ffe5d3}

.hero{min-height:72vh;display:grid;align-items:center;position:relative;background:radial-gradient(60% 60% at 50% 40%, rgba(255,204,51,.18), transparent 60%), linear-gradient(180deg,#1b0f0f,#140d0d)}
.hero .content{padding:8vw 6vw}
.hero .content .topline{display:flex;gap:12px;align-items:center}
.hero .content .topline img{width:90px;height:90px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}
.neon{font-family:"Bebas Neue", Inter, sans-serif; font-size:clamp(2.6rem,7vw,5rem); color:#fff; letter-spacing:2px;
  text-shadow:0 0 6px rgba(255,255,255,.6), 0 0 18px rgba(224,27,36,.5), 0 0 36px rgba(255,204,51,.45)}
.tag{display:inline-block; margin-top:10px; padding:6px 10px; border-radius:999px; background:rgba(255,204,51,.16); color:#ffd77a; border:1px solid rgba(255,204,51,.35); font-weight:700}

.btn.primary{background:linear-gradient(180deg,var(--red2),#a90e19); border:1px solid #7f0a13}
.btn.ghost{border:1.6px solid #fff; background:rgba(255,255,255,.06)}

.section.alt{background:linear-gradient(180deg,#fffaf2,#fff2e5); border-top:2px solid #f0e0d0; border-bottom:2px solid #f0e0d0}

.card{background:linear-gradient(180deg,#ffffff,#fff4ea); border:1px solid #f1dcd0}
.card h3{font-family:"Bebas Neue", Inter, sans-serif; letter-spacing:1px}

.divider{height:14px; width:100%; background:
  radial-gradient(circle at 10px 7px, rgba(0,0,0,.08) 8px, transparent 9px) repeat-x;
  background-size:22px 14px; opacity:.5; margin:10px 0 22px}

.footer{background:linear-gradient(180deg,#0e0b0b,#161010); border-top:2px solid #2a1b1b}

.callnow{background:linear-gradient(180deg,#e01b24,#a90e19); border:1px solid #7f0a13}

/* Pig hero sticker */
.pig-sticker{position:absolute; right:4vw; bottom:-40px; width:120px; height:120px; border-radius:50%;
  background:#fff; display:grid; place-items:center; border:3px dashed #f4a2b0;
  box-shadow:0 18px 38px rgba(0,0,0,.25); transform:rotate(-6deg)}
.pig-sticker img{width:86%; height:86%}
@media(max-width:820px){
  .pig-sticker{position:static; margin:14px auto 0; transform:none}
}

/* Menu texture stronger */
.menu .item{background:linear-gradient(180deg,#fffdf9,#fff5e6); border:1px solid #efd7c0; box-shadow:0 10px 22px rgba(0,0,0,.06)}
.item h3{font-family:"Bebas Neue", Inter, sans-serif; letter-spacing:1px}

/* Section headings */
.hsection{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.hsection h2{font-family:"Bebas Neue", Inter, sans-serif; font-size:2rem; letter-spacing:1px}
.hsection .snout{width:18px;height:18px;border:3px solid #f19aad;border-radius:50%; position:relative}
.hsection .snout::before,.hsection .snout::after{
  content:""; position:absolute; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#b51b2a; border-radius:50%}
.hsection .snout::before{left:4px}.hsection .snout::after{right:4px}