/* The order journey extends the approved Griot typography and palette. */
.checkout-intro{padding-top:38px;padding-bottom:42px}
.checkout-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:36px;padding:5px 0}
.checkout-back:hover{color:var(--yellow)}
.checkout-intro h1{max-width:850px;margin-bottom:20px}
.checkout-intro .lead{max-width:680px}
.preparation-notice{display:flex;align-items:center;gap:20px;padding:19px 23px;background:#1b1b16;border:1px solid #46432d;border-left:3px solid var(--yellow)}
.preparation-tag{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:#f2e6a4;font-size:12px;font-weight:700;letter-spacing:.035em;line-height:1.5}
.preparation-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--yellow)}
.preparation-notice p{font-size:13px;line-height:1.75;color:#c6c4b6}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:72px;align-items:start;padding-block:50px 95px}
.checkout-fields{border:0;padding:0;margin:0;min-width:0}
.checkout-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.checkout-block{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.checkout-block:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.checkout-block-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}
.checkout-block-heading h2{font-size:28px;line-height:1.3}
.checkout-edit{display:inline-flex;align-items:center;flex-shrink:0;border:0;background:transparent;padding:7px 0;color:#e9e5d5;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#777564}
.checkout-edit:hover{color:var(--yellow);text-decoration-color:var(--yellow)}
.checkout-lines{min-width:0}
.checkout-line{border-top:1px solid var(--line);padding:21px 0}
.checkout-line:first-child{border-top:0;padding-top:0}
.checkout-line:last-child{padding-bottom:0}
.checkout-line-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.checkout-line-top h3{font-size:19px;line-height:1.4;letter-spacing:-.025em}
.checkout-line-price{font-size:15px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}
.checkout-line-options{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:9px;max-width:570px;font-size:12px;line-height:1.7;color:#bcbcb5}
.checkout-line-options span:not(:first-child)::before{content:'·';margin-right:12px;color:#73736d}
.checkout-line-options .without{color:#e3d697}
.checkout-line-unavailable{color:#f0db9d;font-size:12px;margin-top:9px}
.checkout-review-note{font-size:13px;line-height:1.75;padding:16px 0 0;color:#d8d3b6}
.checkout-location{display:flex;align-items:flex-start;gap:16px;border:1px solid #484638;background:#1b1b17;padding:19px 20px;margin-bottom:17px}
.checkout-location-icon{display:flex;color:var(--yellow);padding-top:2px}
.checkout-location-icon .icon{width:19px;height:19px}
.checkout-location strong{font-size:15px;font-weight:600}
.checkout-location p{font-size:12px;line-height:1.75;margin-top:4px}
.checkout-field-note{font-size:12px;line-height:1.8;color:#b9b9ae}
.checkout-date-row{display:flex;align-items:flex-end;gap:24px;margin-top:25px;margin-bottom:28px}
.checkout-date-row>.field{min-width:0;flex:1;max-width:280px}
.checkout-date-row input{max-width:100%}
.checkout-quick-dates{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:1px}
.checkout-date-shortcut{padding:13px 15px;min-height:49px;font-size:12px;border:1px solid #494941;background:transparent;color:#e0dfd5}
.checkout-date-shortcut:hover{border-color:var(--yellow);color:var(--yellow)}
.checkout-date-shortcut[aria-pressed=true]{border-color:#9b8d38;background:#242318;color:#f4e8ad}
.checkout-time-field{border:0;margin:0;padding:0;min-width:0}
.checkout-time-field>legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;width:100%;padding:0;font-size:13px;font-weight:600;color:#deded9}
.checkout-time-field>legend>span{font-size:11px;font-weight:400;color:#aaa99e}
.checkout-time-field>.checkout-field-note{margin-top:10px}
.checkout-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}
.checkout-slot{position:relative;min-width:0;cursor:pointer}
.checkout-slot input{position:absolute;width:1px;height:1px;opacity:0;margin:0;left:50%;top:50%}
.checkout-slot>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;padding:12px 8px;border:1px solid #4a4a41;color:#deddd2;font-size:14px;line-height:1.4;text-align:center;transition:border-color .15s,background .15s,color .15s}
.checkout-slot small{font-size:11px;line-height:1.5;margin-top:4px;color:#c1bead}
.checkout-slot:hover>span{border-color:#b8ac59}
.checkout-slot input:checked+span{background:#282617;border-color:var(--yellow);color:#fff3b7}
.checkout-slot input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:3px}
.checkout-slot input:disabled+span{opacity:.45;background:#171717;cursor:not-allowed}
.checkout-slot input:disabled+span small{color:#d5d1b9}
.checkout-contact-fields{margin-top:21px}
.checkout-contact-fields+.checkout-field-note{margin-top:20px}
.checkout-contact-fields .field>span{font-size:12px}
.checkout-contact-fields textarea{min-height:100px}
.checkout-summary{position:sticky;top:24px;border:1px solid #414039;border-top:2px solid var(--yellow);background:#191918;padding:28px;min-width:0}
.checkout-summary>.eyebrow{margin-bottom:16px;color:#d4d0b9}
.checkout-summary>h2{font-size:27px;margin-bottom:23px}
.checkout-summary-detail{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:13px;line-height:1.7;padding-block:10px}
.checkout-summary-detail>span{color:#adada4}
.checkout-summary-detail>strong{font-weight:500;text-align:right;max-width:62%;font-variant-numeric:tabular-nums}
.checkout-summary-money{border-top:1px solid #45443c;margin-top:17px;padding-top:9px}
.checkout-total{border-top:1px solid #3c3b33;margin-top:10px;padding-top:17px}
.checkout-total>span{font-size:14px;color:#eeeadd}
.checkout-total>strong{font-size:24px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.checkout-payment-note{display:flex;align-items:flex-start;gap:11px;margin-top:23px;padding-top:22px;border-top:1px solid #3b3a32}
.checkout-connection-dot{width:7px;height:7px;flex-shrink:0;margin-top:7px;border:1px solid #e9d777;border-radius:50%;background:#282618}
.checkout-payment-note strong{font-size:12px;font-weight:600;color:#dfdac2}
.checkout-payment-note p{font-size:12px;line-height:1.7;margin-top:4px}
.checkout-summary>button.button{width:100%;margin-top:25px;justify-content:space-between;gap:14px;min-height:54px;padding-inline:17px}
.checkout-submit-note{font-size:11px;line-height:1.8;text-align:left;margin-top:14px;color:#b1afa0}
.checkout-message{padding:17px 19px;border:1px solid #6b5f39;background:#221f16;color:#f0e5bd;font-size:13px;line-height:1.8;margin-top:19px;overflow-wrap:anywhere}
.checkout-message p{color:inherit}
.checkout-message .text-button{margin-top:12px;color:var(--text);font-size:13px}
.checkout-message a{text-decoration:underline;text-underline-offset:4px;color:var(--text)}
.checkout-summary .checkout-message{padding:13px 14px;font-size:12px}
.checkout-loading{padding-block:45px;font-size:14px;color:#c0bcaa}
.checkout-empty{padding-block:65px 95px;max-width:680px}
.checkout-empty>.eyebrow{margin-bottom:20px}
.checkout-empty h2{font-size:35px;margin-bottom:20px}
.checkout-empty>p:not(.eyebrow){max-width:540px;font-size:15px;line-height:1.85}
.checkout-empty>.button{margin-top:27px}
.checkout-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:29px}
.checkout-confirmation{padding:65px 0 95px;max-width:760px}
.checkout-success-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #7e7137;border-radius:50%;background:#272417;color:var(--yellow);margin-bottom:29px}
.checkout-success-icon .icon{width:26px;height:26px}
.checkout-confirmation>.eyebrow{margin-bottom:20px}
.checkout-confirmation h2{font-size:39px;margin-bottom:20px}
.checkout-confirmation-number{color:var(--text);font-size:17px;font-weight:600;letter-spacing:.025em;margin-bottom:9px}
.checkout-confirmation>p:not(.eyebrow):not(.checkout-confirmation-number){font-size:15px;line-height:1.8}
.checkout-receipt-note{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;max-width:620px}
.checkout-receipt-note strong{font-size:14px;font-weight:600;color:#e8dfbd}
.checkout-receipt-note p{font-size:13px;line-height:1.85;margin-top:8px}
.tracking-wrap{padding-bottom:90px}
.tracking-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px}
.tracking-heading .eyebrow{margin-bottom:11px}
.tracking-heading h2{font-size:29px;overflow-wrap:anywhere}
.tracking-status-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;justify-content:flex-end}
.tracking-status-badge{padding:9px 13px;border:1px solid #726738;background:#282517;color:#f1dfa0;font-size:12px;line-height:1.5;font-weight:600}
.tracking-status-badge[data-state=completed]{border-color:#55705c;background:#1d2820;color:#d0e5d4}
.tracking-status-badge[data-state=rejected],.tracking-status-badge[data-state=cancelled]{border-color:#746357;background:#2a221c;color:#ead7c6}
.tracking-description{font-size:14px;line-height:1.8;margin-top:21px;max-width:790px}
.tracking-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:35px 0 45px;border-top:1px solid var(--line)}
.tracking-progress[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.tracking-progress li{position:relative;padding-top:22px;padding-right:12px;font-size:12px;color:#9d9b90;line-height:1.6}
.tracking-progress li::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;border:1px solid #67665d;background:var(--bg)}
.tracking-progress li.is-complete,.tracking-progress li[aria-current=step]{color:#e9e0ba}
.tracking-progress li.is-complete::before{border-color:var(--yellow);background:var(--yellow)}
.tracking-progress li[aria-current=step]::before{border-color:var(--yellow);background:#756c31;box-shadow:0 0 0 5px #f4cb1610}
.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:72px;align-items:start;margin-top:35px}
.tracking-details{min-width:0}
.tracking-person{font-size:13px;color:#c7c3b0;overflow-wrap:anywhere}
.tracking-summary{position:static}
.tracking-summary h3{font-size:22px;line-height:1.45}
.tracking-time{font-size:25px;color:var(--text);margin-top:9px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tracking-summary>.checkout-field-note{margin-top:14px}
.tracking-updated{font-size:11px;line-height:1.8;margin-top:23px;color:#a7a496}
.tracking-event{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px;margin:0}
.tracking-event>div{min-width:0}
.tracking-event dt{font-size:12px;color:#aaa99c;margin-bottom:5px}
.tracking-event dd{font-size:15px;margin:0;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}
.tracking-event .event-wide{grid-column:1/-1}
.tracking-notes{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
.tracking-notes h3{font-size:18px;margin-bottom:12px}
.tracking-notes p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.tracking-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.tracking-reorder{max-width:640px}
.tracking-reorder>.button{margin-right:12px;margin-bottom:14px}
.tracking-reorder>p{font-size:12px;line-height:1.8;max-width:540px}
.tracking-share{max-width:340px;min-width:0;padding-top:12px}
.tracking-share>.text-button{font-size:13px;color:#dfdbc6}
.tracking-share .field{margin-top:17px}
.tracking-share .field input{font-size:12px}
.checkout-inline-feedback{margin-top:14px;font-size:12px;line-height:1.8;color:#eee0aa;overflow-wrap:anywhere}

@media(max-width:1100px){.checkout-layout,.tracking-layout{grid-template-columns:minmax(0,1fr) 310px;gap:40px}.checkout-summary{padding:24px}.checkout-date-row{align-items:flex-start;flex-direction:column;gap:14px}.checkout-date-row>.field{width:100%;max-width:100%}.checkout-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.checkout-layout,.tracking-layout{grid-template-columns:1fr;gap:36px}.checkout-summary{position:static;top:auto}.checkout-layout{padding-top:36px}.checkout-summary>button.button{justify-content:center}.checkout-summary-detail>strong{max-width:70%}.checkout-date-row{flex-direction:row;align-items:flex-end;gap:20px}.checkout-date-row>.field{max-width:280px}.checkout-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.tracking-bottom{flex-direction:column;gap:25px}.tracking-share{max-width:100%;padding-top:0}.tracking-heading{align-items:flex-start}.tracking-status-actions{flex-direction:column;align-items:flex-end;gap:6px}}
@media(max-width:700px){.checkout-intro{padding-top:24px;padding-bottom:31px}.checkout-back{margin-bottom:26px;font-size:12px}.checkout-intro h1{font-size:33px}.preparation-notice{align-items:flex-start;flex-direction:column;gap:7px;padding:16px 17px}.preparation-notice p{font-size:12px}.preparation-tag{font-size:12px}.checkout-layout{padding-top:30px;padding-bottom:62px;gap:32px}.checkout-block{padding-bottom:30px;margin-bottom:30px}.checkout-block-heading{align-items:flex-start;gap:14px;margin-bottom:22px}.checkout-block-heading h2{font-size:25px}.checkout-edit{font-size:11px}.checkout-line{padding-block:18px}.checkout-line-top{gap:12px}.checkout-line-top h3{font-size:18px;line-height:1.45}.checkout-line-price{font-size:14px}.checkout-line-options{font-size:12px;gap:4px 10px}.checkout-line-options span:not(:first-child)::before{margin-right:8px}.checkout-location{padding:16px;gap:12px}.checkout-location strong{font-size:14px}.checkout-location p{font-size:12px}.checkout-date-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px;margin-bottom:24px}.checkout-date-row>.field{max-width:none}.checkout-date-shortcut{min-height:43px;padding-block:10px}.checkout-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.checkout-slot>span{min-height:49px;font-size:13px;padding:12px 5px}.checkout-contact-fields{gap:21px;margin-top:19px}.checkout-contact-fields .field input,.checkout-contact-fields .field textarea,.checkout-date-row .field input{font-size:16px}.checkout-summary{padding:24px 21px}.checkout-summary>h2{font-size:25px}.checkout-summary-detail{font-size:13px;gap:14px}.checkout-summary>button.button{font-size:14px;min-height:54px}.checkout-submit-note{font-size:12px}.checkout-actions{flex-direction:column;gap:12px}.checkout-actions .button{width:100%;justify-content:space-between}.checkout-empty,.checkout-confirmation{padding-block:44px 62px}.checkout-empty h2{font-size:29px}.checkout-confirmation h2{font-size:32px}.checkout-confirmation-number{font-size:15px}.checkout-success-icon{width:49px;height:49px;margin-bottom:25px}.tracking-wrap{padding-bottom:60px}.tracking-heading{flex-direction:column;gap:21px;margin-top:32px}.tracking-heading h2{font-size:25px}.tracking-status-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.tracking-status-badge{font-size:12px}.tracking-description{font-size:13px;margin-top:20px}.tracking-progress{margin:30px 0 34px;gap:0}.tracking-progress li{font-size:10px;line-height:1.6;padding-top:18px;padding-right:8px}.tracking-layout{gap:28px;margin-top:29px}.tracking-person{font-size:12px}.tracking-event{gap:21px;grid-template-columns:1fr 1fr}.tracking-event dd{font-size:14px}.tracking-bottom{margin-top:33px;padding-top:27px}.tracking-reorder{width:100%}.tracking-reorder>.button{width:100%;margin-right:0;justify-content:space-between}.tracking-reorder>p,.tracking-share>.text-button{font-size:12px}.tracking-share{width:100%}}
@media(max-width:370px){.checkout-block-heading{flex-direction:column;gap:7px}.checkout-line-top h3{font-size:17px}.checkout-line-top{gap:10px}.checkout-line-price{font-size:13px}.checkout-summary-detail{font-size:12px}.checkout-time-field>legend>span{font-size:11px}.tracking-progress{grid-template-columns:1fr;margin-top:26px;border-top:0;border-left:1px solid var(--line);gap:0;margin-left:4px}.tracking-progress[data-count="3"]{grid-template-columns:1fr}.tracking-progress li{padding:0 0 19px 20px;font-size:12px}.tracking-progress li:last-child{padding-bottom:0}.tracking-progress li::before{left:-5px;top:5px}.tracking-event{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.checkout-slot>span{transition:none}}
@media(max-width:700px){.tracking-progress,.tracking-progress[data-count="3"]{grid-template-columns:1fr;margin-top:26px;border-top:0;border-left:1px solid var(--line);gap:0;margin-left:4px}.tracking-progress li{padding:0 0 19px 20px;font-size:12px}.tracking-progress li:last-child{padding-bottom:0}.tracking-progress li::before{left:-5px;top:5px}}

.checkout-slot-period{grid-column:1/-1;font-size:14px;margin:10px 0 2px;color:var(--gold,#e3d16a)}
.checkout-pickup-address{font-size:16px;font-weight:600;line-height:1.8;padding:16px;border:1px solid #77765b;background:#25251f;color:#f5f5eb;overflow-wrap:anywhere}

.checkout-policy{display:flex;align-items:flex-start;gap:12px;margin:20px 0 12px;font-size:.83rem;line-height:1.65;color:var(--muted,#c8c8c8)}
.checkout-policy input{width:20px;height:20px;flex:0 0 20px;margin-top:3px;accent-color:#d9a66c}
.checkout-slot-immediate{grid-column:1/-1}
.checkout-slot-immediate small{display:block;line-height:1.5;margin-top:7px}

.checkout-promo{padding:22px 0;border-top:1px solid var(--line,#333);margin-top:22px}
.checkout-promo>label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.checkout-promo>label span{font-weight:400;color:#b5b5ae}
.checkout-promo-controls{display:flex;gap:10px}.checkout-promo-controls input{min-width:0;flex:1;width:100%;background:#171717;border:1px solid #555;border-radius:0;color:#fff;padding:12px;font:inherit;font-size:16px;text-transform:uppercase}.checkout-promo-controls input:focus{outline:2px solid var(--yellow,#f6ce4e);outline-offset:2px}.checkout-promo-controls .button{min-height:46px;padding:10px 15px;font-size:12px;flex-shrink:0}
.checkout-promo p{font-size:12px;line-height:1.65;margin:10px 0 0;color:#c9d7b7}.checkout-promo p:empty{display:none}.checkout-promo p.is-error{color:#ffb1a8}.checkout-promo>.text-button{font-size:12px;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.checkout-discount{color:#c9d7b7}.checkout-promo button:disabled{opacity:.5}
