:root{--green:#405633;--green-deep:#273523;--green-bright:#657d42;--cream:#fdfaf4;--paper:#f5f1e8;--ink:#292e23;--muted:#62675d;--line:#dcded3;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.45}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #bc7443;outline-offset:3px}
.order-header{position:sticky;top:0;z-index:20;background:#fffdf8;box-shadow:0 2px 14px #1e321019}
.header-content{width:min(100% - 60px,1220px);height:86px;margin:auto;display:flex;align-items:center;gap:32px}
.brand{height:78px;width:78px;flex:none;display:grid;place-items:center}
.brand img{height:75px;width:75px;object-fit:contain}
.header-links{display:flex;gap:28px;margin-left:auto}
.header-links a{color:var(--green-deep);position:relative;padding:8px 0}
.header-links a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--green-bright);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header-links a:hover:after,.header-links a:focus-visible:after{transform:scaleX(1)}
.cart-trigger{display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:var(--green-bright);color:#fff;padding:11px 16px;min-height:44px;font-family:var(--sans);font-weight:700}
.cart-trigger:hover,.checkout-button:hover:not(:disabled),.add-button:hover{background:var(--green)}
.cart-trigger svg{width:20px;height:20px}
.cart-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;background:#ffffff30;border-radius:50%;font-size:12px}
.order-intro{width:min(100% - 60px,1220px);margin:26px auto 0;min-height:280px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--green-deep);color:#fff;border-radius:14px;overflow:hidden}
.intro-copy{padding:31px clamp(24px,4vw,54px);align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font:700 11px var(--sans);color:var(--green-bright);margin:0 0 8px}
.order-intro .eyebrow{color:#bbd68e}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(35px,4vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin-bottom:13px}
h1 em{color:#c4d899;font-weight:400}
.intro-copy>p:not(.eyebrow){max-width:540px;line-height:1.4;margin-bottom:11px}
.intro-copy .preview-note{font:13px/1.4 var(--sans);color:#f3e9d0;margin:16px 0 0}
.order-intro>img{width:100%;height:100%;max-height:320px;object-fit:cover;object-position:50% 62%}
.category-nav{position:sticky;top:106px;z-index:15;background:var(--cream);border-bottom:1px solid var(--line);margin-top:20px}
.category-nav-inner{width:min(100% - 60px,1220px);margin:auto;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:11px 0}
.category-nav-inner::-webkit-scrollbar{display:none}
.category-button{flex:none;white-space:nowrap;border:1px solid #cfdbbb;color:var(--green-deep);background:#fbfcf8;border-radius:999px;padding:9px 17px;font:700 14px var(--sans);min-height:40px;transition:background .2s,color .2s,border-color .2s}
.category-button:hover{background:#eef3e5}
.category-button.is-active{background:var(--green);color:#fff;border-color:var(--green)}
.menu-section{width:min(100% - 60px,1220px);margin:27px auto 60px}
.menu-section{scroll-margin-top:158px}
.menu-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:19px}
.menu-heading h2{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.03em;color:var(--green-deep);margin:0}
.menu-heading>span{color:var(--muted);font:14px var(--sans)}
.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.dish-card{background:#fff;overflow:hidden;border:1px solid #e6e8df;border-radius:12px;display:flex;flex-direction:column;min-width:0;transition:border-color .25s,background-color .25s}
.dish-card:hover{border-color:#cbd9b5;background:#fcfdf9}
.dish-card img{width:100%;height:190px;object-fit:cover}
.dish-card[data-id="chocolate-milkshake"] img{object-position:center 42%}
.dish-body{padding:16px 18px 17px;display:flex;flex-direction:column;flex:1}
.dish-category{color:#637c44;text-transform:uppercase;letter-spacing:.15em;font:700 11px var(--sans);margin:0 0 6px}
.dish-sku{color:#767a70;font:12px var(--sans);margin:0 0 6px}
.dish-card h3{font-size:22px;line-height:1.12;letter-spacing:-.025em;font-weight:400;color:var(--green-deep);margin:0 0 7px}
.dish-description{font-size:14px;color:var(--muted);line-height:1.38;margin:0 0 16px}
.size-picker{display:grid;gap:5px;margin-top:auto;margin-bottom:12px;color:var(--green-deep);font:700 13px var(--sans)}
.size-picker select{width:100%;min-height:39px;padding:7px 9px;border:1px solid #cbd5bd;border-radius:6px;background:#fff;color:var(--green-deep);font:14px var(--sans)}
.dish-card[data-id="coke"] img,.dish-card[data-id="pepsi"] img,.dish-card[data-id="sprite"] img,.dish-card[data-id="water-bottle"] img{object-fit:contain;background:#211b12}
.dish-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dish-price{font:700 16px var(--sans);color:#914823;white-space:nowrap}
.add-button{border:0;background:var(--green-bright);color:#fff;border-radius:7px;padding:9px 13px;white-space:nowrap;font:700 13px var(--sans);min-height:38px}
.floating-cart{display:none}
.cart-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--cream);color:var(--ink);box-shadow:-18px 0 65px #0004}
.cart-dialog::backdrop{background:#151d14a8}
.cart-shell{height:100%;overflow-y:auto;padding:24px 25px 32px}
.cart-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:19px}
.cart-heading h2{font-size:31px;line-height:1.05;font-weight:400;color:var(--green-deep);margin:0}
.close-cart{width:34px;height:34px;border:0;border-radius:50%;background:#e8eddf;color:var(--green-deep);font:28px/1 var(--sans)}
.cart-items{border-top:1px solid var(--line)}
.cart-empty{padding:28px 5px;color:var(--muted);font-size:16px;text-align:center}
.cart-line{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.cart-line img{width:58px;height:58px;object-fit:cover;border-radius:6px}
.cart-line h3{font:700 15px/1.2 var(--sans);margin:0 0 3px}
.cart-line small{color:var(--muted);font:13px var(--sans)}
.remove-item{display:block;border:0;background:none;color:#8f4427;text-decoration:underline;text-underline-offset:2px;padding:0;margin-top:7px;font:12px var(--sans)}
.remove-item:hover{color:#602a17}
.line-total{font:700 13px var(--sans);white-space:nowrap}
.qty-control{display:inline-flex;align-items:center;gap:3px;margin-top:8px;border:1px solid var(--line);border-radius:6px}
.qty-control button{border:0;background:none;min-width:30px;height:28px;color:var(--green-deep);font:20px var(--sans)}
.qty-control button:hover{background:#e9efdf}
.qty-control output{min-width:21px;text-align:center;font:700 13px var(--sans)}
.more-items{width:100%;margin:15px 0 0;padding:10px;border:1px solid #bbcda5;background:#f5f8ef;color:var(--green-deep);border-radius:7px;font:700 14px var(--sans)}
.more-items:hover{background:#e9f0de}
.cart-summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font:15px var(--sans)}
.cart-summary strong{font-size:20px;color:var(--green-deep)}
.checkout-fields{display:grid;gap:6px;margin:20px 0}
.checkout-fields label{font:700 14px var(--sans);color:var(--green-deep);margin-top:7px}
.checkout-fields label span{font-weight:400;color:var(--muted)}
.checkout-fields input,.checkout-fields textarea{width:100%;border:1px solid #cdd4c4;border-radius:7px;background:#fff;padding:10px 11px;color:var(--ink);font:15px var(--sans);resize:vertical}
.checkout-choice{display:flex;flex-wrap:wrap;gap:8px 10px;margin:14px 0 2px;padding:0;border:0;min-width:0}
.checkout-choice legend{width:100%;margin:0 0 7px;color:var(--green-deep);font:700 14px var(--sans)}
.checkout-fields .checkout-choice label{display:inline-flex;align-items:center;gap:7px;margin:0;padding:9px 12px;border:1px solid #cdd4c4;border-radius:7px;background:#fff;font:600 14px var(--sans);cursor:pointer}
.checkout-fields .checkout-choice label:has(input:checked){border-color:var(--green-bright);background:#edf3e5}
.checkout-fields .checkout-choice input{width:auto;margin:0;accent-color:var(--green-bright)}
.delivery-address{display:grid;gap:6px;margin:5px 0 2px}
.delivery-address[hidden],.delivery-fee[hidden]{display:none!important}
.checkout-fields .delivery-address label{margin-top:0}
.cart-subtotal{border-bottom:0;padding-bottom:0}
.cart-subtotal strong{font-size:17px}
.delivery-fee{padding:12px 0}
.delivery-fee strong{font-size:16px}
.cart-grand-total{border-top:1px solid var(--line);margin:0 0 18px;font-weight:700}
.dish-card[id]{scroll-margin-top:190px}
.message-box{background:#eff3e8;border:1px solid #d5dfc8;border-radius:8px;padding:12px 13px;margin:0 0 16px}
.message-box>span{display:block;color:var(--green-deep);font:700 13px var(--sans);margin-bottom:7px}
.message-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.45 var(--sans);margin:0;color:#3e4938}
.checkout-button{width:100%;min-height:46px;border:0;border-radius:8px;background:var(--green-bright);color:#fff;font:700 15px var(--sans)}
.checkout-button:disabled{background:#a9b3a0;cursor:not-allowed}
.checkout-help{font:12px/1.45 var(--sans);color:var(--muted);margin:10px 0 0}
.order-footer{min-height:95px;padding:25px max(30px,calc((100% - 1220px)/2));background:var(--green-deep);color:#fff;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;font:14px var(--sans)}
.order-footer span{font-family:var(--serif);font-size:17px;margin-right:auto}
.order-footer a:hover{text-decoration:underline}
.order-toast{position:fixed;left:50%;bottom:22px;z-index:50;transform:translate(-50%,20px);background:var(--green-deep);color:#fff;padding:10px 17px;border-radius:8px;font:14px var(--sans);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}
.order-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-intro{grid-template-columns:1.2fr .8fr}.dish-card img{height:185px}}
@media(max-width:600px){.header-content{height:72px;width:calc(100% - 30px);gap:12px}.brand,.brand img{width:65px;height:65px}.header-links{gap:15px}.header-links a{font-size:14px}.cart-trigger{padding:8px 11px}.cart-trigger span:not(.cart-count){display:none}.order-intro{width:100%;margin:0;border-radius:0;display:flex;flex-direction:column-reverse;min-height:0}.order-intro>img{height:155px;max-height:none;object-position:center 60%}.intro-copy{padding:17px 19px 18px}.intro-copy h1{font-size:32px}.intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.35;margin-bottom:7px}.intro-copy .preview-note{font-size:12px;margin-top:8px}.category-nav{top:72px;margin-top:0}.category-nav-inner{width:100%;padding:10px 17px}.category-button{font-size:13px;padding:8px 14px}.menu-section{width:calc(100% - 34px);margin:23px auto 100px;scroll-margin-top:138px}.menu-heading h2{font-size:31px}.menu-heading>span{font-size:12px}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dish-card{border-radius:10px}.dish-card img{height:145px}.dish-body{padding:12px 11px 13px}.dish-card h3{font-size:17px}.dish-description{font-size:12px;line-height:1.35;margin-bottom:11px}.dish-category{font-size:10px}.dish-bottom{align-items:start;flex-direction:column;gap:8px}.dish-price{font-size:14px}.add-button{width:100%;min-height:37px}.floating-cart{position:fixed;z-index:18;left:17px;right:17px;bottom:13px;border:0;border-radius:9px;background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font:700 15px var(--sans);box-shadow:0 8px 30px #18291563}.floating-cart strong{font-size:14px}.cart-dialog{width:100%;height:min(92dvh,820px);inset:auto 0 0 0;border-radius:18px 18px 0 0}.cart-shell{padding:22px 17px 31px}.order-footer{padding:30px 17px 100px;gap:9px;flex-direction:column;align-items:start}.order-footer span{margin-right:0}.order-toast{bottom:76px;max-width:calc(100% - 24px);white-space:normal;text-align:center}}
@media(max-width:370px){.order-grid{grid-template-columns:1fr}.dish-card{display:grid;grid-template-columns:105px minmax(0,1fr)}.dish-card img{width:105px;height:100%}.dish-body{min-width:0;padding:10px}.dish-bottom{flex-direction:column;align-items:stretch;gap:6px}.add-button{width:100%;white-space:normal;font-size:12px}.dish-description{display:none}}
@media(max-width:850px){.category-nav{top:78px}}
@media(max-width:600px){.category-nav{top:78px}.category-nav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow-x:visible;padding:9px 17px}.category-button{width:100%;min-height:39px;white-space:normal;line-height:1.1;padding:7px 6px;font-size:12px}.dish-card[id]{scroll-margin-top:200px}.menu-section{scroll-margin-top:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Single-photo ordering hero, matched to the home page's visual scale. */
.order-hero{height:clamp(520px,44vw,650px);position:relative;overflow:hidden;background:#171912;color:#fff}
.order-hero-image,.order-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.order-hero-image{object-fit:cover;object-position:center 54%;filter:brightness(.94) contrast(1.045) saturate(1.03)}
.order-hero-shade{background:linear-gradient(90deg,#111611e8 0%,#111611d0 28%,#1116118c 49%,#1116111a 76%)}
.order-hero-inner{position:relative;z-index:1;width:min(100% - 100px,1200px);height:100%;margin:auto;display:flex;align-items:center}
.order-hero-copy{width:min(590px,52%)}
.order-hero-copy .eyebrow{color:#c6dc9e;margin-bottom:15px}
.order-hero-copy h1{font-size:clamp(51px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;color:#fff}
.order-hero-copy h1 em{color:#bfd38c;font-weight:400}
.order-hero-copy>p:not(.eyebrow):not(.preview-note){max-width:540px;font:18px/1.5 var(--serif);margin:0 0 22px;color:#f5f4ed}
.hero-menu-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:47px;padding:0 20px;background:var(--green-bright);border-radius:8px;color:#fff;font:700 15px var(--sans);transition:background .2s}
.hero-menu-link:hover,.hero-menu-link:focus-visible{background:var(--green)}
.hero-menu-link span{font-size:22px;line-height:1}
.order-hero-copy .preview-note{max-width:470px;color:#e5e8d9;font:12px/1.4 var(--sans);margin:20px 0 0}
.category-nav{margin-top:0}
@media(max-width:850px){.order-hero-inner{width:calc(100% - 64px)}.order-hero-copy{width:min(510px,68%)}.order-hero-copy h1{font-size:clamp(43px,6vw,58px)}}
@media(max-width:600px){.order-hero{height:auto;display:flex;flex-direction:column;overflow:hidden}.order-hero-image{position:relative;inset:auto;height:clamp(450px,124vw,580px);flex:none;object-position:69% center;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}.order-hero-shade{top:0;bottom:auto;height:calc(clamp(450px,124vw,580px) + 80px);background:linear-gradient(180deg,#0000 0%,#0000 38%,#0008 62%,#171912 89%,#171912 100%)}.order-hero-inner{width:calc(100% - 38px);height:auto;display:block;margin:-145px auto 0;padding:0 0 35px}.order-hero-copy{width:100%}.order-hero-copy .eyebrow{font-size:10px;margin-bottom:10px}.order-hero-copy h1{font-size:clamp(41px,11vw,54px);line-height:1.04;margin-bottom:16px}.order-hero-copy>p:not(.eyebrow):not(.preview-note){font-size:16px;line-height:1.45;margin-bottom:18px}.hero-menu-link{min-height:43px;font-size:14px}.order-hero-copy .preview-note{font-size:11px;margin-top:16px}.category-nav{margin-top:0}}