[hidden]{display:none!important}header{gap:23px;flex-wrap:wrap}.main-navigation{display:flex;gap:5px;align-items:center;margin-left:auto}.main-navigation button{display:flex;align-items:center;gap:7px;padding:11px 12px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}.main-navigation button>span{font-size:19px;line-height:1}.main-navigation button.active{background:#f0f4df;color:#718d08}.header-end{margin-left:0}.header-end .demo{display:none}.address{gap:7px}.logo{width:130px}.navigation-panel{padding:35px 0 55px;min-height:70vh}.navigation-panel h1{font-size:42px;margin:15px 0}.panel-intro{font-size:14px;color:var(--muted);margin-bottom:35px}.nav-empty{border:1px solid #e7e9df;border-radius:22px;background:#f8f9f3;text-align:center;max-width:650px;margin:45px auto;padding:45px 30px}.nav-empty>span{font-size:50px;color:var(--green)}.nav-empty h2{font-size:23px}.nav-empty p{font-size:13px;line-height:1.8;color:var(--muted)}.nav-empty .primary{max-width:240px}.saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.saved-card{display:flex;border:1px solid #e7e9df;border-radius:18px;overflow:hidden}.saved-card>img{width:39%;object-fit:cover}.saved-card>div{padding:23px;flex:1}.saved-card h3{margin-top:0}.saved-card p,.saved-card small{font-size:11px;color:var(--muted)}.saved-card .primary{font-size:12px}.remove-favorite{font-size:10px;text-decoration:underline;margin-top:12px;color:var(--muted)}.shop-favorite{margin-top:20px;padding:11px 16px;border:1px solid #dce5be;border-radius:25px;background:#f0f4e0;font-size:12px;font-weight:600;color:#617908}.near-card{display:flex;gap:27px;background:#f2f5e7;border-radius:20px;max-width:700px;padding:35px}.near-card>span{font-size:65px;color:var(--green)}.near-card h2{font-size:25px}.near-card p{font-size:13px;line-height:1.8;color:var(--muted)}.near-card .primary{max-width:230px}.text-link{display:block;font-size:12px;margin-top:20px;text-decoration:underline}.profile-card{max-width:500px;border:1px solid #e4e7da;padding:30px;border-radius:20px}.profile-card label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.profile-card input{width:100%;padding:14px;border:1px solid #d9ddcf;border-radius:10px} @media(max-width:1200px) and (min-width:801px){.main-navigation{order:4;width:100%;justify-content:center;border-top:1px solid #eee;padding-top:10px}.header-end{margin-left:auto}}@media(max-width:800px){body{padding-bottom:78px}header{gap:15px}.header-end{margin-left:auto}.main-navigation{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fff;box-shadow:0 -4px 20px #0000000a;border-top:1px solid #eceee3;justify-content:space-around;padding:8px 6px max(10px,env(safe-area-inset-bottom))}.main-navigation button{flex-direction:column;gap:6px;font-size:9px;padding:9px 10px;flex:1}.main-navigation button>span{font-size:23px}.saved-grid{grid-template-columns:1fr}.navigation-panel h1{font-size:32px;letter-spacing:-1px}.navigation-panel{padding-top:25px}.nav-empty{padding:30px 20px}.nav-empty h2{font-size:20px}.near-card{padding:25px;gap:18px}.near-card>span{font-size:40px}#toast{bottom:90px}.logo{width:115px}}@media(max-width:440px){.saved-card>div{padding:17px}.saved-card h3{font-size:15px}.saved-card>img{width:32%}.near-card{display:block}.profile-card{padding:22px}}

.filters{flex-wrap:wrap;justify-content:flex-end}.discovery-status{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;color:var(--muted)}.is-open{color:#617e06}.is-closed{color:#8a6c54}@media(max-width:540px){.filters{justify-content:flex-start}.filters button{flex:0 0 auto}}

.closed-section-heading{grid-column:1/-1;margin:10px 0 0;border-top:1px solid #e7e9df;padding-top:22px}.closed-section-heading h3{font-size:20px;margin:0 0 8px}.closed-section-heading p{font-size:12px;color:var(--muted);line-height:1.6}.closed-shop .cover img{filter:saturate(.5)}.opening-info{border-top:1px solid #eee;margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:10px}.opening-info strong{color:#688009}.schedule-banner{margin:24px 32px 0;padding:18px;background:#f2f4e8;border:1px solid #dfe6c7;border-radius:14px;display:flex;align-items:center;gap:20px}.schedule-banner b{font-size:13px}.schedule-banner p{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 0}.schedule-banner button{margin-left:auto;white-space:nowrap;background:var(--ink);color:white;padding:12px 16px;border-radius:10px;font-size:11px}.schedule-label{display:block;font-size:13px;margin:22px 0 12px}#scheduleSlot{font:inherit;font-size:13px;padding:14px;width:100%;border:1px solid #dce0d0;border-radius:10px;background:white}@media(max-width:540px){.schedule-banner{margin:22px 20px 0;align-items:start;flex-direction:column}.schedule-banner button{margin:0}.opening-info{font-size:11px}}

/* Compact commerce cards */
.restaurants{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}.restaurant{border-radius:13px}.restaurant .cover{height:130px}.restaurant .badge{left:9px;top:9px;padding:5px 7px;font-size:9px}.restaurant .card-body{padding:12px}.restaurant .card-top h3{font-size:14px;letter-spacing:-.3px}.restaurant .rating{font-size:10px;white-space:nowrap;margin-left:6px}.restaurant .card-body>p{font-size:10px;margin:7px 0 11px}.restaurant .card-meta{font-size:10px;gap:7px;padding-top:10px}.restaurant .discovery-status{font-size:9px;margin-top:10px;gap:6px}.restaurant .opening-info{font-size:9px;margin-top:10px;padding-top:10px;flex-wrap:wrap}.closed-section-heading{margin-top:8px}@media(max-width:1100px){.restaurants{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.restaurants{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.restaurant .cover{height:125px}}@media(max-width:540px){.restaurants{gap:12px}.restaurant .cover{height:106px}.restaurant .card-body{padding:10px}.restaurant .card-top{align-items:start}.restaurant .card-top h3{font-size:12px}.restaurant .rating{font-size:9px}.restaurant .badge{font-size:8px;left:7px;top:7px;padding:4px 6px}.restaurant .card-body>p{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:9px}.restaurant .card-meta{font-size:9px;gap:5px;flex-wrap:wrap}.restaurant .card-meta>span:nth-child(2){display:none}.restaurant .delivery{margin-left:0}.restaurant .discovery-status{font-size:8px;flex-wrap:wrap}.restaurant .opening-info{font-size:8px;line-height:1.5}}

.category span{color:#718b08}.category span svg{width:32px;height:32px;display:block}.category.active span{color:#5c7400}@media(max-width:540px){.category span svg{width:27px;height:27px}}

.categories{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:22px 10px;overflow:visible}.category{min-width:0;font-size:10px;line-height:1.4}.category span{width:62px;height:62px;margin-bottom:9px}.category span svg{width:29px;height:29px}@media(max-width:1000px){.categories{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:700px){.categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 8px}.category span{width:54px;height:54px}.category{font-size:9px}}@media(max-width:400px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Horizontal category carousel */
.category-slider{position:relative;padding:0 35px}.category-slider .categories{display:flex;justify-content:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:27px 2px}.category-slider .categories::-webkit-scrollbar{display:none}.category-slider .category{flex:0 0 92px;scroll-snap-align:start;font-size:10px}.category-slider .category span{width:62px;height:62px}.category-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:36px;border:1px solid #e3e7d6;border-radius:10px;background:white;z-index:1;font-size:22px;box-shadow:0 2px 8px #00000008}.category-arrow.prev{left:0}.category-arrow.next{right:0}.category-arrow:disabled{opacity:.25;cursor:default}@media(max-width:540px){.category-slider{padding:0 23px}.category-slider .categories{gap:10px;padding:23px 0}.category-slider .category{flex-basis:75px;font-size:9px}.category-slider .category span{width:54px;height:54px}.category-arrow{width:22px;height:32px;border-radius:7px;font-size:18px}}
.category-slider:has(>.categories[hidden]){display:none}

header .header-search{margin:0;flex:1 1 220px;max-width:330px;min-width:180px;padding:10px 13px;border-radius:24px;background:#f7f8f3;box-shadow:none;gap:9px}header .header-search input{font-size:11px}header .header-search>span{font-size:23px}.main-navigation{margin-left:auto}@media(min-width:1201px){header{gap:16px;padding-left:3%;padding-right:3%}.main-navigation{gap:1px}.main-navigation button{padding:10px 8px}.address b{font-size:11px}.address span{font-size:10px}.logo{width:115px}}@media(max-width:1200px) and (min-width:801px){header .header-search{margin-left:auto}.main-navigation{order:4}}@media(max-width:800px){header .header-search{order:4;max-width:none;flex-basis:100%;width:100%}.header-search input{font-size:12px!important}.address{order:3}.header-end{margin-left:auto}}

.centered-panel>.eyebrow,.centered-panel>h1,.centered-panel>.panel-intro{text-align:center;display:block}.centered-panel .profile-card{margin:30px auto}.centered-page-heading{text-align:center}.addresses-box{max-width:650px;margin:30px auto;border:1px solid #e3e7d8;border-radius:22px;padding:28px;background:#fff}.addresses-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.addresses-title h2{font-size:21px;margin:0}.addresses-title p{font-size:11px;color:var(--muted);margin-bottom:0}.addresses-title>button{background:#edf3d8;color:#617c04;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:600}.saved-address{display:flex;gap:15px;align-items:start;border:1px solid #e5e8de;border-radius:14px;padding:18px;margin:12px 0}.saved-address.chosen{border-color:#a3ba50;background:#f8faef}.address-marker{font-size:27px;color:#7f9b0b}.saved-address>div{flex:1;min-width:0}.saved-address h3{font-size:14px;margin:0 0 8px}.saved-address h3 small{font-size:9px;color:#617c04;background:#e9efcf;padding:4px 7px;border-radius:5px;margin-left:8px}.saved-address p{font-size:12px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.saved-address .address-detail{font-size:11px;color:var(--muted)}.address-choose{font-size:11px;font-weight:600;color:#617c04;padding:9px 0 0}.address-delete{color:#8b8e81;font-size:13px;padding:3px}.address-empty{text-align:center;background:#f7f9f0;border-radius:15px;padding:30px 20px}.address-empty>span{font-size:45px;color:var(--green)}.address-empty h3{font-size:18px}.address-empty p{font-size:12px;line-height:1.7;color:var(--muted)}.address-empty .primary{max-width:270px;font-size:12px}#savedAddressForm label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}#savedAddressForm input{width:100%;padding:13px;border:1px solid #dce1d1;border-radius:10px;font:inherit;font-size:12px}.cart-destination{font-size:12px;background:#f0f4e2;padding:14px;border-radius:12px;line-height:1.7}@media(max-width:540px){.addresses-box{padding:19px;margin-top:24px}.saved-address{padding:15px;gap:10px}.saved-address h3 small{display:inline-block;margin:6px 0 0}.addresses-title h2{font-size:19px}.centered-page-heading h1{font-size:29px}.address-empty h3{font-size:16px}}
footer.boxed-footer{max-width:1256px;width:calc(100% - 64px);margin:0 auto 32px;padding:27px 30px;border:1px solid #e4e7db;border-radius:19px;background:#fafbf6;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand>img{width:115px;mix-blend-mode:multiply}.footer-brand p{font-size:11px}.footer-credit{display:flex;align-items:center;gap:20px}.footer-credit p{font-size:10px;line-height:1.8;margin:0}.footer-credit p a{color:#657f05;font-weight:700;text-decoration:none}.footer-credit p a:hover{text-decoration:underline}.arcaone-link{display:flex;align-items:center}.arcaone-link img{width:112px;height:auto;mix-blend-mode:multiply}.boxed-footer .footer-demo{grid-column:1/-1;margin:0;border-top:1px solid #e6e9dd;padding-top:16px;font-size:9px;text-align:center}@media(max-width:800px){footer.boxed-footer{width:calc(100% - 40px);padding:23px;grid-template-columns:1fr}.footer-brand{justify-content:center}.footer-credit{justify-content:center;flex-wrap:wrap;gap:12px}.footer-credit p{text-align:center}.boxed-footer .footer-demo{line-height:1.8}}@media(max-width:440px){.footer-brand{flex-direction:column;gap:5px}.footer-credit{flex-direction:column}.arcaone-link img{width:105px}}
/* Shared page container across the frontend */
:root{--page-width:1256px;--page-gutter:32px}header{max-width:var(--page-width);width:calc(100% - var(--page-gutter)*2);padding:22px 0;margin-inline:auto}main{max-width:var(--page-width);width:calc(100% - var(--page-gutter)*2);padding:32px 0 0;margin-inline:auto}.navigation-panel{width:100%;max-width:none}.navigation-panel .order-card,.navigation-panel .tracking-card,.navigation-panel .order-history-section,.navigation-panel .active-order-details,.navigation-panel .orders-detail-heading,.navigation-panel .notification-center,.navigation-panel .profile-auth-card,.navigation-panel .profile-card,.navigation-panel .addresses-box,.navigation-panel .near-card,.navigation-panel .nav-empty{width:100%;max-width:none;margin-left:0;margin-right:0}.navigation-panel .delivery-example{width:100%;max-width:none;margin-left:0;margin-right:0}.bottom-banner{width:100%}footer.boxed-footer{max-width:var(--page-width);width:calc(100% - var(--page-gutter)*2);margin-inline:auto}.profile-card input{max-width:520px}.profile-card>.primary{max-width:280px}.profile-card>.note{max-width:600px}@media(max-width:800px){:root{--page-gutter:20px}header{padding:16px 0}main{padding:20px 0 0}footer.boxed-footer{width:calc(100% - var(--page-gutter)*2)}}@media(max-width:540px){:root{--page-gutter:16px}.navigation-panel{padding-top:25px}.navigation-panel .profile-card,.navigation-panel .addresses-box,.navigation-panel .notification-center{padding:20px}}
.main-navigation button>span{display:flex;align-items:center;justify-content:center}.main-navigation button>span svg{width:17px;height:17px;display:block}.menu-bag-icon{display:inline-flex;vertical-align:middle;margin-right:8px}.menu-bag-icon svg{width:17px;height:17px}@media(max-width:800px){.main-navigation button>span svg{width:22px;height:22px}}
