@layer components {
/* Main website draft only. Header ordering stays on the current page. */
body.r-website-refresh:not(.app-body) .v2-site-header .v2-header-order-path{display:grid!important;gap:6px!important}
body.r-website-refresh:not(.app-body) .v2-site-header :is(.v2-header-order-primary,.v2-header-order-call){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;padding:10px 14px!important;border-radius:999px!important;font:800 13px/1.3 Manrope,Arial,sans-serif!important;text-decoration:none!important;text-align:center;white-space:nowrap;cursor:pointer}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-header-order-primary{border:1px solid #d71920!important;background:#d71920!important;color:#fff!important}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-header-order-call{border:1px solid #76716b!important;background:transparent!important;color:#f4f0e8!important}
body.r-website-refresh:not(.app-body) .v2-site-header :is(.v2-header-order-primary,.v2-header-order-call):focus-visible{outline:3px solid #d71920!important;outline-offset:3px}
body.r-website-refresh:not(.app-body) .r-website-order-panel:not([open]){display:none!important}
body.r-website-refresh:not(.app-body) .r-website-order-panel[open]{display:block!important}
body.r-website-refresh:not(.app-body) .r-website-order-panel{box-sizing:border-box!important;position:fixed!important;inset:auto!important;margin:0!important;width:min(340px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:16px!important;background:#fff!important;color:#171717!important;border:1px solid #d7d2ca!important;border-radius:14px!important;box-shadow:0 12px 36px #0004!important;z-index:10000}
body.r-website-refresh:not(.app-body) .r-website-order-panel::backdrop{background:#0003}
body.r-website-refresh:not(.app-body) .r-website-order-panel-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center;margin:0 0 10px}
body.r-website-refresh:not(.app-body) .r-website-order-panel-head h2{margin:0!important;color:#171717!important;font:800 28px/1.1 "Barlow Condensed",Arial,sans-serif!important;text-transform:none!important}
body.r-website-refresh:not(.app-body) .r-website-order-close{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;min-height:44px!important;padding:0!important;background:#f4f0e8!important;border:1px solid #d7d2ca!important;border-radius:999px!important;color:#171717!important;font:400 28px/1 Arial,sans-serif!important;cursor:pointer}
body.r-website-refresh:not(.app-body) .r-website-order-panel-links{display:grid;gap:8px}
body.r-website-refresh:not(.app-body) .r-website-order-panel-links a{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px!important;padding:9px 12px!important;background:#fff!important;border:1px solid #d7d2ca!important;border-radius:999px!important;color:#171717!important;text-decoration:none!important;font:800 13px/1.35 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) .r-website-order-panel-links .r-delivery-logo-image{display:block!important;flex:0 0 92px!important;width:92px!important;height:20px!important;background-repeat:no-repeat;background-position:center;background-size:contain}
body.r-website-refresh:not(.app-body) .r-website-order-panel-links a.r-website-order-phone{background:#d71920!important;border-color:#d71920!important;color:#fff!important}
body.r-website-refresh:not(.app-body) .r-website-order-panel :is(a,button):focus-visible{outline:3px solid #d71920;outline-offset:3px}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero{padding:28px 0 22px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero h1{margin:0!important;font-size:clamp(40px,5vw,60px)!important;line-height:1.05!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero p{margin:8px 0 0!important;font:500 16px/1.5 Manrope,Arial,sans-serif!important;color:#d3cec5!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-choices{padding:24px 0 36px!important;background:#f4f0e8!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card{box-sizing:border-box;min-width:0;padding:24px!important;border:1px solid #d8d2c9!important;border-radius:12px!important;background:#fff!important;color:#171717!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card h2{margin:0 0 14px!important;color:#171717!important;font:800 32px/1.1 "Barlow Condensed",Arial,sans-serif!important;text-transform:none!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-pickup-call{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:56px!important;padding:13px 16px!important;border:1px solid #d71920!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;text-decoration:none!important;text-align:center;font:800 17px/1.4 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-pickup-wait{margin:12px 0 0!important;color:#57514b!important;font:500 14px/1.5 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-menu-text-link{display:inline-flex!important;align-items:center;min-height:44px!important;margin-top:4px!important;color:#a3151b!important;text-decoration:underline!important;text-underline-offset:3px;font:700 14px/1.4 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;margin:0!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons a{box-sizing:border-box;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;min-height:56px!important;padding:12px 16px!important;border:1px solid #d7d2ca!important;border-radius:999px!important;background:#fff!important;color:#171717!important;text-decoration:none!important;font:800 15px/1.4 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons .r-delivery-logo-image{display:block!important;flex:0 0 110px!important;width:110px!important;height:22px!important;background-repeat:no-repeat;background-position:center;background-size:contain}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-fine-print{margin:12px 0 0!important;color:#6c655e!important;font:400 12px/1.5 Manrope,Arial,sans-serif!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page :is(.r-customer-pickup-call,.r-customer-delivery-buttons a):hover{filter:brightness(.96)}
body.r-website-refresh:not(.app-body) main.r-customer-order-page :is(a,button):focus-visible{outline:3px solid #d71920;outline-offset:3px}
@media(max-width:700px){
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero{padding:20px 0 18px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero h1{font-size:40px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero p{font-size:14px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-choices{padding:16px 0 24px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-grid{grid-template-columns:1fr!important;gap:12px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card{padding:16px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card h2{font-size:28px!important;margin-bottom:10px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-pickup-call{font-size:16px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-menu-text-link{min-height:36px!important}
}
@media(max-width:360px){
body.r-website-refresh:not(.app-body) .v2-site-header :is(.v2-header-order-primary,.v2-header-order-call){font-size:12px!important;padding-inline:10px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons a{gap:10px!important;font-size:14px!important;padding-inline:10px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons .r-delivery-logo-image{flex-basis:92px!important;width:92px!important}
}
}

@layer components {
/* Round 2: compact phone header and ordering above the fold. */
@media(max-width:760px){
body.r-website-refresh:not(.app-body) .v2-site-header .v2-navrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px 8px!important;min-height:0!important;padding-block:6px!important}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-brand{grid-column:1;grid-row:1;width:80px!important;height:42px!important;max-width:80px}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-header-actions{grid-column:2;grid-row:1;margin:0!important}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-mobile-menu{grid-column:3;grid-row:1;margin:0!important}
body.r-website-refresh:not(.app-body) .v2-site-header .v2-header-order-path{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
body.r-website-refresh:not(.app-body) .v2-site-header :is(.v2-header-order-primary,.v2-header-order-call){font-size:13px!important;min-height:44px!important;padding:8px!important}
}
@media(min-width:701px){
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card:first-child{display:flex;flex-direction:column;justify-content:center}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card:first-child h2{margin-bottom:18px!important}
}
@media(max-width:700px){
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero{padding:8px 0!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero h1{font-size:32px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-order-hero p{margin-top:4px!important;font-size:13px!important;line-height:1.4!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-choices{padding:8px 0 16px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-grid{gap:8px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card{padding:10px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-order-card h2{font-size:23px!important;line-height:1.05!important;margin-bottom:6px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-pickup-wait{font-size:13px!important;line-height:1.4!important;margin-top:6px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-menu-text-link{min-height:32px!important;margin-top:0!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons{gap:6px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-buttons a{min-height:56px!important;padding-block:8px!important;font-size:14px!important}
body.r-website-refresh:not(.app-body) main.r-customer-order-page .r-customer-delivery-fine-print{margin-top:8px!important}
}
}

@layer components {
@media(max-width:700px) and (max-height:700px){
body.r-website-refresh.r-website-ordering:not(.app-body) .v2-topbar{display:none!important}
}
}
