/* Final mobile fit: use the supplied Chocodew artwork as the visual brand, with no separate logo box. */
html,body,#root{max-width:100%;min-width:0;overflow-x:hidden!important;scroll-behavior:auto!important}
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-logo{background-image:url('/Chocodew-Premium-img.jpeg')!important;background-repeat:no-repeat!important;background-size:112% auto!important;background-position:center!important;mix-blend-mode:screen!important;border:0!important;box-shadow:none!important}.brand-logo img{opacity:0!important}.hero-copy .restaurant-name{display:none!important}.hero-copy .hero-wordmark{display:block!important;width:min(92vw,720px)!important;height:150px!important;overflow:hidden!important;margin:2px auto 0!important;position:relative!important}.hero-copy .hero-wordmark img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;mix-blend-mode:screen!important}.hero-copy .hero-wordmark::before{display:none!important;content:none!important;background-image:none!important}.footer-brand>img{mix-blend-mode:screen!important}.hero-copy .overline{margin-top:4px!important}.hero-search{margin:18px auto 0!important;width:min(92vw,800px)!important;position:relative!important;z-index:450!important}
.sticky-nav,.premium-nav-actions,.premium-dietary-row,.hero-food-carousel,.discovery-strip{display:none!important}
.menu-section{padding-inline:9px!important}.menu-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.card{min-width:0!important;border-radius:14px!important;padding:5px!important}.card-image{height:108px!important;border-radius:10px!important}.card-info{padding:8px 3px 5px!important;gap:5px!important}.card-info h3{font-size:11.5px!important;line-height:1.22!important}.card-info p{font-size:8.5px!important}.card-wait{font-size:7.8px!important}.price{font-size:11px!important}.add{min-height:34px!important;padding:7px 5px!important;border-radius:9px!important;font-size:9px!important}.section-head{margin-bottom:10px!important}.section-head h2{font-size:29px!important}.section-head img{width:58px!important;height:58px!important}
.mobile-bottom-nav{height:78px!important;min-height:78px!important}.mobile-bottom-nav button{min-width:0!important}.mobile-bottom-nav button:nth-child(3){width:82px!important;height:82px!important;min-width:82px!important;transform:translateY(-8px)!important}.mobile-bottom-nav .nav-order-badge{min-width:20px!important;height:20px!important;font-size:10px!important}
/* Final floating category interaction layer. */
.floating-category-wheel{z-index:920!important;filter:none!important;pointer-events:none!important}.floating-category-wheel.is-near-top,.floating-category-wheel.is-hidden{opacity:1!important;visibility:visible!important}.floating-category-orbit{pointer-events:none!important}.floating-category-button{pointer-events:auto!important;background:#2a130c!important;border:1px solid #8b5539!important;color:#fff7ed!important;box-shadow:0 5px 14px rgba(31,9,3,.30)!important;transition:none!important;touch-action:manipulation!important}.floating-category-button.active{background:#8e3e20!important;border-color:#e1a060!important;box-shadow:0 6px 16px rgba(73,25,8,.34)!important}.floating-category-label{border-color:#d2a47f!important;background:#fff8ef!important;color:#3c2014!important;box-shadow:0 5px 14px rgba(48,18,7,.14)!important}.floating-category-wheel.is-hidden .floating-category-orbit{display:none!important}
.floating-category-toggle{pointer-events:auto!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:1px solid rgba(238,180,124,.78)!important;border-radius:50%!important;background:linear-gradient(145deg,#5b2614,#2a1008)!important;color:#fff5e8!important;box-shadow:0 6px 18px rgba(35,10,3,.34),inset 0 1px 0 rgba(255,255,255,.15)!important;z-index:12!important;font-size:0!important;touch-action:manipulation!important;transition:none!important}.floating-category-toggle span{display:block!important;font-family:Georgia,serif!important;font-size:24px!important;line-height:1!important;font-weight:700!important;transform:translateY(-1px)!important}.floating-category-toggle:active{background:#7b351c!important}.floating-category-wheel.is-hidden .floating-category-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-color:#e6a767!important;background:linear-gradient(145deg,#a54b26,#55200f)!important;box-shadow:0 7px 20px rgba(46,14,4,.36),0 0 0 3px rgba(255,244,229,.78)!important}.floating-category-wheel.is-hidden .floating-category-toggle span{font-size:27px!important}
/* Modal scroll isolation: opening a dish detail must not allow the page behind it to move. */
body:has(.overlay:not(.cart-overlay)){overflow:hidden!important}
.overlay{padding:12px!important}.detail{width:min(90vw,430px)!important;max-height:78vh!important;border-radius:18px!important}.detail>img{height:170px!important}.detail-copy{padding:15px 15px 14px!important;max-height:calc(78vh - 170px)!important;overflow:auto!important}.detail-copy h2{font-size:24px!important}.detail-bottom{margin-top:9px!important;gap:8px!important}.primary{font-size:10px!important;padding:9px 11px!important}
.card:hover,.card:hover .card-image img,.like:hover,.add:hover,.primary:hover,.close:hover,.mobile-bottom-nav button:hover{transform:none!important}
@media(max-width:360px){.brand-logo{width:90px!important;height:43px!important;background-size:115% auto!important}.hero-copy .hero-wordmark{height:112px!important;width:96vw!important}.hero-search{width:calc(100% - 18px)!important;margin-top:14px!important}.menu-section{padding-inline:7px!important}.card-image{height:100px!important}.card-info h3{font-size:10.5px!important}.add{font-size:8.5px!important;min-height:32px!important}.mobile-bottom-nav{height:74px!important;min-height:74px!important}.mobile-bottom-nav button:nth-child(3){width:74px!important;height:74px!important;min-width:74px!important;transform:translateY(-6px)!important}.floating-category-toggle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}