/* V31: fixed regions in natural flow, only lists scroll. No scroll-driven offsets. */
html body.ca80b-food-active #root>.food-shell:has(>.ca111-catalog),
html body.ca80b-food-active #root>.food-shell:has(>.ca111-merchant){height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important}
html body #root>.food-shell>.food-wrap.ca111-catalog,
html body #root>.food-shell>.food-wrap.ca111-merchant{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;transform:none!important;margin:0 auto!important;padding:0 14px!important;gap:0!important}
html body #root .food-wrap.ca111-catalog>.ca96-toolbar{position:relative!important;inset:auto!important;top:auto!important;transform:none!important;flex:0 0 76px!important;min-height:76px!important;height:76px!important;margin:0 0 4px!important;padding:8px 0 12px!important;background:white!important;z-index:20!important}
html body #root .food-wrap.ca111-catalog>.ca82g-home-controls{position:relative!important;top:auto!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;flex:0 0 auto!important;gap:7px!important;margin:0 0 6px!important;padding:0!important;overflow:visible!important;z-index:10!important}
html body #root .food-wrap.ca111-catalog>.ca82g-home-controls>.food-address{order:-1!important;position:relative!important;inset:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important;display:flex!important;visibility:visible!important;opacity:1!important;margin:0!important}
html body #root .food-wrap.ca111-catalog>.ca82g-home-controls>.food-categories{order:0!important;position:relative!important;inset:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important;margin:0!important}
html body #root .food-wrap.ca111-catalog>.ca111-scroll-locales{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none;padding:2px 0 10px!important}
html body #root .food-wrap.ca111-catalog>.ca111-scroll-locales::-webkit-scrollbar{display:none}
html body #root .food-wrap.ca111-catalog>.ca111-scroll-locales>#food-shops{position:relative!important;top:auto!important;transform:none!important;margin:0!important}
html body #root .food-wrap.ca111-catalog>.ca80y-food-category-bar{flex:0 0 auto!important}
/* Merchant: retain V30 spacing and geometry, but lock info and tabs. */
html body #root .food-wrap.ca111-merchant{padding:70px 12px 0!important}
html body #root .food-wrap.ca111-merchant>.ca99-merchant-toolbar{position:fixed!important}
html body #root .food-wrap.ca111-merchant>.ca83-merchant-info{position:relative!important;flex:0 0 auto!important;top:auto!important;transform:none!important;margin:0 0 3px!important;padding:0!important}
html body #root .food-wrap.ca111-merchant>.ca81n-menu-tabs{position:relative!important;flex:0 0 auto!important;top:auto!important;transform:none!important;margin:0 0 5px!important;padding:0!important;z-index:12!important;background:#fff!important}
html body #root .food-wrap.ca111-merchant>.ca111-scroll-products{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none;padding:0 0 16px!important}
html body #root .food-wrap.ca111-merchant>.ca111-scroll-products::-webkit-scrollbar{display:none}
html body #root .food-wrap.ca111-merchant>#food-cartbar{flex:0 0 auto!important}
/* Explore always entirely on screen with two compact horizontal product rails. */
html body #root>.food-shell:has(>.ca111-explore){height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;overflow:hidden!important;padding:0!important;margin:0!important}
html body #root>.food-shell>.food-wrap.ca111-explore.ca110-simple-explore{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;justify-content:flex-start!important;gap:10px!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:30px 16px 12px!important;margin:0!important;top:auto!important;transform:none!important}
html body #root .food-wrap.ca111-explore>h1{display:block!important;flex:0 0 auto!important;font-size:26px!important;line-height:1.35!important;min-height:35px!important;position:relative!important;top:auto!important;margin:0!important;overflow:visible!important}
html body #root .food-wrap.ca111-explore>.ca86-address-row{flex:0 0 auto!important;min-height:44px!important;margin:0 0 5px!important}
html body #root .food-wrap.ca111-explore>.ca111-offer-section{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important;margin:0!important}
html body #root .food-wrap.ca111-explore>.ca111-offer-section>h2{font-size:17px!important;line-height:22px!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
html body #root .food-wrap.ca111-explore .ca111-rail{display:flex!important;gap:9px!important;flex:1 1 auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;padding:2px 0 6px!important}
html body #root .food-wrap.ca111-explore .ca111-offer-tile{flex:0 0 min(34vw,138px)!important;width:min(34vw,138px)!important;min-height:0!important;max-height:100%!important;aspect-ratio:1!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;background:#f5f7fa!important;border:1px solid #e4e9f0!important;border-radius:14px!important;padding:8px!important;box-sizing:border-box!important;gap:5px!important}
html body #root .food-wrap.ca111-explore .ca111-offer-tile b{font-size:13px!important;color:#173b61!important}
html body #root .food-wrap.ca111-explore .ca111-offer-tile small{font-size:11px!important;color:#63758b!important}
@media(max-height:680px){html body #root>.food-shell>.food-wrap.ca111-explore.ca110-simple-explore{padding-top:15px!important;gap:6px!important}html body #root .food-wrap.ca111-explore .ca111-offer-tile{flex-basis:29vw!important;width:29vw!important}}
