:root{--red:#93282C;--green:#154734;--cream:#F5E1A4;--ink:#140C0D;--muted:#8e8e8e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--cream);font-family:Manrope,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(147,40,44,.58),transparent 34%),linear-gradient(rgba(20,12,13,.92),rgba(20,12,13,.985)),repeating-linear-gradient(45deg,rgba(245,225,164,.018) 0 1px,transparent 1px 5px);background-color:var(--ink)}
a{color:inherit;text-decoration:none}
.page{width:min(1180px,100%);margin:auto;padding:22px 18px 30px}
.hero{text-align:center;padding:4px 0 20px}
.brand-logo{display:block;width:min(360px,68vw);height:auto;object-fit:contain;margin:0 auto 4px;filter:drop-shadow(0 10px 26px #0008)}
.small{margin:0;font-family:'Bebas Neue';font-size:clamp(1rem,3vw,1.45rem);letter-spacing:.22em}
.big{margin:2px 0 0;font-family:'Bebas Neue';font-size:clamp(2.8rem,9vw,5.7rem);line-height:.9;color:var(--red)}
.local{margin:13px auto 0;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #f5e1a438;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.04em;background:#140c0d99}
.choose{display:flex;align-items:center;gap:15px;justify-content:center;margin:20px auto 22px;font:clamp(1.4rem,4vw,2rem) 'Bebas Neue';letter-spacing:.08em;text-align:center}
.choose:before,.choose:after{content:'';height:2px;flex:1;max-width:250px;background:var(--red)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.card{overflow:hidden;border:2px solid var(--red);border-radius:26px;background:linear-gradient(#93282ce8,#491316f5);box-shadow:0 20px 50px #0006;transition:.2s}
.card.open:hover{transform:translateY(-3px)}
.head{text-align:center;padding:17px 14px 10px}
.head h2{margin:0;font:clamp(2rem,4vw,3.1rem) 'Bebas Neue';letter-spacing:.04em}
.status{display:inline-flex;gap:7px;align-items:center;margin-top:6px;padding:5px 11px;border:1px solid #f5e1a459;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:0 0 auto}
.product{display:block;width:100%;height:320px;object-fit:cover;border-block:1px solid #f5e1a425}
.pizza .product{object-position:center 60%}
.burger .product{object-position:center 48%}
.marmita .product{object-position:center 52%}
.actions{display:grid;gap:9px;padding:12px}
.action{min-height:52px;border:1px solid #f5e1a4b8;border-radius:13px;display:grid;grid-template-columns:86px 1fr 30px;align-items:center;overflow:hidden;font-size:.82rem;font-weight:800}
.action:hover{filter:brightness(1.07)}
.action b{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.action span{padding-left:10px}
.ifood{background:var(--red)}
.ifood b{background:#fff1;font-style:italic;font-size:1.25rem}
.food99{background:var(--green)}
.food99 b{background:#0002}
.menu{background:var(--cream);color:var(--red);text-transform:uppercase}
.disabled{background:#4a4a4a!important;color:#bbb!important;border-color:#777!important;pointer-events:none;filter:grayscale(1)}
.whatsapp{min-height:56px;margin-top:12px;border:1px solid var(--cream);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;background:#140c0dd9;text-align:center}
.whatsapp small{color:var(--green);font-weight:800;text-transform:uppercase}
.closed{border-color:#777;background:linear-gradient(#3b3b3b,#202020);filter:grayscale(1)}
.closed .product{filter:grayscale(1) brightness(.65)}
.closed .dot{background:#999}
.closed [data-order]{background:#4a4a4a;color:#aaa;border-color:#777;pointer-events:none}
.info{margin-top:18px;padding:18px 22px;border:1px solid var(--red);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#140c0dc7}
.hours{line-height:1.6}
.cta{text-align:right;font:2rem 'Bebas Neue'}
.cta strong{display:block;color:var(--red);font-size:2.6rem}
.seo-copy{margin:12px auto 0;max-width:900px;text-align:center;font-size:.76rem;line-height:1.6;color:#f5e1a4b8}
.social{margin-top:10px;min-height:58px;border:1px solid var(--red);border-radius:18px;display:flex;align-items:center;justify-content:center;background:#140c0dc7;font-weight:800}
.social b{margin-right:8px}
@media(max-width:900px){
  .page{width:100%;max-width:none;padding:18px 10px 26px}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .card{border-radius:18px}
  .head{padding:11px 4px 8px}
  .head h2{font-size:clamp(1.15rem,5vw,1.8rem);letter-spacing:.02em}
  .status{gap:4px;margin-top:4px;padding:4px 5px;font-size:clamp(.43rem,1.75vw,.62rem);letter-spacing:0;white-space:nowrap}
  .dot{width:5px;height:5px}
  .product{height:clamp(125px,35vw,230px)}
  .actions{gap:6px;padding:7px}
  .action{min-height:46px;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;place-items:center;border-radius:9px;padding:0;font-size:0;text-align:center}
  .action b{width:100%;height:auto;min-height:24px;padding:4px 2px;font-size:clamp(.72rem,2.6vw,1rem)}
  .action span{padding:4px 2px 6px;font-size:clamp(.5rem,1.8vw,.68rem);line-height:1.1}
  .ifood b{font-size:clamp(.78rem,2.8vw,1.05rem)}
  .whatsapp{min-height:48px;margin-top:8px;border-radius:11px;display:flex;flex-direction:column;gap:2px;padding:6px 3px;font-size:clamp(.55rem,2vw,.72rem);line-height:1.15}
  .whatsapp small{font-size:clamp(.42rem,1.5vw,.56rem);line-height:1.1}
  .info{grid-template-columns:1fr;text-align:center}
  .cta{text-align:center}
  .brand-logo{width:min(330px,72vw)}
}
@media(max-width:480px){
  .page{padding:15px 6px 24px}
  .brand-logo{width:min(285px,76vw);margin-bottom:2px}
  .small{font-size:.84rem}
  .big{font-size:3.3rem}
  .choose{gap:7px;margin:16px auto 18px;font-size:1.28rem}
  .cards{gap:5px}
  .card{border-width:1px;border-radius:14px}
  .head{padding:9px 2px 6px}
  .head h2{font-size:clamp(1rem,4.6vw,1.35rem)}
  .status{padding:3px 3px;font-size:clamp(.39rem,1.55vw,.5rem)}
  .product{height:clamp(105px,31vw,150px)}
  .actions{gap:4px;padding:5px}
  .action{min-height:40px;border-radius:7px}
  .action b{min-height:20px;padding:3px 1px;font-size:clamp(.62rem,2.5vw,.82rem)}
  .action span{padding:3px 1px 5px;font-size:clamp(.43rem,1.55vw,.56rem)}
  .whatsapp{min-height:43px;margin-top:6px;padding:5px 2px;font-size:clamp(.47rem,1.85vw,.62rem)}
  .whatsapp small{font-size:clamp(.37rem,1.35vw,.47rem)}
}