:root{--teal:#1B9099;--yellow:#F2A01F;--red:#D92027;--black:#161616;--bg:#fff;--ink:#161616;--card:#fff;--soft:#FFF4DC;
--disp:"Alfa Slab One","Rockwell","Georgia",serif;--body:"Rubik","Arial Black",system-ui,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#161616;--ink:#fff;--card:#232323;--soft:#2a2418;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#161616;--ink:#fff;--card:#232323;--soft:#2a2418;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.5 var(--body);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--black);z-index:20}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1.02;margin:0;text-transform:uppercase}
h1{font-size:clamp(2.6rem,8vw,5.6rem)}h2{font-size:clamp(2rem,5vw,3.4rem)}h3{font-size:1.35rem}
p{margin:.6em 0}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--black);color:#fff}
.bar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:8px 20px;max-width:1100px;margin:0 auto;flex-wrap:wrap}
.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:1.4rem;color:var(--yellow);text-transform:uppercase;cursor:pointer;background:none;border:0;padding:0}
.brand img{width:44px;height:44px;border-radius:50%;background:#fff;padding:5px;object-fit:contain}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{text-decoration:none}nav a,nav button{font:800 .95rem var(--body);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:none;border:0;padding:10px 14px;border-radius:99px;cursor:pointer}
nav a:hover,nav button:hover{background:#333}nav a[aria-current=page]{background:var(--red)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid var(--teal);outline-offset:2px}
.flags{display:flex;height:34px;overflow:hidden;background:var(--black)}
.flags span{flex:1 0 34px;clip-path:polygon(0 0,100% 0,100% 70%,75% 100%,50% 70%,25% 100%,0 70%)}
a.btn{text-decoration:none}.btn{display:inline-block;font:800 1.05rem var(--body);text-transform:uppercase;letter-spacing:.04em;padding:14px 26px;border-radius:99px;border:4px solid var(--black);background:var(--red);color:#fff;cursor:pointer;box-shadow:5px 5px 0 var(--black);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--black)}
.btn.y{background:var(--yellow);color:#161616}.btn.t{background:var(--teal)}
.hero{background:var(--yellow);color:#161616;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:64px}
.hero h1 span{color:var(--red)}.hero h1 em{font-style:normal;color:var(--teal);-webkit-text-stroke:0}
.hero p{font-size:1.25rem;font-weight:700;max-width:30ch}
.hero .ctas{margin-top:26px;display:flex;flex-wrap:wrap;gap:18px 22px;max-width:none}
.badge{background:#fff;border:6px solid var(--black);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;box-shadow:10px 10px 0 var(--red);animation:pop .9s cubic-bezier(.3,1.6,.5,1) both}
.badge picture{display:block;width:72.6%;aspect-ratio:1}.badge img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes pop{from{transform:scale(.6) rotate(-12deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.badge{animation:none}.tick div{animation:none!important}}
.tick{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;border-block:5px solid var(--black)}
.tick div{display:inline-block;padding:12px 0;font:400 1.5rem var(--disp);text-transform:uppercase;animation:mq 28s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:64px 0}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:4px solid var(--black);border-radius:22px;padding:22px;box-shadow:6px 6px 0 var(--black)}
.card .big{font-size:3rem;line-height:1}
.c-t{background:var(--teal);color:#fff}.c-y{background:var(--yellow);color:#161616}.c-r{background:var(--red);color:#fff}
.band{background:var(--teal);color:#fff;text-align:center}
.band h2{margin-bottom:16px}
.soft{background:var(--soft)}
.pagehead{background:var(--teal);color:#fff;padding:48px 0;border-bottom:6px solid var(--black)}
.pagehead p{font-size:1.2rem;font-weight:700;margin-bottom:0}
.menu{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tabs button{font:800 .95rem var(--body);text-transform:uppercase;padding:10px 18px;border-radius:99px;border:3px solid var(--black);background:var(--card);color:var(--ink);cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--yellow);color:#161616}
.item{display:flex;flex-direction:column;gap:6px}
.item .e{font-size:2.6rem}.item .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:10px}
.price{font:400 1.4rem var(--disp);color:var(--red)}
.add{font:800 .9rem var(--body);text-transform:uppercase;background:var(--teal);color:#fff;border:3px solid var(--black);border-radius:99px;padding:8px 16px;cursor:pointer}
.add:active{transform:scale(.94)}
.cart{position:sticky;top:calc(env(safe-area-inset-top,0px) + 80px);background:var(--yellow);color:#161616;border:4px solid var(--black);border-radius:22px;padding:20px;box-shadow:6px 6px 0 var(--black)}
.cart ul{list-style:none;padding:0;margin:12px 0;max-height:300px;overflow:auto}
.cart li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:2px dashed #161616;font-weight:700}
.q{display:flex;align-items:center;gap:6px}
.q button{width:28px;height:28px;border-radius:50%;border:3px solid #161616;background:#fff;font:800 1rem var(--body);cursor:pointer;line-height:1;padding:0}
.tot{display:flex;justify-content:space-between;font:400 1.5rem var(--disp);margin:10px 0 14px}
.cart .btn{width:100%;text-align:center}
.done{background:var(--teal);color:#fff;border-radius:14px;padding:14px;margin-top:12px;font-weight:700}
.about{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.zig{height:22px;background:linear-gradient(135deg,var(--red) 25%,transparent 25%) -11px 0,linear-gradient(225deg,var(--red) 25%,transparent 25%) -11px 0,linear-gradient(315deg,var(--red) 25%,transparent 25%),linear-gradient(45deg,var(--red) 25%,transparent 25%);background-size:22px 22px;background-color:var(--yellow)}
form{display:grid;gap:14px}
label{font-weight:800}
input,textarea,select{width:100%;font:500 1rem var(--body);padding:12px 14px;border:4px solid var(--black);border-radius:14px;background:#fff;color:#161616;margin-top:4px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px}
table{width:100%;border-collapse:collapse}td{padding:6px 0;border-bottom:2px dashed currentColor}td:last-child{text-align:right;font-weight:800}
footer{background:var(--black);color:#fff;text-align:center;padding:30px 20px;font-weight:700}
footer b,footer a{color:var(--yellow)}.card a{color:inherit;font-weight:800}
@media (max-width:820px){.brand{font-size:1.15rem}.hero .wrap,.about,.contact,.menu{grid-template-columns:1fr}.badge{max-width:320px;margin:0 auto}.cart{position:static}nav a,nav a,nav button{padding:8px 10px;font-size:.85rem}}
nav .ord{background:var(--yellow);color:#161616}nav .ord:hover{background:#ffc04d}dialog{border:5px solid var(--black);border-radius:22px;background:var(--yellow);color:#161616;max-width:420px;padding:26px;box-shadow:8px 8px 0 var(--black)}dialog::backdrop{background:rgba(0,0,0,.6)}
@media (max-width:480px){nav{gap:2px}nav a,nav button{padding:8px 7px;font-size:.7rem;letter-spacing:0}.bar{padding:8px 12px}}
.photo{margin:0}.photo img{display:block;width:100%;height:auto;border:5px solid var(--black);border-radius:22px;box-shadow:8px 8px 0 var(--black)}.photo figcaption{margin-top:16px;font-weight:800;text-align:center}.truck{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center}@media (max-width:820px){.truck{grid-template-columns:1fr}}
.mhero{background:var(--red);color:#fff;border-bottom:6px solid var(--black)}
.mhero .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding-top:52px;padding-bottom:52px}
.mhero h1 span{color:var(--yellow)}.mhero p{font-size:1.25rem;font-weight:700;max-width:34ch;margin-bottom:0}
.btn.bigorder{font-size:clamp(1.3rem,3vw,1.8rem);padding:20px 44px;border-width:5px;box-shadow:8px 8px 0 var(--black);animation:wig 3s ease-in-out 1s infinite}
.mhero .btn.bigorder{background:var(--yellow);color:#161616}
.btn.bigorder:hover{transform:translate(3px,3px);box-shadow:5px 5px 0 var(--black);animation:none}
@keyframes wig{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(-3deg)}94%{transform:rotate(3deg)}97%{transform:rotate(-1deg)}}
@media (prefers-reduced-motion:reduce){.btn.bigorder{animation:none}}
.jump{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hh,94px));z-index:5;background:var(--yellow);border-bottom:4px solid var(--black)}
.jump .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.jump a{flex:none;text-decoration:none;font:800 .9rem var(--body);text-transform:uppercase;color:#161616;border:3px solid var(--black);border-radius:99px;padding:8px 14px;background:#fff;box-shadow:3px 3px 0 var(--black)}
.jump a:hover{background:var(--red);color:#fff}
.msec{scroll-margin-top:170px}.msec [id]{scroll-margin-top:170px}
.mhead{display:flex;align-items:center;gap:18px;margin-bottom:28px}.mhead p{font-weight:700;margin:6px 0 0;opacity:.8}
.ico{flex:none;width:76px;height:76px;display:grid;place-items:center;font-size:2.4rem;border:4px solid var(--black);border-radius:50%;box-shadow:4px 4px 0 var(--black)}
.sub{font-family:var(--body);font-weight:800;font-size:1.15rem;letter-spacing:.05em;margin:30px 0 14px}
.mgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.mi{display:flex;align-items:center;gap:14px;background:var(--card);border:4px solid var(--black);border-radius:18px;padding:16px 18px;box-shadow:5px 5px 0 var(--black);transition:transform .15s,box-shadow .15s}
.mi:hover{transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:7px 7px 0 var(--red)}
.mi .e{flex:none;font-size:2.2rem;line-height:1}
h4{font:400 1.15rem/1.1 var(--disp);text-transform:uppercase;margin:0}.mi p{margin:4px 0 0;font-size:.95rem;opacity:.85}
.feature{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:30px}.feature .e{font-size:3.4rem;line-height:1}.feature h3{font-size:clamp(1.8rem,4vw,2.6rem)}.feature p{font-size:1.15rem;font-weight:700;margin-bottom:0}
.tag{margin-left:auto;background:var(--yellow);color:#161616;border:4px solid var(--black);border-radius:99px;padding:8px 18px;font:400 1.2rem var(--disp);text-transform:uppercase;transform:rotate(4deg)}
.mcard .lbl{display:inline-block;margin:12px 0 6px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;border:3px solid currentColor;border-radius:99px;padding:2px 12px}.mcard .big+h3{margin-top:12px}
.lead{font-size:1.2rem;font-weight:700;margin:6px 0 26px}
.prot{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}
.pc{background:#fff;color:#161616;border:4px solid var(--black);border-radius:22px;padding:22px 16px;box-shadow:6px 6px 0 var(--black)}
.pc .e{font-size:3rem;line-height:1;display:block;margin-bottom:10px}.pc small{font:700 .9rem var(--body);text-transform:none}
.up{display:inline-block;margin-top:12px;background:var(--red);color:#fff;border-radius:99px;padding:4px 16px;font:400 1.2rem var(--disp)}.pc:first-child .up{background:var(--yellow);color:#161616;font-size:.95rem;padding:6px 16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.list{list-style:none;margin:0;padding:0;border:4px solid var(--black);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--black);background:var(--card)}
.list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 20px;font:400 1.2rem var(--disp);text-transform:uppercase;border-bottom:3px dashed var(--black)}.list li:last-child{border-bottom:0}
.list li span{font-size:1.8rem}.list small{flex-basis:100%;padding-left:46px;font:700 .95rem var(--body);text-transform:none;color:var(--teal)}
.orderband{padding:80px 0}
@media (max-width:820px){.two{grid-template-columns:1fr}.tag{margin-left:0}.mhero .btn.bigorder{width:100%;text-align:center}}