/* Checkout app: isolated from catalog/card rules. Existing tokens remain authoritative. */
body.spds-store.sp-checkout-mode{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;min-width:0;margin:0;padding:0;overflow:hidden;background:var(--vnext-color-page)!important;color:var(--vnext-color-text)}
.sp-checkout-app{display:flex;flex:1;min-height:0;--checkout-header-height:76px;width:100%;max-width:1120px;min-width:0;padding:0 24px;margin:0 auto;color:var(--vnext-color-text)}
body.spds-store.sp-checkout-mode .sp-store-main{display:flex;flex:1;min-height:0;width:100%;min-width:0;max-width:none;padding:0;overflow:hidden}
.sp-checkout-app *{box-sizing:border-box}
.sp-checkout-app [hidden]{display:none!important}
.sp-checkout-app :is(h1,h2,h3,legend,label){color:var(--vnext-color-text)}
.sp-checkout-app .sp-wizard{display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;min-height:0;margin:0;padding:0}
.sp-checkout-app #sp-wizard-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto minmax(0,1fr) auto;column-gap:40px;flex:1;min-height:0;margin:0}
.sp-checkout-app .sp-progress{grid-column:1;grid-row:1;position:relative;flex:none;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:none;margin:0;padding:16px 0 18px;background:var(--vnext-color-page);border-bottom:1px solid var(--vnext-color-border)}
.sp-checkout-app .sp-progress__line{display:none}
.sp-checkout-app .sp-progress button{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;min-height:56px;padding:0;border:0;background:transparent;color:var(--vnext-color-muted);font:inherit;cursor:pointer}
.sp-checkout-app .sp-progress button:not(:last-of-type)::after{content:"";position:absolute;top:15px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--vnext-color-border)}
.sp-checkout-app .sp-progress button.is-complete::after{background:var(--vnext-color-action)}
.sp-checkout-app .sp-progress button:disabled{cursor:default;opacity:1}
.sp-checkout-app .sp-progress i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--vnext-color-border);border-radius:50%;font-style:normal;font-size:12px;background:var(--vnext-color-surface)}
.sp-checkout-app .sp-progress em{font-size:13px;font-style:normal;font-weight:600;white-space:nowrap}
.sp-checkout-app .sp-progress i b{display:none}
.sp-checkout-app .sp-progress i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.sp-checkout-app .sp-progress .is-current{color:var(--vnext-color-text)}
.sp-checkout-app .sp-progress button.is-current i{background:var(--vnext-color-surface)!important;color:var(--vnext-color-action)!important;border-color:var(--vnext-color-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--vnext-color-action) 12%,transparent)}
.sp-checkout-app .sp-progress .is-complete{color:var(--vnext-color-text)}
.sp-checkout-app .sp-progress button.is-complete i{background:var(--vnext-color-action)!important;color:var(--vnext-color-on-action)!important;border-color:var(--vnext-color-action)!important}
.sp-checkout-app .sp-progress .is-complete i span{display:none}
.sp-checkout-app .sp-progress .is-complete i b{display:flex}
.sp-checkout-app .sp-checkout-layout{display:contents}
.sp-checkout-app .sp-checkout-flow{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 4px}
.sp-checkout-app .sp-step{flex:none;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none}
.sp-checkout-app .sp-step__heading{display:block;margin:0 0 18px}
.sp-checkout-app .sp-step__heading>span,.sp-checkout-app .sp-step__heading small{display:none}
.sp-checkout-app .sp-step__heading h2{margin:0;font-size:clamp(23px,3vw,28px);line-height:1.25;letter-spacing:-.025em}
.sp-checkout-app .sp-step__heading p{margin:8px 0 0;color:var(--vnext-color-muted);font-size:14px;line-height:1.5}
.sp-checkout-app .sp-fields{display:grid;gap:12px;margin-bottom:12px}
.sp-checkout-app .sp-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-checkout-app label{display:grid;gap:6px;font-size:13px}
.sp-checkout-app label>span{font-weight:600}
.sp-checkout-app label>span small{font-weight:400;color:var(--vnext-color-muted)}
.sp-checkout-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);background:var(--vnext-color-surface);color:var(--vnext-color-text);font:inherit;font-size:16px;box-shadow:none}
.sp-checkout-app textarea{resize:vertical}
.sp-checkout-app :is(button,a,input,textarea):focus-visible{outline:2px solid var(--vnext-color-action);outline-offset:3px}
.sp-checkout-app .sp-toggle{display:flex;align-items:start;gap:12px;margin:16px 0;padding:0;border:0;background:transparent;cursor:pointer}
.sp-checkout-app .sp-toggle input{width:20px;height:20px;min-height:20px;margin:2px 0;accent-color:var(--vnext-color-action)}
.sp-checkout-app .sp-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:none;padding:0;border:1px solid var(--vnext-color-border);border-radius:4px;background:var(--vnext-color-surface);box-shadow:none}
.sp-checkout-app .sp-toggle input[type=checkbox]::after{content:"";width:5px;height:9px;border-right:2px solid var(--vnext-color-on-action);border-bottom:2px solid var(--vnext-color-on-action);transform:translateY(-1px) rotate(45deg) scale(0)}
.sp-checkout-app .sp-toggle input[type=checkbox]:checked{background:var(--vnext-color-action);border-color:var(--vnext-color-action)}
.sp-checkout-app .sp-toggle input[type=checkbox]:checked::after{transform:translateY(-1px) rotate(45deg) scale(1)}
.sp-checkout-app [aria-invalid=true]{border-color:var(--vnext-color-danger)}
.sp-checkout-app .sp-toggle span{display:grid;gap:4px}
.sp-checkout-app .sp-toggle small{font-size:12px;line-height:1.5;color:var(--vnext-color-muted)}
.sp-checkout-app .sp-delivery-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
.sp-checkout-app .sp-delivery-choice{display:block;min-width:0;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);overflow:hidden;background:var(--vnext-color-surface)}
.sp-checkout-app .sp-delivery-options[data-expanded=true] .sp-delivery-choice[data-expanded=false]{display:none}
.sp-checkout-app .sp-delivery-choice[data-expanded=true]{grid-column:1/-1;border-color:var(--vnext-color-action)}
.sp-checkout-app .sp-delivery-choice[data-selected=true]{border-color:var(--vnext-color-action)}
.sp-checkout-app .sp-delivery-choice[data-selected=true] .sp-delivery-icon{background:var(--vnext-color-action);color:var(--vnext-color-on-action)!important}
.sp-checkout-app .sp-delivery-choice>input[hidden]{display:none}
.sp-checkout-app .sp-delivery-chevron{grid-area:indicator;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform var(--vnext-motion-ui) var(--vnext-motion-ease)}
.sp-checkout-app .sp-option[aria-expanded=true] .sp-delivery-chevron{transform:rotate(180deg)}
.sp-checkout-app .sp-option[aria-expanded=true]{background:color-mix(in srgb,var(--vnext-color-action) 4%,var(--vnext-color-surface))}

