.order-section{padding:28px 0 76px;position:relative}.order-title{outline:none;margin-bottom:26px}.order-grid{grid-template-columns:minmax(0,760px) minmax(0,380px);justify-content:space-between;align-items:start;gap:40px;display:grid}.order-steps{gap:44px;min-width:0;display:grid}.step{min-width:0;scroll-margin-top:20px}.step-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.step-heading h2{font:600 26px/1.2 var(--font-display)}.step-no{border:2px solid var(--forest);width:36px;height:36px;color:var(--forest);font:800 14px/1 var(--font-ui);letter-spacing:.03em;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.step-sheet{border:1px solid var(--line);padding:22px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.material-card{cursor:pointer;flex-direction:column;gap:4px;min-width:0;padding:10px 10px 12px;display:flex;position:relative}.material-card:after{content:"";border:1px solid var(--line);pointer-events:none;transition:border-color var(--fast) var(--ease);position:absolute;inset:0}.material-card:hover:after{border-color:var(--edge)}.material-card.is-selected:after{border:3px solid var(--forest)}.material-card:has(input:focus-visible){outline:3px solid var(--forest);outline-offset:4px}.material-photo{margin-bottom:6px}.material-photo .deckle{--dk:3px;aspect-ratio:1.5}.material-photo.is-labelled img,.order-card-photo.is-labelled img{object-position:50% 0;transform-origin:50% 0;transform:scale(1.22)}.material-name{color:var(--forest);font:600 18px/1.2 var(--font-display)}.material-price{color:var(--muted);margin-top:auto;padding-top:2px;font-size:14px}.material-price strong{color:var(--forest);font:900 20px/1 var(--font-display)}.material-where{color:var(--muted);font-size:13px;line-height:1.35}.material-mark{top:16px;right:16px}.material-detail{border:1px solid var(--line);justify-items:start;gap:10px;margin-top:16px;padding:18px 20px;display:grid}.material-detail-name{color:var(--forest);font:600 22px/1.2 var(--font-display)}.material-detail-line{max-width:62ch;font-size:16px;line-height:1.55}.material-detail-fact{align-items:baseline;gap:10px;display:flex}.variant-field{border:0;gap:8px;min-width:0;margin:4px 0 0;padding:0;display:grid}.variant-field legend{margin-bottom:8px;padding:0}.variant-field .field-error{margin-top:2px}.pile-scene{margin:-4px -4px 16px;position:relative}.pile-stage{--ground:12px;height:210px;position:relative;overflow:hidden;container-type:inline-size}.pile-stage>*{--ft:calc(100cqw / var(--frame))}.pile-truck{left:calc(var(--ft) * var(--truck-x));bottom:calc(var(--ground) - 2px);height:auto;transition:opacity var(--medium) var(--ease);position:absolute}.truck-pickup{width:calc(var(--ft) * 18)}.truck-dump{width:calc(var(--ft) * 21)}.pile-stage.is-pickup .truck-dump,.pile-stage.is-delivery .truck-pickup{opacity:0}.pile{left:calc(var(--ft) * var(--pile-x));bottom:var(--ground);width:calc(var(--ft) * var(--pile-d));height:calc(var(--ft) * var(--pile-h));position:absolute;overflow:visible}.pile-span{left:calc(var(--ft) * var(--pile-x));bottom:calc(var(--ground) + var(--ft) * var(--pile-h) + 8px);width:calc(var(--ft) * var(--pile-d));border:1.5px solid var(--forest);border-bottom:0;height:7px;position:absolute}.pile-label{left:calc(var(--ft) * (var(--pile-x) + var(--pile-d) / 2));bottom:calc(var(--ground) + var(--ft) * var(--pile-h) + 19px);color:var(--forest);font:900 22px/1 var(--font-display);white-space:nowrap;margin:0;padding:0 4px;position:absolute;translate:-50%}.pile-ground{height:var(--ground);background:var(--sage-deep);border-top:1.5px solid var(--edge);position:absolute;bottom:0;left:0;right:0}.quantity-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;display:flex}.stepper{border:1.5px solid var(--edge);border-radius:var(--radius);background:#fbfcf7;flex-shrink:0;align-items:stretch;display:inline-flex}.stepper>button{width:54px;min-height:58px;color:var(--forest);background:0 0;border:0;place-items:center;display:grid}.stepper>button:hover:not(:disabled){background:#e6ebd8}.stepper>button:disabled{cursor:not-allowed;color:#9aa38c;background:0 0}.stepper>button:first-of-type{border-right:1.5px solid var(--line);border-radius:var(--radius) 0 0 var(--radius)}.stepper>button:last-of-type{border-left:1.5px solid var(--line);border-radius:0 var(--radius) var(--radius) 0}.stepper-value{align-items:baseline;gap:4px;padding:0 12px 0 8px;display:inline-flex}.stepper-value input{width:2.95em;min-height:54px;color:var(--forest);font:900 40px/1 var(--font-display);font-variant-numeric:tabular-nums lining-nums;text-align:center;background:0 0;border:0;padding:0}.stepper-value input:focus-visible{outline:3px solid var(--forest);outline-offset:2px;border-radius:4px}.stepper-value input[aria-invalid=true]{color:var(--stamp)}.stepper-unit{width:1.9em;color:var(--muted);font:800 16px/1 var(--font-ui)}.calculator-toggle{border:1.5px solid var(--forest);border-radius:var(--radius);background:var(--sheet);min-height:48px;color:var(--forest);font:800 16px/1.2 var(--font-ui);align-items:center;gap:10px;padding:10px 16px;display:inline-flex}.calculator-toggle:hover{background:#e2e9d2}.calculator-toggle[aria-expanded=true]{background:var(--forest);color:#fff}.calculator-chevron{transition:rotate var(--fast) var(--ease)}.calculator-toggle[aria-expanded=true] .calculator-chevron{rotate:180deg}.quantity-note{min-height:22px;margin-top:10px}.quantity-limit{color:var(--ink);font-size:14px;font-weight:600;line-height:1.4}.quantity-rule{border:1.5px solid var(--forest);border-radius:var(--radius);background:#eef3e1;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.quantity-rule p{color:var(--forest);font-weight:800}.quantity-rule>div{flex-wrap:wrap;gap:8px;display:flex}.choice-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-tile,.location-option,.zone-option{border:1.5px solid var(--edge);border-radius:var(--radius);cursor:pointer;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:#fbfcf7;position:relative}.choice-tile:hover,.location-option:hover,.zone-option:hover{border-color:var(--forest)}.choice-tile.is-selected,.location-option.is-selected,.zone-option.is-selected{border-color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--forest);background:#eef3e1}:is(.choice-tile:has(input:focus-visible),.location-option:has(input:focus-visible),.zone-option:has(input:focus-visible)){outline:3px solid var(--forest);outline-offset:3px}.choice-tile{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:96px;padding:14px 52px 14px 16px;display:grid}.choice-art{width:124px}.choice-art img{width:100%;height:auto;display:block}.choice-name{color:var(--forest);font:600 24px/1.1 var(--font-display)}.choice-mark{border:2px solid var(--edge);width:26px;height:26px;color:var(--forest-deep);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.is-selected>.choice-mark{border-color:var(--forest-deep);background:var(--leaf)}.choice-tile.is-disabled{cursor:not-allowed;background:0 0;border-style:dashed}.bump-notice p{border:1.5px solid var(--forest);border-radius:var(--radius);color:var(--forest);animation:notice-in var(--medium) var(--ease) both;background:#eef3e1;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;font-weight:800;display:flex}@keyframes notice-in{0%{opacity:0;translate:0 -4px}}.choice-group{gap:10px;margin-top:24px;display:grid}.location-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.location-option{flex-direction:column;gap:3px;min-height:140px;padding:13px 44px 13px 14px;display:flex}.location-option-name{color:var(--forest);font:600 21px/1.15 var(--font-display)}.location-option-line{color:var(--muted);font-size:14px;line-height:1.4}.location-option-today{min-height:20px;color:var(--ink);margin-top:auto;padding-top:6px;font-size:14px;font-weight:700}.location-option.is-disabled{cursor:not-allowed;background:0 0;border-style:dashed}.location-choice{min-width:0;display:grid;position:relative}.location-choice.has-actions>.location-option{padding-bottom:54px}.location-actions{flex-wrap:wrap;align-items:center;gap:2px 18px;display:flex}.location-choice>.location-actions{position:absolute;bottom:9px;left:14px;right:14px}.location-actions .text-link{gap:5px;min-height:36px;font-size:15px;font-weight:800}.location-option.is-disabled .location-option-name{color:var(--muted)}.location-option-unlisted{color:var(--ink);margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;line-height:1.35}.homeowner-hours{margin-top:2px}.delivery-address{margin-top:22px}.zone-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.zone-option{justify-content:space-between;align-items:baseline;gap:10px;min-height:56px;padding:14px 50px 14px 16px;display:flex}.zone-option-name{font-weight:800}.zone-option-fee{color:var(--forest);font:700 18px/1.2 var(--font-ticket)}.choice-group .field-help a{color:var(--forest);text-underline-offset:3px;white-space:nowrap;font-weight:700;text-decoration:underline}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.contact-grid .is-wide{grid-column:1/-1}.order-ticket{outline:none;min-width:0;position:sticky;top:24px}.ticket{filter:drop-shadow(0 2px #26301f3d)}.ticket-main,.ticket-stub{background-color:var(--ticket);background-image:var(--grain)}.ticket-main{-webkit-mask-composite:source-in, source-over;padding:26px 24px 20px;position:relative;-webkit-mask-image:radial-gradient(circle at 50% 0,#0000 5px,#000 5.5px),radial-gradient(circle at 0 100%,#0000 10px,#000 10.5px),radial-gradient(circle at 100% 100%,#0000 10px,#000 10.5px);mask-image:radial-gradient(circle at 50% 0,#0000 5px,#000 5.5px),radial-gradient(circle at 0 100%,#0000 10px,#000 10.5px),radial-gradient(circle at 100% 100%,#0000 10px,#000 10.5px);-webkit-mask-position:0 0,0 100%,100% 100%;mask-position:0 0,0 100%,100% 100%;-webkit-mask-size:15px 100%,51% 100%,51% 100%;mask-size:15px 100%,51% 100%,51% 100%;-webkit-mask-repeat:repeat-x,no-repeat,no-repeat;mask-repeat:repeat-x,no-repeat,no-repeat;-webkit-mask-clip:border-box,border-box,border-box;mask-clip:border-box,border-box,border-box;-webkit-mask-origin:border-box,border-box,border-box;mask-origin:border-box,border-box,border-box;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add;-webkit-mask-source-type:auto,auto,auto;mask-mode:match-source,match-source,match-source}.ticket-stub{border-top:2px dashed #4f584480;padding:20px 24px 22px;position:relative;-webkit-mask:radial-gradient(circle at 0 0,#0000 10px,#000 10.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 10px,#000 10.5px) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle at 0 0,#0000 10px,#000 10.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 10px,#000 10.5px) 100% 0/51% 100% no-repeat}.ticket-head{color:var(--ink)}.ticket-product{border-bottom:1.5px dashed #4f584473;align-items:center;gap:14px;margin-top:14px;padding-bottom:16px;display:flex}.ticket-thumb{--dk:3px;flex-shrink:0;width:60px;height:60px}.ticket-product-text{min-width:0}.ticket-product-name{color:var(--forest);font:600 21px/1.15 var(--font-display);display:block}.ticket-variant{color:var(--ink);font:600 16px/1.2 var(--font-ui);white-space:nowrap}.ticket-figure{font:400 15px/1.3 var(--font-ticket);margin-top:3px;display:block}.ticket-ref{max-height:40px;font:700 17px/1.2 var(--font-ticket);letter-spacing:.02em;animation:ref-open .22s var(--ease) both;margin-top:12px;overflow:hidden}@keyframes ref-open{0%{max-height:0;margin-top:0}}.ticket-ref>span{width:calc(var(--chars) * (1ch + .02em) + 1px);white-space:nowrap;vertical-align:bottom;animation:.64s steps(16,end) .36s both type-in;display:inline-block;overflow:hidden}@keyframes type-in{0%{width:0}}.ticket-lines{margin-top:10px}.ticket-lines>div{justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.ticket-lines dt{font-size:15px;font-weight:600}.ticket-lines dt span{color:var(--muted);font:400 13px/1.35 var(--font-ticket);white-space:nowrap;display:block}.ticket-lines dd{font:400 16px/1.2 var(--font-ticket);white-space:nowrap;margin:0}.ticket-lines .ticket-total{border-top:3px double var(--ink);align-items:center;margin-top:8px;padding-top:12px}.ticket-total dt{font:800 13px/1.3 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.ticket-total dd{color:var(--forest);font:700 33px/1 var(--font-ticket);letter-spacing:-.03em}.ticket-error{margin-bottom:0}.ticket-error a{color:inherit;text-underline-offset:3px;white-space:nowrap;font-weight:800;text-decoration:underline}.ticket-conflict{color:var(--ink);margin-top:6px;font-weight:400}.ticket-notice{border:1.5px solid var(--forest);border-radius:var(--radius);color:var(--forest);background:#eef3e1;margin:16px 0 0;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.5}.ticket-choices{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ticket-call{align-items:start;gap:8px;margin-top:14px;font-size:14px;line-height:1.45;display:flex}.ticket-call svg{color:var(--forest);margin-top:2px}.ticket-call strong{margin-right:4px}.ticket-call a{color:var(--forest);text-underline-offset:3px;white-space:nowrap;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px}.ticket-stub.is-torn{pointer-events:none;animation:stub-tear .38s var(--ease) forwards}@keyframes stub-tear{0%{opacity:1;max-height:260px;transform:none}60%{opacity:0;max-height:260px;transform:translateY(26px)rotate(2.5deg)}to{opacity:0;visibility:hidden;border-top-width:0;max-height:0;padding-block:0;transform:translateY(26px)rotate(2.5deg)}}.order-ticket.is-saved .ticket-main{transition:padding-bottom .22s var(--ease);padding-bottom:92px}.stamp{z-index:2;border:3.5px solid var(--stamp);box-shadow:inset 0 0 0 2.5px var(--ticket), inset 0 0 0 4px var(--stamp);color:var(--stamp);font:900 28px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.9;mix-blend-mode:multiply;pointer-events:none;-webkit-mask:var(--ink) 0 0 / 180px 90px;-webkit-mask:var(--ink) 0 0 / 180px 90px;mask:var(--ink) 0 0 / 180px 90px;border-radius:9px;margin:0;padding:9px 20px 8px;animation:.24s cubic-bezier(.3,1.25,.5,1) .12s both stamp-down;position:absolute;bottom:26px;left:50%;transform:translate(-50%)rotate(-7deg)}@keyframes stamp-down{0%{opacity:0;transform:translate(-50%)rotate(-13deg)scale(1.6)}to{opacity:.9;transform:translate(-50%)rotate(-7deg)scale(1)}}.order-ticket.has-lead.is-saved .ticket-main{transition-delay:.45s}.order-ticket.has-lead .ticket-stub.is-torn,.order-ticket.has-lead .ticket-ref{animation-delay:.45s}.order-ticket.has-lead .stamp{animation-delay:.57s}.order-ticket.has-lead .ticket-ref>span{animation-delay:.81s}.receipt{border:1px solid var(--line);animation:receipt-in var(--slow) var(--ease) both;padding:30px}@keyframes receipt-in{0%{opacity:0;transform:translateY(8px)}}.receipt h2{font:900 40px/1.05 var(--font-display);outline:none}.receipt-lede{margin-top:10px}.receipt-lede strong{color:var(--ink);font:700 18px/1.2 var(--font-ticket);letter-spacing:.02em}.receipt-facts{border-top:1.5px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:22px;display:grid}.receipt-facts>div{border-bottom:1px solid var(--line);padding:12px 0}.receipt-facts>.is-wide{grid-column:1/-1}.receipt-facts dt{color:var(--muted);font:800 12px/1.3 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.receipt-facts dd{font:400 17px/1.35 var(--font-ticket);overflow-wrap:anywhere;margin:4px 0 0}.receipt-hours{margin-top:4px;display:block}.receipt-location-actions{font-family:var(--font-ui);margin-top:12px}.receipt-location-actions .button{font-weight:800}.receipt-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.order-grid.is-settled .receipt,.order-ticket.is-settled .ticket-ref,.order-ticket.is-settled .ticket-ref>span,.order-ticket.is-settled .stamp,.order-ticket.is-settled .figure{animation:none}.order-ticket.is-settled .ticket-main{transition:none}.ticket-bar{display:none}.material-card.is-pressed{animation:card-press .22s var(--ease)}@keyframes card-press{35%{transform:scale(.975)}}.choice-mark{transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease)}.choice-mark svg{animation:.22s cubic-bezier(.3,1.6,.5,1) both check-pop}@keyframes check-pop{0%{opacity:0;transform:scale(.3)}}.figure{animation:figure-tick var(--medium) var(--ease) both;display:inline-block}@keyframes figure-tick{0%{opacity:.35;transform:translateY(3px)}}@media (max-width:1240px){.order-grid{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:32px}}@media (max-width:959px){html{scroll-padding-bottom:96px}.order-grid{grid-template-columns:minmax(0,1fr)}.order-ticket{max-width:560px;position:static}.order-grid.has-receipt .order-ticket{order:-1}.order-section{padding-bottom:92px}.ticket-bar{z-index:40;height:calc(66px + env(safe-area-inset-bottom));padding:8px 14px env(safe-area-inset-bottom);background-color:var(--ticket);background-image:var(--grain);filter:drop-shadow(0 -2px #26301f29);visibility:hidden;transition:transform var(--medium) var(--ease), visibility 0s linear var(--medium);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(115%);-webkit-mask:radial-gradient(circle at 50% 0,#0000 4px,#000 4.5px) 0 0/13px 100% repeat-x;mask:radial-gradient(circle at 50% 0,#0000 4px,#000 4.5px) 0 0/13px 100% repeat-x}.ticket-bar.is-visible{visibility:visible;transition:transform var(--medium) var(--ease);transform:none}.ticket-bar p{min-width:0;font-size:14px;line-height:1.3;display:grid}.ticket-bar-name,.ticket-bar-figures{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-bar-name{font-weight:800}.ticket-bar-figures{font-family:var(--font-ticket)}.ticket-bar-dot{margin-inline:6px}.ticket-bar strong{font-size:17px}}@media (max-width:760px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.order-section{padding-top:18px}.order-title{margin-bottom:18px}.order-steps{gap:36px}.step-heading h2{font-size:22px}.step-sheet{padding:16px}.material-grid{gap:10px}.material-card{padding:8px 8px 10px}.material-name{font-size:16px}.material-price strong{font-size:18px}.material-where{font-size:12px}.material-mark{top:13px;right:13px}.material-detail{padding:14px 16px}.material-detail-name{font-size:20px}.material-detail-line{font-size:15px}.pile-stage{--ground:10px;height:140px}.pile-label{font-size:18px}.stepper>button{width:50px}.stepper-value input{font-size:36px}.quantity-row{justify-content:flex-start}.calculator-toggle{justify-content:center;width:100%}.quantity-note{min-height:38px}.quantity-limit{font-size:13px}.choice-tile{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;min-height:0;padding:34px 12px 12px}.choice-art{width:100px}.choice-name{font-size:21px}.choice-mark{top:8px;right:8px}.location-options,.zone-options{grid-template-columns:minmax(0,1fr)}.location-option{min-height:0}.receipt-location-actions .button{flex:auto}.contact-grid{grid-template-columns:minmax(0,1fr)}.ticket-main{padding:24px 18px 18px}.ticket-stub{padding:18px 18px 20px}.receipt{padding:22px 18px}.receipt h2{font-size:32px}.receipt-facts{grid-template-columns:minmax(0,1fr)}.receipt-actions .button{flex:100%}}@media (prefers-reduced-motion:reduce){.ticket-stub.is-torn{display:none}.ticket-ref>span{width:auto}}@media print{.order-title,.ticket-bar,.ticket-stub,.receipt-actions,.directions-link{display:none!important}.receipt-location-actions .button{background:0 0;border:0;min-height:0;padding:0}.order-section{padding:0}.order-grid{display:block}.order-grid:not(.has-receipt) .order-steps{display:none}.receipt{border:0;padding:0 0 16px}.order-ticket{break-inside:avoid;max-width:420px;margin-top:18px;position:static}.ticket{filter:none}.ticket-main{border:1px solid #999;-webkit-mask:none;mask:none}.stamp,.ticket-ref>span{animation:none}}