@font-face{font-family:"Sporty";src:url(../fonts/sporty.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow SC";font-weight:500;src:url(../fonts/barlow-semi-condensed-latin-500-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow SC";font-weight:700;src:url(../fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2");font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{background:#000;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:54px}
body{margin:0;background:#000;color:#f2f2f2;font:500 1.0625rem/1.45 "Barlow SC",system-ui,sans-serif;overflow-x:clip}
img,svg{display:block}
img{max-width:100%;height:auto}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
h2,h3{font-family:"Sporty",Impact,sans-serif;font-weight:400;text-transform:uppercase}
a{color:inherit}
i{font-style:normal}
:focus-visible{outline:3px solid #ffb81c;outline-offset:3px}

.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}

.cats{position:sticky;top:0;z-index:20}
.cats-in{position:relative;display:flex;gap:4px;overflow-x:auto;max-width:1240px;margin-inline:auto;padding:8px clamp(8px,4vw,32px);scrollbar-width:none}
.cats-in::-webkit-scrollbar{display:none}
.cats a{flex:none;display:block;padding:10px 12px;font:400 .9375rem/1.2 "Sporty",Impact,sans-serif;text-transform:uppercase;text-decoration:none;white-space:nowrap}

.avail{padding-top:20px;color:#c4c4c4;font-size:1rem;max-width:70ch}
.avail a{color:#fff;font-weight:700;text-underline-offset:3px}
.look-printed-menu .avail{text-align:center;margin-inline:auto}
.order p{max-width:52ch;margin-inline:auto}

.chili{width:18px;height:18px;fill:none;stroke:#8c8c8c;stroke-width:1.4}
.chili.on{fill:#ee2b1f;stroke:#ee2b1f}
.heat{display:inline-flex;gap:1px;flex:none}

.btns{display:grid;gap:12px}
.btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:12px 24px;font:700 1.375rem/1.15 "Barlow SC",sans-serif;text-decoration:none;text-align:center}
.btn svg{width:30px;height:30px;flex:none;fill:currentColor}
.btn small{display:block;margin-top:2px;font:500 1rem/1.1 "Barlow SC",sans-serif}

.foot{padding-block:48px 40px;color:#b3b3b3;font-size:1rem}
.foot img{width:120px;margin-bottom:16px}
.foot p+p{margin-top:8px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}