/* PIZZA OG — SEO/AEO guide pages (styles/, near/, guides/). Same palette + fonts as index.html. No JS, no music. */
:root{--char:#0b0907;--char-2:#16110d;--char-3:#221a14;--cream:#ecdfc4;--cream-2:#f7efdd;--fire:#f2811d;--fire-2:#ffb347;--tomato:#d23a1f;--tomato-2:#a52814;--basil:#7c8f3a;--basil-2:#a3b95a;--muted:#b9ab91;--r:22px;
--display:"Anton","Impact","Arial Narrow Bold",sans-serif;--sans:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);font-weight:600;font-size:19px;line-height:1.45;color:var(--cream);background:var(--char);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--fire-2)}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(860px,92vw);margin:0 auto}
.g-top{display:flex;justify-content:space-between;align-items:center;padding:.8rem 4vw}
.logo{font-family:var(--display);font-size:1.7rem;letter-spacing:.03em;color:var(--cream-2);text-decoration:none;display:flex;align-items:center;gap:.45rem}
.g-top .all{color:var(--muted);font-weight:900;text-decoration:none;min-height:48px;display:inline-flex;align-items:center;padding:0 .9rem;border:2px solid rgba(236,223,196,.25);border-radius:999px;font-size:.95rem}
.crumbs{font-size:.85rem;color:var(--muted);margin:.4rem 0 .6rem}
.crumbs a{color:var(--muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem}
.crumbs li+li::before{content:"›";margin-right:.3rem}
h1{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2.3rem,8vw,3.6rem);line-height:1;color:var(--cream-2);margin:.4rem 0 .8rem}
.h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,6vw,2.5rem);line-height:1;color:var(--cream-2);margin:2.2rem 0 .8rem}
.answer{font-size:1.2rem;font-weight:800;color:var(--cream-2);background:var(--char-3);border-left:6px solid var(--fire);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1.2rem}
.hero-img{border-radius:var(--r);margin:0 0 1.2rem;aspect-ratio:4/3;object-fit:cover;width:100%;max-height:340px}
.go-row{display:flex;justify-content:center;margin:1.2rem 0 1.4rem}
.big-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:84px;padding:0 2.6rem;width:100%;max-width:420px;border-radius:999px;border:0;text-decoration:none;font-family:var(--sans);font-weight:900;font-size:clamp(1.5rem,4.2vw,2rem);color:#fff;background:linear-gradient(180deg,#ff5a36,var(--tomato) 55%,var(--tomato-2));box-shadow:0 0 0 4px rgba(255,179,71,.25),0 12px 30px rgba(210,58,31,.55),0 0 60px rgba(242,129,29,.55);animation:glow 2.4s ease-in-out infinite;transition:transform .15s}
.big-btn:hover{transform:translateY(-3px) scale(1.03)}
.big-btn:focus-visible,a:focus-visible{outline:4px solid var(--fire-2);outline-offset:4px}
@keyframes glow{0%,100%{box-shadow:0 0 0 4px rgba(255,179,71,.25),0 12px 30px rgba(210,58,31,.55),0 0 50px rgba(242,129,29,.45)}50%{box-shadow:0 0 0 8px rgba(255,179,71,.18),0 12px 34px rgba(210,58,31,.7),0 0 90px rgba(242,129,29,.8)}}
.q4{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 1.2rem}
.q{background:var(--char-3);border:1px solid rgba(236,223,196,.12);border-radius:18px;padding:.8rem .85rem;border-top:6px solid var(--fire)}
.q:nth-child(2){border-top-color:var(--basil)}.q:nth-child(3){border-top-color:var(--tomato)}.q:nth-child(4){border-top-color:var(--fire-2)}
.q b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.15rem;color:var(--cream-2);line-height:1.1;margin-bottom:.25rem}
.q p{font-size:.92rem;color:var(--muted);line-height:1.35}
.spots{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none}
.ev{background:var(--cream-2);color:var(--char);border-radius:var(--r);padding:1.1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 14px 30px rgba(0,0,0,.45);position:relative;overflow:hidden}
.ev::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--fire)}
.ev-type{align-self:flex-start;font-weight:900;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;background:rgba(11,9,7,.08)}
.ev h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.5rem;line-height:1.05}
.ev .where,.ev .when{font-weight:800;font-size:1rem}
.ev .when{color:var(--tomato-2)}
.ev .price{color:var(--basil);font-weight:900}
.ev .evnote{font-size:.85rem;color:#6b5a48;font-weight:700}
.ev-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.35rem}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:64px;padding:0 .8rem;border-radius:16px;font-weight:900;font-size:1rem;text-decoration:none;text-align:center}
.ev-tix{background:var(--char);color:var(--cream-2)}
.ev-cal{background:#fff;color:var(--char);border:3px solid rgba(11,9,7,.14)}
.none{text-align:center;padding:1.4rem;border:3px dashed rgba(236,223,196,.25);border-radius:var(--r);font-weight:900;color:var(--cream-2)}
.card{background:var(--cream-2);color:var(--char);border-radius:var(--r);padding:1.3rem 1.2rem;box-shadow:0 14px 30px rgba(0,0,0,.45);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--tomato)}
.card h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.5rem;line-height:1.05;margin-bottom:.5rem}
.card ul{list-style:none;font-size:1rem;font-weight:800}
.card li{padding:.28rem 0 .28rem 1.3rem;position:relative;border-top:1px dashed rgba(11,9,7,.15)}
.card li:first-child{border-top:0}
.card li::before{content:"🔥";position:absolute;left:0;font-size:.8rem;top:.45rem}
.card p{font-size:1rem;font-weight:700}
.card+.card{margin-top:1rem}
.card.home::before{background:var(--basil)}
.faq{display:grid;gap:.7rem}
.faq-q{background:var(--char-3);border:1px solid rgba(236,223,196,.12);border-radius:18px;padding:1rem 1.2rem;border-left:6px solid var(--basil-2)}
.faq-q h3{font-size:1.1rem;font-weight:900;color:var(--cream-2);margin-bottom:.3rem}
.faq-q p{color:var(--cream);font-size:1rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;min-height:52px;padding:0 1rem;border-radius:999px;border:2px solid rgba(236,223,196,.3);background:var(--char-3);color:var(--cream-2);font-weight:900;font-size:.95rem;text-decoration:none}
.chip:hover{border-color:var(--fire)}
.alt-link{display:flex;justify-content:center;margin:-.4rem 0 1rem}
.alt-link a{color:var(--cream);font-weight:900;min-height:52px;display:inline-flex;align-items:center}
.trust-line{text-align:center;color:var(--muted);font-size:.95rem;margin-top:1rem}
.hub-sec{margin-bottom:1rem}
.hub{list-style:none;display:grid;gap:.5rem}
.hub a{display:flex;align-items:center;gap:.6rem;min-height:60px;padding:.4rem 1rem;border-radius:16px;background:var(--char-3);border:1px solid rgba(236,223,196,.14);color:var(--cream-2);font-weight:900;text-decoration:none}
.hub a small{display:block;color:var(--muted);font-weight:700;font-size:.85rem}
.hub a:hover{border-color:var(--fire)}
footer{margin-top:3rem;padding:2.5rem 0 3rem;text-align:center;color:var(--muted);font-size:.8rem;border-top:1px solid rgba(236,223,196,.08)}
footer .logo{justify-content:center;margin-bottom:.4rem}
footer p{margin:.35rem auto;max-width:70ch}
footer a{color:var(--muted);text-decoration:underline}
.foot-nav{line-height:2.2;margin:.4rem 0}
@media (min-width:700px){.q4{grid-template-columns:repeat(4,1fr)}.spots{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.big-btn{animation:none}*{transition:none!important}}