@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto+Condensed:wght@400;500;600;700&display=swap";html,body,#root{min-width:320px;min-height:100%}body{min-height:100vh}:root{--p:#eee5d2;--i:#151411;--r:#b9271e;--l:#8f887b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--i);background:#151411;margin:0;font-family:Roboto Condensed,Arial}.site{background:var(--p);max-width:1440px;margin:auto}button,input,textarea{font:inherit}button{cursor:pointer}header{z-index:50;background:#eee5d2f5;border-bottom:1px solid;grid-template-columns:auto 1fr auto;align-items:center;min-height:76px;padding:8px 4vw;display:grid;position:sticky;top:0}.brand{color:inherit;flex-direction:column;text-decoration:none;display:flex}.brand b{font:700 32px/.85 Oswald}.brand small{font:700 9px Oswald}header nav{justify-self:center;gap:28px;display:flex}header nav button{background:0 0;border:0;font:600 12px Oswald}header nav small{font:400 9px Roboto Condensed;display:block}.headcart{background:0 0;border:1px solid;padding:8px 10px}.hero{border-bottom:1px solid;grid-template-columns:48% 52%;height:650px;display:grid;overflow:hidden}.hero>div{padding:70px 3vw 40px 6vw}.hero span,.title span,.about span{letter-spacing:.14em;font-size:9px}.hero h1{letter-spacing:-.05em;margin:35px 0 0;font:700 clamp(72px,9vw,130px)/.81 Oswald}.hero i{background:var(--i);width:max-content;color:var(--p);margin:14px 0 45px 30%;padding:7px 13px;font:600 20px Oswald;display:block;transform:rotate(-4deg)}.hero button,.about button,.delivery>button{border:0;border-bottom:2px solid var(--r);color:var(--r);background:0 0;font:700 17px Oswald}.hero figure{margin:0;position:relative}.hero img{object-fit:cover;width:100%;height:100%}.hero figcaption,.menuphoto figcaption{background:var(--p);padding:6px;font-size:9px;position:absolute;bottom:15px;right:15px}.hits,.menu{padding:65px 5vw}.title h2{color:var(--r);margin:7px 0 30px;font:700 clamp(55px,7vw,92px)/.9 Oswald}.hitgrid{background:var(--i);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.hitgrid article{background:var(--p);cursor:pointer}.hitgrid img{object-fit:cover;width:100%;height:230px}.hitgrid article>div{grid-template-columns:28px 1fr auto 35px;align-items:center;gap:7px;padding:13px;display:grid}.hitgrid h3{text-transform:uppercase;margin:0;font:700 18px Oswald}.hitgrid button,.menulist article>button{background:0 0;border:1px solid;width:32px;height:32px;font-size:21px}.combos,.delivery{background:var(--i);color:var(--p);padding:65px 5vw}.title.light h2{color:var(--p)}.combo{background:#555;grid-template-columns:1fr 1fr;gap:1px;display:grid}.combo article{background:var(--i);grid-template-columns:1fr 1fr;display:grid}.combo img{object-fit:cover;width:100%;height:280px}.combo article>div{padding:25px}.combo h3{margin:15px 0 5px;font:700 30px Oswald}.combo p{color:#aaa}.combo b{font:700 26px Oswald}.cats{border-bottom:1px solid var(--l);scrollbar-width:none;gap:24px;display:flex;overflow:auto}.cats button{background:0 0;border:0;flex:none;padding:10px 0;font:600 12px Oswald}.cats .on{color:var(--r);border-bottom:4px solid var(--r)}.menubody{grid-template-columns:1.1fr .9fr;gap:35px;margin-top:30px;display:grid}.menulist{border-top:1px solid}.menulist article{border-bottom:1px solid var(--l);cursor:pointer;grid-template-columns:30px 1fr 55px 35px;gap:8px;padding:18px 0;display:grid}.menulist h3{text-transform:uppercase;margin:0;font:700 20px Oswald}.menulist p{color:#625c53;margin:5px 0;font-size:12px}.menulist article>b{text-align:right;font:700 19px Oswald}.menuphoto{height:440px;margin:0;position:sticky;top:105px}.menuphoto img{object-fit:cover;width:100%;height:100%}.about{grid-template-columns:1.2fr .8fr;gap:80px;padding:80px 6vw;display:grid}.about h2{margin:18px 0;font:700 clamp(58px,7vw,95px)/.85 Oswald}.about>div:nth-child(2){padding-top:35px;font-size:20px;line-height:1.45}.deliverygrid{border-block:1px solid #59544c;grid-template-columns:repeat(3,1fr);display:grid}.deliverygrid>div{border-right:1px solid #59544c;padding:28px}.deliverygrid small{color:#aaa}.deliverygrid b{margin-top:15px;font:700 27px/1.1 Oswald;display:block}.delivery>p{color:#aaa}.delivery>button{color:var(--p);border-color:var(--p);margin-top:15px}.progress{z-index:45;background:var(--i);width:105px;color:var(--p);padding:13px;position:fixed;top:50%;right:18px;transform:translateY(-50%);box-shadow:0 8px 30px #0005}.progress>*{display:block}.progress>b{font:700 18px Oswald}.progress>div{background:#49453f;width:6px;height:90px;margin:10px 0;position:relative}.progress i{background:var(--r);width:100%;position:absolute;bottom:0}.progress small{font-size:9px}.progress button{color:var(--p);background:0 0;border:0;border-bottom:1px solid;padding:8px 0 2px;font-size:10px}footer{background:var(--i);min-height:160px;color:var(--p);justify-content:space-between;align-items:center;padding:40px 6vw;display:flex}footer button{color:var(--p);background:0 0;border:0}.overlay{z-index:100;background:#000c;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--p);width:min(540px,100%);height:100%;padding:25px;position:relative;overflow:auto}.x{background:0 0;border:0;font-size:31px;position:absolute;top:9px;right:13px}.product{padding:0}.product>img{object-fit:cover;width:100%;height:43vh}.product>div{padding:25px}.product h2,.cart h2,.checkout h2{text-transform:uppercase;font:700 44px/.9 Oswald}.product>div>b{font:700 28px Oswald}.red{background:var(--r);color:#fff;border:0;width:100%;margin-top:20px;padding:16px;font:700 16px Oswald}.line{border-top:1px solid var(--l);grid-template-columns:28px 1fr auto;gap:8px;padding:14px 0;display:grid}.line>div:nth-child(2){flex-direction:column;display:flex}.step{grid-column:2/4;display:flex}.step button,.step i{border:1px solid var(--l);background:0 0;place-items:center;width:30px;height:27px;font-style:normal;display:grid}.meter,.total{border-top:2px solid;justify-content:space-between;margin-top:20px;padding:12px 0;display:flex}.meter b{color:var(--r)}.total b{font:700 28px Oswald}.toggle{grid-template-columns:1fr 1fr;display:grid}.toggle button{border:1px solid var(--l);background:0 0;padding:13px}.toggle .on{background:var(--i);color:var(--p)}.checkout form{flex-direction:column;gap:13px;display:flex}.checkout label{font-size:10px;font-weight:700}.checkout input,.checkout textarea{background:0 0;border:0;border-bottom:1px solid;width:100%;padding:10px 0;display:block}.test{color:var(--r);border-block:1px dashed var(--r);padding:10px}.success{text-align:center;justify-content:center;align-items:center}.success>div{background:var(--p);padding:45px}.success h2{font:700 55px/.85 Oswald}.success b{font:700 25px Oswald;display:block}.success button{background:0 0;border:0;border-bottom:1px solid;margin-top:20px}@media (width<=760px){header{grid-template-columns:1fr auto}header nav{border-top:1px solid var(--l);scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:start;gap:18px;width:100%;margin-top:7px;padding-top:7px;overflow:auto}header nav button{flex:none;font-size:10px}header nav small{display:none}.hero{flex-direction:column;height:auto;display:flex}.hero>div{padding:35px 17px 20px}.hero h1{font-size:66px}.hero figure{height:330px}.hits,.menu,.combos,.delivery{padding:45px 13px}.hitgrid{grid-template-columns:1fr 1fr}.hitgrid img{height:180px}.hitgrid article>div{grid-template-columns:22px 1fr 33px}.hitgrid article b{grid-column:2}.combo{grid-template-columns:1fr}.combo img{height:220px}.menubody{grid-template-columns:1fr}.menuphoto{order:-1;height:250px;position:relative;top:auto}.about{grid-template-columns:1fr;gap:5px;padding:55px 17px}.about h2{font-size:56px}.about>div:nth-child(2){padding-top:5px}.deliverygrid{grid-template-columns:1fr}.deliverygrid>div{border-bottom:1px solid #59544c;border-right:0}.progress{align-items:center;gap:10px;width:auto;display:flex;top:auto;bottom:8px;right:8px;transform:none}.progress>div,.progress small{display:none}footer{padding-bottom:75px}.panel{padding:18px}.product{padding:0}}.headcart{align-items:center;gap:9px;display:flex}.cartcount{background:var(--r);color:#fff;border-radius:50%;place-items:center;min-width:25px;height:25px;padding:0 7px;font:700 15px/1 Oswald;display:inline-grid}.hitgrid article>div{grid-template-columns:1fr auto 35px}.menulist article{grid-template-columns:1fr 55px 35px}.line{grid-template-columns:1fr auto}.line .step{grid-column:1/3}.menuphoto figcaption{display:none}@media (width<=760px){.hitgrid article>div{grid-template-columns:1fr 33px}.hitgrid article b{grid-column:1}.menulist article{grid-template-columns:1fr 50px 34px}}