/* Cheese poster: melted-cheese yellow bands drip down onto the black counter. */
:root{--cheese:#ffb81c;--muted:#b5b5b5;--line:#2e2e2e;
--drip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 90' preserveAspectRatio='none'%3E%3Cpath fill='%23ffb81c' d='M0 0h480v12c-16 0-22 6-25 22-3 22-27 22-30 0-2-14-9-20-24-20s-22 8-26 40c-3 30-30 30-33-3-2-22-11-34-30-34s-26 10-30 22c-3 12-22 12-25-2-2-12-10-20-26-20s-24 10-27 52c-3 28-29 28-32-2-2-32-10-50-34-50s-30 8-33 20c-4 14-23 14-27 0-3-14-11-22-29-22s-22 3-29 3z'/%3E%3C/svg%3E")}

.hero{position:relative;display:flex;flex-direction:column;overflow:hidden}
.hero-brand{position:relative;z-index:2;background:var(--cheese);padding:clamp(40px,9vh,96px) clamp(16px,4vw,40px) 8px;text-align:center}
.hero-brand .logo{width:min(90vw,860px);margin-inline:auto;filter:brightness(0)}
.menu-word{display:none}
.hero-drip{margin-top:-1px;height:clamp(56px,10vw,110px);background:var(--drip) 0 0/max(100%,720px) 100% repeat-x;transform-origin:50% 0;animation:drip 1.1s cubic-bezier(.2,.8,.2,1) both;position:relative;z-index:2}
@keyframes drip{from{transform:scaleY(.08)}to{transform:none}}
.hero-burger{width:min(112vw,66svh,820px);max-width:none;margin:-9svh auto -5svh}

.cats{background:var(--cheese)}
.cats a{color:#000}
.cats a[aria-current]{background:#000;color:var(--cheese)}

.cat{margin-top:clamp(40px,6vw,80px)}
.cat-head{position:relative;background:var(--cheese);color:#000;padding-block:clamp(28px,5vw,64px) 6px;margin-bottom:clamp(72px,11vw,150px)}
.cat-head::after{content:"";position:absolute;left:0;right:0;top:100%;margin-top:-1px;height:clamp(40px,7vw,84px);background:var(--drip) 0 0/max(100%,720px) 100% repeat-x}
.cat-head h2{font-size:clamp(3rem,14vw,11rem);line-height:.9;overflow-wrap:break-word}
#beef .cat-head h2,#chicken .cat-head h2,#meal .cat-head h2{font-size:clamp(2.75rem,11vw,8.5rem)}

.items{display:grid;gap:clamp(20px,3vw,36px) clamp(24px,4vw,56px)}
.cat-feature .item,.cat-grid .item{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,24px)}
.cat-mini .items{grid-template-columns:repeat(2,minmax(0,1fr))}

.line{display:flex;flex-direction:column;gap:6px}
.item h3{font-size:clamp(1.375rem,3.4vw,2.25rem);line-height:1.02}
.desc{margin-top:8px;color:var(--muted);font-size:.9375rem;line-height:1.35}
.price{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.price b,.price .two>span{}
.price b{display:block;font:400 1.1875rem/1 "Sporty",Impact,sans-serif;white-space:nowrap}
.price i{font:700 .8125rem "Barlow SC",sans-serif}
.price>b,.price.two>span{background:var(--cheese);color:#000;padding:7px 10px}
.price.two>span:nth-child(2){background:#fff}
.price small{display:block;margin-bottom:3px;font-size:.8125rem;line-height:1;font-weight:700}

.cat-mini .item h3{font-size:1rem;line-height:1.1;margin-top:-4px}
.cat-mini .price{margin-top:8px}

.cat-list .item{border-bottom:1px solid var(--line)}
.cat-list .body{display:flex;justify-content:space-between;align-items:center;padding-block:10px}
.cat-list .price{margin:0}
.cat-list .items{gap:0}
.cat-list .item h3{font-size:clamp(1.0625rem,2.4vw,1.5rem)}

.extras{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.extras li{background:#fff;color:#000;padding:8px 14px;font-weight:700;transform:rotate(-1.2deg)}
.extras li:nth-child(2){transform:rotate(1deg)}

@media (min-width:760px){
  .cat-feature .items,.cat-grid .items,.cat-list .items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-list .items{column-gap:64px}
  .cat-mini .items{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1040px){.cat-mini .items{grid-template-columns:repeat(5,minmax(0,1fr))}}

.order{margin-top:clamp(64px,10vw,120px);background:var(--cheese);color:#000;padding-block:clamp(56px,9vw,110px)}
.order h2{font-size:clamp(3.25rem,13vw,10rem);line-height:.92}
.order p{margin:14px 0 32px;font-size:1.25rem;font-weight:700}
.btn-order{background:#000;color:var(--cheese)}
.btn-order:hover{background:#262626}
.btn-wa{background:#fff;color:#000}
.btn-wa svg{fill:#128c4a}
.btn-wa:hover{background:#f0f0f0}
.btns{max-width:800px}
.order :focus-visible{outline-color:#000}
@media (min-width:720px){.btns{grid-template-columns:1fr 1fr}}