/* Final canonical layout guard — compact, no blur, no clipping, no autonomous motion. */
html,body,#root{max-width:100%;min-width:0;overflow-x:hidden!important}
html{scroll-behavior:auto!important}
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Retire the old horizontal/filter navigation and autonomous hero/discovery motion. */
.sticky-nav,.premium-nav-actions,.premium-dietary-row{display:none!important}
.hero-food-carousel,.discovery-strip{display:none!important}
.hero-search{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;width:min(92vw,800px)!important;max-width:800px!important;margin:22px auto 0!important}
.hero-search input{min-width:0!important;width:100%!important}

/* Supplied Chocodew artwork — use the exact image from public/Chocodew-Premium-img.jpeg. */
.brand-logo{display:block!important;width:min(30vw,230px)!important;max-width:230px!important;min-width:0!important;height:58px!important;background:none!important;flex:0 1 auto!important}
.brand-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;opacity:1!important}
.restaurant-name{display:none!important}
.hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important}
.hero-copy .hero-wordmark{display:block!important;order:1!important;width:min(88vw,720px)!important;height:auto!important;overflow:visible!important;position:relative!important;margin:0 auto 2px!important}
.hero-copy .hero-wordmark img{display:block!important;position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:screen!important;filter:contrast(1.06) saturate(.82)!important}
.hero-copy .overline{order:2!important}
.hero-copy>p{order:3!important}
.footer-brand>img{display:block!important;width:min(220px,70vw)!important;height:auto!important;object-fit:contain!important;content:url('/Chocodew-Premium-img.jpeg')!important;mix-blend-mode:screen!important}

/* Small-phone header: compact EN / T plus a larger order target without clipping. */
@media(max-width:700px){
  .hero{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important}
  .hero nav{width:100%!important;gap:4px!important;align-items:center!important}
  .brand-logo{width:clamp(92px,32vw,142px)!important;max-width:142px!important;height:48px!important}
  .nav-actions{gap:4px!important;min-width:0!important;max-width:55vw!important}
  .lang-switch{width:78px!important;min-width:78px!important;height:38px!important;padding:0 7px!important;font-size:11px!important;gap:5px!important}
  .lang-switch span:last-of-type{font-size:0!important}
  .lang-switch span:last-of-type::after{content:'T';font-size:11px}
  .cart-pill{width:52px!important;height:46px!important;min-width:52px!important;padding:0!important}
  .cart-pill span{display:none!important}
  .cart-pill b{font-size:10px!important}
  .hero-copy .hero-wordmark{width:min(94vw,650px)!important;height:auto!important;margin-top:4px!important;margin-bottom:2px!important}
  .hero-copy .hero-wordmark img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important}
  .hero-search{width:calc(100% - 24px)!important;margin-top:18px!important}
  .hero-search input{font-size:13px!important}
}
@media(max-width:360px){
  .brand-logo{width:clamp(86px,30vw,112px)!important;height:44px!important}
  .lang-switch{width:68px!important;min-width:68px!important;padding-inline:5px!important}
  .cart-pill{width:48px!important;min-width:48px!important;height:42px!important}
  .hero-copy .hero-wordmark{width:96vw!important;height:auto!important;margin-top:4px!important;margin-bottom:2px!important}
  .hero-copy .hero-wordmark img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important}
  .hero-search{width:calc(100% - 16px)!important;margin-top:15px!important}
  .hero-search input{font-size:12px!important}
}

/* Efficient menu grid: smaller cards for long menus. */
.menu-section{width:100%;max-width:1180px;min-width:0;margin-inline:auto;padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}
.menu-section .grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.menu-section .grid .featured{grid-column:span 2}
.card,.card-info,.card-copy,.price{min-width:0}
.card{border-radius:15px;padding:6px}
.card-image{height:138px!important;border-radius:11px}
.featured .card-image{height:190px!important}
.card-info{padding:9px 4px 7px;gap:6px}
.card-info h3{font-size:13px;line-height:1.2}
.card-info p{font-size:9px}
.card-wait{font-size:8px;margin-top:5px}
.price{font-size:12px}
.add{padding:8px 7px;min-height:38px;border-radius:10px;font-size:10px}
.section-head{min-width:0}
.section-head h2{font-size:34px}
.section-head img{width:70px;height:70px;border-width:4px}

