/* CELEBZ · friendly menu preview. All typography remains legible on small screens. */
:root{--friendly-red:#d83a27;--friendly-ink:#281811;--friendly-cream:#f0e7da}
.menu-section{scroll-margin-top:16px}
.menu-section .menu-top{margin-bottom:24px;gap:28px}
.menu-section h2{font-size:clamp(62px,8vw,120px);line-height:.93}
.menu-section .menu-top-right{font-size:15px;line-height:1.7;color:#674b3d;max-width:370px}
.menu-welcome{background:#fffaf2;border:1px solid #dbbdab;border-radius:14px;padding:19px 22px;margin:0 0 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 8px 23px #7b493011}
.menu-welcome strong{display:block;font-size:19px;font-weight:900;color:#382017}
.menu-welcome p{font-size:14px;line-height:1.5;margin:7px 0 0;color:#68493b}
.menu-welcome a{background:#d53c2a;color:white;font-weight:850;border-radius:9px;min-height:48px;padding:13px 18px;text-align:center;white-space:nowrap;text-decoration:none}
.menu-section .menu-toolbar{grid-template-columns:1fr auto;gap:9px 14px;margin:12px 0 15px}
.menu-section .menu-toolbar label{font-size:13px;letter-spacing:.02em;color:#493026}
.menu-section .menu-toolbar input{font-size:17px;min-height:58px;border:2px solid #ac8270;border-radius:10px;padding:15px 18px;background:#fff}
.menu-section .menu-result-caption{font-size:13px;letter-spacing:0;color:#574036;font-weight:800;align-self:center}
.menu-search-clear{border:1px solid #aa836b;border-radius:9px;background:#fff8ee;color:#523125;font-weight:800;min-height:45px;padding:10px 15px;grid-column:1;justify-self:start}
.menu-search-clear[hidden]{display:none}
.menu-fast-label{font-size:13px;font-weight:900;letter-spacing:.02em;margin:15px 0 12px;color:#563327}
.menu-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}
.menu-quick-grid button{border:2px solid #d4b5a1;background:#fffaf1;color:#3b2018;border-radius:13px;min-height:88px;padding:10px 8px;font-size:14px;font-weight:850;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .18s,transform .18s,border-color .18s}
.menu-quick-grid button:hover{transform:translateY(-2px);border-color:#bc6040;background:#ffece0}
.menu-quick-grid button[aria-pressed=true]{background:#2b1814;color:white;border-color:#2b1814}
.menu-quick-grid .quick-icon{font-size:27px;line-height:1.1}
.all-categories{border:1px solid #d8b8a7;border-radius:11px;background:#f9f0e3;margin:0 0 21px;padding:0 14px}
.all-categories summary{list-style:none;min-height:54px;display:flex;align-items:center;cursor:pointer;color:#533025;font-size:13px;font-weight:850}
.all-categories summary::-webkit-details-marker{display:none}
.all-categories summary:after{content:'⌄';margin-left:auto;font-size:22px;color:#ae412e}
.all-categories[open] summary:after{content:'⌃'}
.all-categories .menu-category-strip{padding-top:7px!important}
.menu-section .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.menu-section .product{border:1px solid #dac4b3;border-radius:13px;min-height:400px;box-shadow:0 8px 21px #4c24150e;overflow:hidden}
.menu-section .product-image{height:200px!important;background:linear-gradient(120deg,#3e241c,#190e0b)}
.menu-section .product-image img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04)}
.menu-section .product-badge{top:13px;left:13px;background:#381d17d9;border-radius:5px;font-size:10px;text-transform:none;letter-spacing:0;max-width:75%}
.menu-photo-note{position:absolute;right:7px;bottom:8px;padding:5px 8px;background:#160c0bc9;color:#fff1df;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.03em}
.menu-section .product-content{padding:17px}
.menu-section .product-titleline h3{font-size:clamp(24px,2.25vw,34px);letter-spacing:0}
.menu-section .product-titleline strong{color:#aa301e;font-size:28px}
.menu-section .product-content p{font-size:13px!important;line-height:1.6;color:#604437}
.menu-section .product-content button{min-height:51px;background:#ce3f2d;border-radius:8px;font-size:13px;letter-spacing:0;padding:12px 15px}
.menu-section .product-content button:hover{background:#a82c20}
.menu-section .menu-show-more{min-height:54px;border-radius:10px;font-size:14px;letter-spacing:0}
.menu-no-matches{font-size:15px;grid-column:1/-1;background:#fff;padding:30px;border-radius:10px}
.fast-steps{font-size:12px;color:#754c3e;line-height:1.6;margin:4px 0 17px}
.friendly-food-note{margin:13px 0 7px;background:#fff2dc;border-left:5px solid #b66d3e;color:#5f4034;padding:13px 17px;font-size:12px;line-height:1.6}
.mobile-menu-actions{display:none}
.hero-quick-menu{border:1px solid #ffd6af;background:#fff2e4;color:#361b13;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:14px 18px;min-height:49px;font-weight:900;font-size:14px;white-space:nowrap}
.menu-section button:focus-visible,.menu-section summary:focus-visible{outline:3px solid #3f1d14;outline-offset:3px}
@media(max-width:930px){.menu-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-section .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 body{padding-bottom:63px}
 .menu-section{padding:47px 14px 55px!important}
 .menu-section .menu-top{margin:15px 0 18px}
 .menu-section h2{font-size:clamp(61px,15.5vw,87px)}
 .menu-section .menu-top-right{font-size:14px;line-height:1.55;margin-top:13px}
 .menu-welcome{display:block;padding:17px;margin:0 0 15px}.menu-welcome strong{font-size:18px}.menu-welcome p{font-size:13px}.menu-welcome a{display:block;margin-top:13px}
 .menu-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .menu-quick-grid button{min-height:82px;padding:10px 4px;font-size:11px;line-height:1.2}
 .menu-quick-grid .quick-icon{font-size:24px}
 .menu-section .menu-toolbar{margin:14px 0;grid-template-columns:1fr}.menu-section .menu-toolbar label{grid-column:1}
 .menu-section .menu-toolbar input{font-size:16px}
 .menu-section .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .menu-section .product{min-height:365px}
 .menu-section .product-image{height:clamp(135px,33vw,200px)!important}
 .menu-section .product-badge{font-size:8px;max-width:82%}
 .menu-photo-note{font-size:8px;right:4px;bottom:4px}
 .menu-section .product-content{padding:13px!important}
 .menu-section .product-titleline h3{font-size:clamp(21px,5.8vw,29px)}
 .menu-section .product-titleline strong{font-size:24px}
 .menu-section .product-content p{font-size:11px!important;line-height:1.5;margin:10px 0!important}
 .menu-section .product-content button{min-height:47px;font-size:11px;line-height:1.2;padding:9px}
 .mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#1b0d0a;box-shadow:0 -8px 30px #0005;padding:8px 8px max(8px,env(safe-area-inset-bottom))}
 .mobile-menu-actions a,.mobile-menu-actions button{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;color:white;min-height:47px;font-size:14px;font-weight:850;background:#2e1915;border:0;border-radius:7px}
 .mobile-menu-actions button{background:#dc3e2b}
 .mobile-menu-actions .mobile-tray-count{background:white;color:#b72f20;padding:2px 7px;border-radius:99px;font-size:12px}
 .basket{padding:18px 16px max(25px,env(safe-area-inset-bottom))}
 .basket h2{font-size:59px;margin:15px 0}
 .basket .basket-top button{min-width:44px;min-height:44px}
 .qty button{min-width:40px;min-height:40px}
 .menu-section .legal-note{font-size:11px!important}
 .hero .hero-quick-menu{font-size:12px;padding:12px}
}
@media(max-width:389px){.menu-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-section .products{grid-template-columns:1fr}.menu-section .product-image{height:220px!important}.menu-section .product{min-height:0}.menu-section .product-content p{min-height:0}}
@media(prefers-reduced-motion:reduce){.menu-quick-grid button,.menu-section .product,.menu-section .product-image img{transition:none!important;transform:none!important}}

html{overflow-x:clip;width:100%}body{max-width:100%} .menu-section,.menu-section .menu-top,.menu-section .products{min-width:0}
