.cart-fixed[hidden]{display:none!important}
body.customer.menu-active{height:100dvh;overflow:hidden}
.customer.menu-active .shell{height:calc(100dvh - 72px);overflow:hidden;display:flex;flex-direction:column}
.customer.menu-active.has-cart .shell{height:calc(100dvh - 150px)}
.customer.menu-active .menu-header{flex:0 0 96px;display:grid;grid-template-columns:40px minmax(130px,190px) minmax(100px,1fr) auto 40px;align-items:center;column-gap:12px;width:100%}
.customer.menu-active .menu-header .logo{width:100%;min-width:0;overflow:hidden}
.customer.menu-active .menu-header .timeout-brand-logo{width:100%;height:58px;object-fit:contain}
.customer.menu-active .menu-header>strong{position:static;left:auto;transform:none;text-align:center;white-space:nowrap;min-width:0}
.customer.menu-active .menu-screen{height:auto!important;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#4b4b4b transparent;padding-bottom:28px}
.customer.menu-active.has-cart .menu-screen{height:auto!important;padding-bottom:28px}
.category-nav{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:7px;margin:0 -8px 8px;padding:9px 7px;background:linear-gradient(180deg,#080808 82%,rgba(8,8,8,.9));border-bottom:1px solid #242424}
.category-tabs{padding:0;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.category-tabs button{scroll-snap-align:center;min-height:43px;padding:10px 17px}
.category-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #6b2b31;background:#171717;color:#fff;font-size:31px;line-height:30px;display:grid;place-items:center;box-shadow:0 4px 14px #0009}
.category-arrow.next{background:var(--red);border-color:var(--red)}
.category-arrow:disabled{opacity:.24;background:#171717;border-color:#444;color:#888}
.category-section>h2{margin-top:17px}
.cart-fixed{bottom:78px}
@media(max-width:560px){.customer.menu-active .menu-header{grid-template-columns:38px minmax(0,1fr) auto 36px;column-gap:8px;padding-inline:14px}.customer.menu-active .menu-header .logo{display:none}.customer.menu-active .menu-header>strong{text-align:left}.customer.menu-active .menu-header .langs{font-size:11px;word-spacing:3px}}
@media(max-width:380px){.category-nav{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;margin-inline:-5px}.category-arrow{width:35px;height:35px;font-size:27px}.category-tabs button{padding-inline:14px;font-size:14px}}

/* Keep the final product fully above the fixed navigation and cart on every order mode. */
.customer.menu-active .menu-screen{padding-bottom:120px!important;scroll-padding-bottom:120px}
.customer.menu-active.has-cart .shell{height:calc(100dvh - 72px)}
.customer.menu-active.has-cart .menu-screen{padding-bottom:205px!important;scroll-padding-bottom:205px}
.customer.menu-active .product-list:after{content:"";display:block;height:1px;grid-column:1/-1}
@supports(padding:max(0px)){.customer.menu-active .menu-screen{padding-bottom:max(120px,calc(100px + env(safe-area-inset-bottom)))!important}.customer.menu-active.has-cart .menu-screen{padding-bottom:max(205px,calc(185px + env(safe-area-inset-bottom)))!important}}