@media(max-width:700px){
  .menu-section .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .menu-section .grid .featured{grid-column:1/-1}
  .card-image{height:116px!important}
  .featured .card-image{height:160px!important}
  .card-info h3{font-size:12px}
  .section-head{margin-bottom:10px}
  .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:nth-child(3){width:78px!important;height:78px!important;min-width:78px!important;transform:translateY(-8px)!important;transform-origin:center bottom!important}
  .mobile-bottom-nav button{min-width:0}
}
@media(max-width:360px){
  .menu-section{padding-inline:7px}
  .menu-section .grid{gap:6px}
  .card{padding:5px;border-radius:13px}
  .card-image{height:106px!important}
  .featured .card-image{height:145px!important}
  .card-info{padding:8px 3px 5px}
  .card-info h3{font-size:11px}
  .price{font-size:11px}
  .add{min-height:35px;font-size:9px;padding:7px 5px}
  .mobile-bottom-nav{height:74px!important;min-height:74px!important}
  .mobile-bottom-nav button:nth-child(3){width:70px!important;height:70px!important;min-width:70px!important;transform:translateY(-6px)!important}
}

/* Circular category wheel: visible, dark, touch/swipe friendly, and hideable. */
.floating-category-wheel{z-index:430!important;pointer-events:none!important}
.floating-category-wheel.is-near-top{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.floating-category-wheel.is-hidden{opacity:.96!important;visibility:visible!important;pointer-events:none!important}
.floating-category-orbit{pointer-events:none!important}
.floating-category-button{background:#2b120b!important;border-color:#7f4b31!important;color:#fff7ed!important;box-shadow:0 7px 18px rgba(25,7,2,.36)!important}
.floating-category-button.active{background:#8f3f1f!important;border-color:#d58a4c!important}
.floating-category-toggle{background:#24100a!important;color:#fff5e8!important;pointer-events:auto!important}
.floating-category-button{pointer-events:auto!important}
.floating-category-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.floating-category-fallback{font-size:20px;line-height:1}
.floating-category-button.active .floating-category-fallback{font-size:23px}
@media(max-width:700px){.floating-category-wheel{bottom:108px!important;right:max(4px,env(safe-area-inset-right))!important}}
@media(max-width:360px){.floating-category-wheel{bottom:100px!important;right:2px!important}.floating-category-fallback{font-size:16px}.floating-category-button.active .floating-category-fallback{font-size:19px}}

/* Compact dish detail: never consume the whole phone screen. */
.overlay{padding:10px!important;background:rgba(20,8,5,.78)!important}
.detail{width:min(92vw,520px)!important;max-width:520px!important;max-height:82vh!important;grid-template-columns:1fr!important;border-radius:20px!important}
.detail>img{width:100%!important;height:220px!important;min-height:0!important;object-fit:cover}
.detail-copy{padding:20px 18px 18px!important;max-height:calc(82vh - 220px);overflow:auto}
.detail-copy h2{font-size:28px!important;line-height:1.05}
.detail-copy p{font-size:11px;line-height:1.55}
.detail-bottom{gap:9px;margin-top:12px}
.detail-bottom>strong{font-size:18px}
.primary{padding:10px 12px;font-size:11px}
.close{width:34px;height:34px;right:9px;top:9px}

/* Cute compact support card. */
.support-button{width:max-content;max-width:100%;min-height:48px!important;padding:8px 12px!important;border-radius:16px!important;gap:8px!important}
.support-button::before{width:28px;height:28px}

/* No blur, hover enlargement, blinking, or autonomous layout motion. */
.card:hover,.card:hover .card-image img,.like:hover,.add:hover,.primary:hover,.close:hover,.mobile-bottom-nav button:hover{transform:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}