.sp-checkout-app .sp-option{position:relative;display:grid;grid-template-columns:1fr 20px;grid-template-areas:"icon indicator" "title title" "detail detail";align-content:start;gap:6px;width:100%;text-align:left;font:inherit;min-height:104px;margin:0;padding:14px;border:0;border-radius:0;background:var(--vnext-color-surface);color:var(--vnext-color-text);cursor:pointer}
.sp-checkout-app .sp-option>input,.sp-checkout-app .sp-payment-option>input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.sp-checkout-app .sp-option b{grid-area:title;color:var(--vnext-color-text);font-size:14px}
.sp-checkout-app .sp-option small{grid-area:detail;color:var(--vnext-color-muted);font-size:12px}
.sp-checkout-app .sp-delivery-icon{grid-area:icon;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--vnext-color-page);color:var(--vnext-color-text)}
.sp-checkout-app .sp-delivery-icon svg{width:20px;height:20px}
.sp-checkout-app .sp-option small{overflow-wrap:anywhere;line-height:1.5}
.sp-checkout-app .sp-delivery-done{justify-self:end;min-height:44px;padding:0 14px;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);background:var(--vnext-color-page);color:var(--vnext-color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sp-checkout-app .sp-checkout-icon{width:22px;height:22px;flex:none}
.sp-checkout-app .sp-option i,.sp-checkout-app .sp-payment-option>i{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--vnext-color-border);border-radius:50%;background:var(--vnext-color-surface);font-style:normal}
.sp-checkout-app .sp-option i{grid-area:indicator}
.sp-checkout-app .sp-option i::after,.sp-checkout-app .sp-payment-option>i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--vnext-color-action);transform:scale(0)}
.sp-checkout-app :is(.sp-option,.sp-payment-option):has(input:checked){border-color:var(--vnext-color-action);background:color-mix(in srgb,var(--vnext-color-action) 4%,var(--vnext-color-surface))}
.sp-checkout-app :is(.sp-option,.sp-payment-option):has(input:checked) i::after{transform:scale(1)}
.sp-checkout-app :is(.sp-option,.sp-payment-option,.sp-city-option):has(input:focus-visible){outline:2px solid var(--vnext-color-action);outline-offset:3px}
.sp-checkout-app .sp-delivery-panel{grid-column:1/-1;grid-row:2;display:grid;gap:12px;min-width:0;padding:14px;border:0;border-top:1px solid var(--vnext-color-border);border-radius:0;box-shadow:none;background:transparent}
.sp-checkout-app fieldset.sp-city-list{display:grid;gap:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.sp-checkout-app .sp-city-list legend{margin-bottom:8px;font-size:14px;font-weight:600}
.sp-checkout-app .sp-city-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:10px 4px;border:0;border-bottom:1px solid var(--vnext-color-border);border-radius:0;background:transparent;cursor:pointer}
.sp-checkout-app .sp-city-option input[type=radio]{appearance:none;-webkit-appearance:none;display:block;width:18px;height:18px;min-height:18px;padding:0;margin:0;border:1px solid var(--vnext-color-border);border-radius:50%;box-shadow:none;background:var(--vnext-color-surface)}
.sp-checkout-app .sp-city-option input[type=radio]:checked{border:5px solid var(--vnext-color-action);background:var(--vnext-color-surface)}
.sp-checkout-app .sp-city-option>span{color:var(--vnext-color-text);font-size:14px;font-weight:500}
.sp-checkout-app .sp-city-option>span:has(strong){display:grid;gap:4px}
.sp-checkout-app .sp-city-option small{color:var(--vnext-color-muted);line-height:1.5;font-size:12px}
.sp-checkout-app .sp-city-option b{font-size:13px;color:var(--vnext-color-muted);text-align:right}
.sp-checkout-app .sp-city-option:has(input:checked)>span{font-weight:650}
.sp-checkout-app .sp-map-card{overflow:hidden;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);isolation:isolate}
.sp-checkout-app .sp-map{height:240px;position:relative;z-index:0;background:var(--vnext-color-page)}
.sp-checkout-app .sp-location-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-top:1px solid var(--vnext-color-border);background:var(--vnext-color-surface);color:var(--vnext-color-text);font:inherit;font-size:13px;cursor:pointer}
.sp-checkout-app .sp-coordinates,.sp-checkout-app .sp-branch-info{margin:0;padding:0;color:var(--vnext-color-muted);font-size:13px;line-height:1.5;border:0;background:transparent}
.sp-checkout-app .sp-branch-info{display:grid;gap:4px}
.sp-checkout-app .sp-payment-section h3{font-size:14px;margin:0 0 12px}
.sp-checkout-app .sp-payment-list{display:grid;gap:12px}
.sp-checkout-app .sp-payment-option{position:relative;display:grid;grid-template-columns:20px 1fr;align-items:start;gap:12px;padding:16px;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);background:var(--vnext-color-surface);cursor:pointer}
.sp-checkout-app .sp-payment-option>span{display:grid;gap:8px}
.sp-checkout-app .sp-payment-option b{display:flex;align-items:center;gap:8px}
.sp-checkout-app .sp-payment-option small{color:var(--vnext-color-muted);font-size:13px;line-height:1.5}
.sp-checkout-app .sp-review-layout>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.sp-checkout-app .sp-review-card{min-width:0;height:100%;padding:8px 10px;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);box-shadow:none;background:var(--vnext-color-surface)}
.sp-checkout-app .sp-review-card header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:2px}
.sp-checkout-app .sp-review-card h3{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}
.sp-checkout-app .sp-review-card h3 svg{width:16px;height:16px}
.sp-checkout-app .sp-review-card p{margin:0;white-space:pre-line;color:var(--vnext-color-text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.sp-checkout-app .sp-review-card button{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:0;border:0;border-radius:var(--vnext-radius-control);background:transparent;color:var(--vnext-color-text);cursor:pointer}
.sp-checkout-app .sp-review-card button svg{width:17px;height:17px}
.sp-checkout-app .sp-review-card button:hover{background:var(--vnext-color-page)}
.sp-checkout-app .sp-coupon-card{grid-column:1/-1;margin-top:8px}
.sp-checkout-app .sp-coupon-card{border:0;padding:0;background:transparent;box-shadow:none}
.sp-checkout-app .sp-coupon-card h3{font-size:14px;margin:0 0 12px}
.sp-checkout-app .sp-coupon-card>div{display:flex;gap:8px}
.sp-checkout-app .sp-coupon-card input{min-width:0}
.sp-checkout-app .sp-coupon-card button{padding:0 16px;border:1px solid var(--vnext-color-border);border-radius:var(--vnext-radius-control);background:var(--vnext-color-surface);color:var(--vnext-color-text);font:inherit;cursor:pointer}
.sp-checkout-app .sp-coupon-card small{display:block;margin-top:8px;color:var(--vnext-color-muted)}
.sp-checkout-app .sp-final-summary{grid-column:2;grid-row:1/4;position:static;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:16px 0;padding:8px 0 0 24px;border:0;border-left:1px solid var(--vnext-color-border);border-radius:0;background:transparent;box-shadow:none}
.sp-checkout-app .sp-final-summary__head{display:grid;gap:16px}
.sp-checkout-app .sp-final-summary h3{font-size:18px;margin:0}
.sp-checkout-app .sp-final-summary__toggle{display:flex;align-items:center;justify-content:space-between;min-height:48px;width:100%;padding:0;border:0;border-bottom:1px solid var(--vnext-color-border);border-radius:0;background:transparent;color:var(--vnext-color-text);font:inherit;font-weight:600;cursor:pointer}
.sp-checkout-app .sp-final-summary__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.sp-checkout-app .sp-final-summary__toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.sp-checkout-app .sp-final-items article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--vnext-color-border)}
.sp-checkout-app .sp-final-items img,.sp-checkout-app .sp-item-placeholder{width:48px;height:48px;object-fit:contain;background:var(--vnext-color-page);border-radius:var(--vnext-radius-control)}
.sp-checkout-app .sp-item-placeholder{display:grid;place-items:center}
.sp-checkout-app .sp-final-items article>div{display:grid;gap:4px;min-width:0}
.sp-checkout-app .sp-final-items :is(b,strong){font-size:13px;overflow-wrap:anywhere}
.sp-checkout-app .sp-final-items small{font-size:12px;color:var(--vnext-color-muted)}
.sp-checkout-app .sp-final-bundle-label{font-size:11px;color:var(--vnext-color-action)}
.sp-checkout-app .sp-totals p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:16px 0;font-size:14px}
.sp-checkout-app .sp-totals .sp-total{border-top:1px solid var(--vnext-color-border);font-size:18px}
.sp-checkout-app #sp-total-note{color:var(--vnext-color-muted);line-height:1.5}
/* Prevent legacy storefront selectors from muting monetary values or headings. */
.sp-checkout-app :is(.sp-totals span,.sp-totals b,.sp-final-items strong,.sp-nav-total strong,.sp-final-summary h3,.sp-review-card h3,.sp-review-card p,.sp-city-option b){color:var(--vnext-color-text)!important}
.sp-checkout-app .sp-totals .sp-total{font-weight:650;color:var(--vnext-color-text)!important}
.sp-checkout-app :is(.sp-step__heading p,.sp-coordinates,.sp-branch-info,.sp-toggle small,.sp-final-items small,#sp-total-note){color:var(--vnext-color-muted)!important}
.sp-checkout-app :is(input,textarea)::placeholder{color:var(--vnext-color-muted);opacity:1}
.sp-checkout-app .sp-step__heading h2:focus{outline:none}
.sp-checkout-app .sp-step-error{margin-top:16px;color:var(--vnext-color-danger);font-size:13px;line-height:1.5}
.sp-checkout-app .sp-step-error:empty{display:none}
.sp-checkout-app .sp-step-nav{grid-column:1;grid-row:3;display:flex;justify-content:space-between;gap:12px;width:100%;min-height:88px;margin:0;padding:20px 4px;border-top:1px solid var(--vnext-color-border)}
.sp-checkout-app .sp-step[data-step="4"] .sp-step__heading{margin-bottom:12px}
.sp-checkout-app .sp-step[data-step="4"] .sp-step__heading h2{font-size:clamp(21px,2.4vw,25px)}
.sp-checkout-app .sp-step[data-step="4"] .sp-step__heading p{margin-top:4px;font-size:13px}
.sp-checkout-app .sp-step[data-step="4"] .sp-coupon-card{margin-top:0}
.sp-checkout-app .sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:var(--vnext-radius-control);background:var(--vnext-color-action);color:var(--vnext-color-on-action);font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;animation:none}
.sp-checkout-app .sp-btn--quiet{background:var(--vnext-color-surface);color:var(--vnext-color-text)}
.sp-checkout-app .sp-step-nav .sp-btn--primary,.sp-checkout-app .sp-step-nav .sp-btn--primary svg{color:var(--vnext-color-on-action)!important}
.sp-checkout-app .sp-step-nav .sp-btn--quiet,.sp-checkout-app .sp-step-nav .sp-btn--quiet svg{color:var(--vnext-color-text)!important}
.sp-checkout-app .sp-nav-icon{display:flex}
.sp-checkout-app .sp-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.sp-checkout-app .sp-nav-total{display:none}
@media(min-width:761px){
 .sp-checkout-mode .sp-store-mode-switch{bottom:104px}
 .sp-checkout-app .sp-option{grid-template-columns:32px minmax(0,1fr) 18px;grid-template-areas:"icon title indicator" "icon detail indicator";align-content:center;gap:4px 8px;min-height:72px;padding:12px}
 .sp-checkout-app .sp-delivery-choice[data-expanded=false]>.sp-option{height:100%}
 .sp-checkout-app .sp-option b{font-size:13px;line-height:1.4}
 .sp-checkout-app .sp-option small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45}
 .sp-checkout-app .sp-delivery-icon{width:32px;height:32px;align-self:center}
 .sp-checkout-app .sp-delivery-chevron{align-self:center}
}
@media(max-width:1000px){
 .sp-checkout-app #sp-wizard-form{grid-template-columns:1fr}
 .sp-checkout-app .sp-checkout-layout{grid-column:1;grid-row:2;display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 0}
 .sp-checkout-app .sp-checkout-flow{display:block;overflow:visible;scrollbar-gutter:auto}
 .sp-checkout-app .sp-step{margin:0}
 .sp-checkout-app .sp-step-nav{width:100%}
 .sp-checkout-app .sp-final-summary{position:static;overflow:visible;margin-top:32px;border:0;border-top:1px solid var(--vnext-color-border);padding:24px 4px 0}
 .sp-checkout-app .sp-wizard:not([data-current-step="4"]) .sp-final-summary{display:none}
}
@media(max-width:760px){
 body.spds-store.sp-checkout-mode{height:100svh}
 .sp-checkout-app{--checkout-header-height:64px;width:100%;padding:0 16px}
 .sp-checkout-app #sp-wizard-form{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .sp-checkout-app .sp-progress{gap:0;padding:12px 0}
 .sp-checkout-app .sp-progress button{display:grid;justify-items:center;gap:6px}
 .sp-checkout-app .sp-progress i{width:28px;height:28px;font-size:11px}
 .sp-checkout-app .sp-progress button:not(:last-of-type)::after{top:14px;left:calc(50% + 18px);width:calc(100% - 36px)}
 .sp-checkout-app .sp-progress em{font-size:12px}
 .sp-checkout-app .sp-checkout-layout{padding:16px 0}
 .sp-checkout-app .sp-checkout-flow{padding:0 4px}
 .sp-checkout-app .sp-fields--two{grid-template-columns:1fr}
 .sp-checkout-app .sp-review-layout>div{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp-checkout-app .sp-delivery-options{display:grid;grid-template-columns:1fr;gap:12px}
 .sp-checkout-app .sp-delivery-choice{display:block;min-width:0}
 .sp-checkout-app .sp-option{grid-template-columns:36px minmax(0,1fr) 20px;grid-template-areas:"icon title indicator" "icon detail indicator";gap:4px 12px;align-content:center;min-height:76px}
 .sp-checkout-app .sp-delivery-icon,.sp-checkout-app .sp-option i{align-self:center}
 .sp-checkout-app .sp-delivery-panel{padding:12px}
 .sp-checkout-app .sp-map{height:220px}
 .sp-checkout-app .sp-step-nav{position:fixed;z-index:70;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(118px,1fr);align-items:center;width:100%;min-height:0;gap:8px;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--vnext-color-surface);border-top:1px solid var(--vnext-color-border)}
 .sp-checkout-app .sp-nav-total{display:grid;gap:2px;padding-left:0}
 .sp-checkout-app .sp-nav-total small{font-size:10px;color:var(--vnext-color-muted)}
 .sp-checkout-app .sp-nav-total strong{font-size:13px;white-space:nowrap}
 .sp-checkout-app .sp-step-nav .sp-btn{padding:0 8px;font-size:12px}
 .sp-checkout-app .sp-step-nav .sp-btn--quiet .sp-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .sp-checkout-app .sp-final-summary{padding-bottom:16px}
}
@media(max-width:350px){.sp-checkout-app .sp-review-layout>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sp-checkout-app *{scroll-behavior:auto;transition:none}}