/* Customer pages use the same quiet palette and typography as the collection. */
.sc-color-cart-status { color: var(--sd-green); font-size: .65rem; font-weight: 600; line-height: 1.3; }
.sd-button.sc-is-in-cart { background: transparent; color: var(--sd-green); border: 1px solid var(--sd-green); }
.sc-color-cart-status[hidden] { display: none !important; }
.sc-page { min-height: 65vh; padding-top: clamp(40px, 5vw, 80px); padding-bottom: clamp(75px, 9vw, 130px); }
.sc-page [hidden], .sc-order-dialog [hidden] { display: none !important; }
.sc-page button, .sc-page input, .sc-page textarea, .sc-page select { font-family: var(--sd-sans); }
.sc-page button { cursor: pointer; }
.sc-page button:disabled { opacity: .46; cursor: not-allowed; transform: none; }
.sc-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 45px; }
.sc-head h1 { margin: 16px 0 19px; font-family: var(--sd-serif); font-size: clamp(3.2rem, 5.4vw, 5.5rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
.sc-head p { max-width: 540px; color: var(--sd-muted); font-size: .92rem; line-height: 1.7; }
.sc-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); align-items: start; gap: clamp(35px, 6vw, 95px); }
.sc-panel { min-width: 0; padding: clamp(24px, 3vw, 39px); border: 1px solid var(--sd-line); background: #fffdf9; }
.sc-panel + .sc-panel { margin-top: 22px; }
.sc-panel h2 { margin: 0 0 21px; font-family: var(--sd-serif); font-size: clamp(1.8rem, 2.6vw, 2.7rem); font-weight: 400; letter-spacing: -.025em; line-height: 1.1; }
.sc-panel h3 { margin: 0 0 12px; font-family: var(--sd-serif); font-size: 1.65rem; font-weight: 400; }
.sc-panel-intro { margin: -7px 0 25px !important; color: var(--sd-muted); font-size: .82rem; line-height: 1.65; }
.sc-summary { position: sticky; top: 115px; }
.sc-summary .sd-button { width: 100%; justify-content: center; gap: 25px; margin-top: 24px; }
.sc-summary-row { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 13px 0; color: var(--sd-muted); font-size: .83rem; }
.sc-summary-row.is-total { margin-top: 12px; padding-top: 22px; border-top: 1px solid var(--sd-line); color: var(--sd-ink); }
.sc-summary-row.is-total strong { font-family: var(--sd-serif); font-size: 2rem; font-weight: 400; }
.sc-summary-note { margin-top: 22px !important; color: var(--sd-muted); font-size: .77rem; line-height: 1.7; }
.sc-cart-lines { display: grid; }
.sc-cart-line { min-width: 0; display: grid; grid-template-columns: 108px minmax(0, 1fr) auto; align-items: center; gap: 25px; padding: 28px 0; border-bottom: 1px solid var(--sd-line); }
.sc-cart-line:first-child { padding-top: 0; }
.sc-cart-image { width: 108px; height: 145px; display: grid; place-items: center; overflow: hidden; background: var(--sd-sand); color: #8c967f; font-family: var(--sd-serif); font-size: 2rem; }
.sc-cart-image img { width: 100%; height: 100%; object-fit: cover; }
.sc-cart-copy { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 10px; }
.sc-cart-title { font-family: var(--sd-serif); font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 400; line-height: 1.1; overflow-wrap: anywhere; }
.sc-cart-color { color: var(--sd-muted); font-size: .78rem; }
.sc-cart-stock { color: #6f7d66; font-size: .74rem; line-height: 1.45; }
.sc-cart-stock.is-low { color: #9b5544; }
.sc-cart-price { color: var(--sd-ink); font-size: .82rem; }
.sc-cart-price.is-pending { color: var(--sd-muted); font-size: .75rem; }
.sc-cart-controls { display: flex; align-items: center; flex-direction: column; gap: 14px; }
.sc-quantity { display: inline-flex; align-items: center; border: 1px solid var(--sd-line); background: #fffdf9; }
.sc-quantity button { width: 34px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--sd-green); font-size: 1rem; }
.sc-quantity input { width: 39px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--sd-ink); text-align: center; font-size: .82rem; appearance: textfield; }
.sc-quantity input::-webkit-inner-spin-button { appearance: none; }
.sc-remove, .sc-plain-button { padding: 0; border: 0; background: transparent; color: var(--sd-green); font-size: .72rem; text-decoration: underline; text-underline-offset: 4px; }
.sc-cart-continue { display: block; width: fit-content; margin-top: 30px; color: var(--sd-muted) !important; font-size: .8rem; }
.sc-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; min-height: 310px; padding-block: 25px; }
.sc-empty > span { color: #a1ad99; font-family: var(--sd-serif); font-size: 3rem; }
.sc-empty h2 { font-family: var(--sd-serif); font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; line-height: 1.1; }
.sc-empty p { max-width: 500px; color: var(--sd-muted); font-size: .92rem; line-height: 1.7; }
.sc-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; min-height: 45vh; color: var(--sd-muted); font-size: .85rem; }
.sc-loading > span { display: grid; place-items: center; width: 70px; height: 70px; border: 1px solid var(--sd-line); border-radius: 50%; color: var(--sd-green); font-size: 2rem; }
.sc-message { margin-bottom: 24px; padding: 17px 19px; border-left: 2px solid var(--sd-gold); background: #f0eee6; color: #6a715f; font-size: .82rem; line-height: 1.65; }
.sc-message.is-error { border-color: #a66a53; background: #f6eae3; color: #8c5140; }
.sc-message.is-success { border-color: #789172; background: #edf2e8; color: #526d4c; }
.sc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 21px; }
.sc-field { min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.sc-field.is-wide { grid-column: 1 / -1; }
.sc-field label { color: var(--sd-muted); font-size: .72rem; font-weight: 500; }
.sc-field input, .sc-field textarea, .sc-field select { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--sd-line); border-radius: 0; background: #fffdf9; color: var(--sd-ink); font-size: .88rem; line-height: 1.45; outline: none; box-shadow: none; }
.sc-field input:focus, .sc-field textarea:focus, .sc-field select:focus { border-color: var(--sd-green); }
.sc-field textarea { min-height: 110px; resize: vertical; }
.sc-field small { color: var(--sd-muted); font-size: .7rem; line-height: 1.5; }
.sc-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 23px; margin-top: 26px; }
.sc-form-grid > .sc-form-actions, .sc-form-grid > .sc-form-note { grid-column: 1 / -1; }
.sc-form-note { margin-top: 21px !important; color: var(--sd-muted); font-size: .77rem; line-height: 1.65; }
.sc-auth-layout { display: grid; grid-template-columns: minmax(200px, .9fr) minmax(350px, 1.1fr); align-items: start; gap: clamp(50px, 9vw, 140px); max-width: 1090px; }
.sc-auth-copy h2 { max-width: 390px; margin-bottom: 26px; font-family: var(--sd-serif); font-size: clamp(2.4rem, 4vw, 4rem); font-weight: 400; letter-spacing: -.03em; line-height: 1.1; }
.sc-auth-copy p { max-width: 340px; color: var(--sd-muted); font-size: .9rem; line-height: 1.8; }
.sc-auth-tabs, .sc-tabs { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-bottom: 29px; border-bottom: 1px solid var(--sd-line); }
.sc-auth-tabs button, .sc-tabs button { padding: 0 0 14px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--sd-muted); font-size: .78rem; }
.sc-auth-tabs button[aria-selected="true"], .sc-tabs button[aria-selected="true"] { border-bottom-color: var(--sd-green); color: var(--sd-ink); }
.sc-account-head-actions { display: flex; align-items: center; gap: 26px; }
.sc-profile-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; color: var(--sd-muted); font-size: .78rem; }
.sc-tag { display: inline-flex; align-items: center; padding: 7px 10px; background: #e9eee3; color: #56704c; font-size: .68rem; }
.sc-orders { display: grid; gap: 12px; }
.sc-order-row { width: 100%; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) auto; align-items: center; gap: 20px; padding: 22px; border: 1px solid var(--sd-line); background: #fffdf9; color: var(--sd-ink); text-align: left; }
.sc-order-row > span { display: grid; gap: 7px; }
.sc-order-row strong { font-size: .82rem; font-weight: 500; }
.sc-order-row small { color: var(--sd-muted); font-size: .7rem; }
.sc-order-status { color: var(--sd-muted); font-size: .78rem; }
.sc-order-dialog { width: min(620px, calc(100vw - 30px)); max-height: min(820px, calc(100dvh - 30px)); padding: 30px; border: 1px solid var(--sd-line); background: var(--sd-cream); color: var(--sd-ink); font-family: var(--sd-sans); box-sizing: border-box; }
body.sc-dialog-open { overflow: hidden; }
.sc-home-partner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 50px; padding-top: 66px; padding-bottom: 66px; border-top: 1px solid var(--sd-line); }
.sc-home-partner h2 { margin: 16px 0 17px; font-family: var(--sd-serif); font-size: clamp(32px,4vw,56px); font-weight: 400; line-height: 1.1; }
.sc-home-partner p { max-width: 610px; margin: 0; color: var(--sd-muted); font-size: 14px; line-height: 1.8; }
.sc-inventory-body .sc-inventory-conditions { margin-top: 12px; color: var(--sd-muted); font-size: 11px; line-height: 1.6; }
@media (max-width: 760px) { .sc-home-partner { grid-template-columns: 1fr; gap: 25px; padding-top: 43px; padding-bottom: 43px; } .sc-home-partner > .sd-button { justify-self: start; } }
.sc-order-dialog::backdrop { background: #12251b80; backdrop-filter: blur(2px); }
.sc-order-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.sc-order-dialog-head h2 { margin: 6px 0 12px; font-family: var(--sd-serif); font-size: 2.2rem; font-weight: 400; }
.sc-dialog-close { width: 38px; height: 38px; flex: 0 0 38px; padding: 0; border: 1px solid var(--sd-line); border-radius: 50%; background: transparent; color: var(--sd-green); font-size: 1.4rem; cursor: pointer; }
.sc-order-dialog-lines { display: grid; }
.sc-order-dialog-lines .sc-cart-line { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 16px; padding-block: 17px; }
.sc-order-dialog-lines .sc-cart-image { width: 64px; height: 80px; }
.sc-order-dialog-lines .sc-cart-title { font-size: 1.45rem; }
.sc-order-dialog-lines .sc-cart-color { font-size: .7rem; }
.sc-order-contacts { display: grid; gap: 10px; padding: 25px 0 0; color: var(--sd-muted); font-size: .8rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.sc-partner-intro { max-width: 900px; margin-bottom: 55px; }
.sc-partner-intro h2 { margin-bottom: 25px; font-family: var(--sd-serif); font-size: clamp(2.7rem, 5vw, 4.7rem); font-weight: 400; letter-spacing: -.03em; line-height: 1.04; }
.sc-partner-intro p { max-width: 650px; color: var(--sd-muted); font-size: .96rem; line-height: 1.8; }
.sc-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 50px; }
.sc-benefit { padding-top: 23px; border-top: 1px solid var(--sd-line); }
.sc-benefit > span { display: block; margin-bottom: 20px; color: #9c885c; font-size: .68rem; }
.sc-benefit h3 { margin-bottom: 15px; font-family: var(--sd-serif); font-size: 1.8rem; font-weight: 400; }
.sc-benefit p { color: var(--sd-muted); font-size: .82rem; line-height: 1.7; }
.sc-partner-form { max-width: 820px; }
.sc-consent { display: flex; align-items: flex-start; gap: 11px; margin-top: 23px; color: var(--sd-muted); font-size: .74rem; line-height: 1.6; }
.sc-consent input { width: 16px; height: 16px; margin: 4px 0 0; flex: 0 0 16px; accent-color: var(--sd-green); }
.sc-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.sc-inventory-toolbar { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.sc-inventory-search { width: min(360px, 100%); min-height: 46px; padding: 11px 13px; border: 1px solid var(--sd-line); background: #fffdf9; color: var(--sd-ink); font-size: .83rem; }
.sc-inventory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 27px; }
.sc-inventory-card { min-width: 0; border: 1px solid var(--sd-line); background: #fffdf9; }
.sc-inventory-image { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sd-sand); color: #8c967f; font-family: var(--sd-serif); font-size: 2rem; }
.sc-inventory-image img { width: 100%; height: 100%; object-fit: cover; }
.sc-inventory-body { padding: 23px; }
.sc-inventory-body h3 { margin-bottom: 9px; font-family: var(--sd-serif); font-size: 1.7rem; font-weight: 400; overflow-wrap: anywhere; }
.sc-inventory-body p { color: var(--sd-muted); font-size: .76rem; line-height: 1.5; }
.sc-inventory-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-top: 20px; color: var(--sd-ink); font-size: .83rem; }
.sc-inventory-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 23px; }
.sc-inventory-actions .sd-button { min-height: 43px; padding: 12px; font-size: .58rem; letter-spacing: .1em; gap: 15px; }
.sc-checkout-lines .sc-cart-line { grid-template-columns: 62px minmax(0, 1fr) auto; gap: 13px; padding: 17px 0; }
.sc-checkout-lines .sc-cart-image { width: 62px; height: 82px; }
.sc-checkout-lines .sc-cart-title { font-size: 1.35rem; }
.sc-checkout-lines .sc-cart-color { font-size: .68rem; }
.sc-checkout-lines .sc-cart-copy { gap: 7px; }
.sc-payment-note { margin-top: 22px; padding: 20px 0 0; border-top: 1px solid var(--sd-line); }
.sc-payment-note strong { display: block; margin-bottom: 13px; font-size: .84rem; font-weight: 500; }
.sc-payment-note p { color: var(--sd-muted); font-size: .78rem; line-height: 1.65; }
.sc-success-panel { max-width: 800px; padding: clamp(30px, 5vw, 60px); border: 1px solid var(--sd-line); background: #fffdf9; }
.sc-success-panel > span { display: block; margin-bottom: 27px; color: #79916e; font-size: 2.1rem; }
.sc-success-panel h2 { margin-bottom: 25px; font-family: var(--sd-serif); font-size: clamp(2.3rem, 4vw, 3.6rem); font-weight: 400; letter-spacing: -.035em; }
.sc-success-panel p { max-width: 580px; margin-bottom: 26px; color: var(--sd-muted); font-size: .88rem; line-height: 1.7; }
.sc-toast { position: fixed; z-index: 500; right: 24px; bottom: 24px; max-width: min(430px, calc(100vw - 36px)); padding: 15px 19px; background: var(--sd-green-deep); color: var(--sd-cream); box-shadow: 0 10px 30px #142c2330; font-family: var(--sd-sans); font-size: .8rem; line-height: 1.55; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }
.sc-toast.is-visible { opacity: 1; transform: none; }
.sc-toast.is-error { background: #8b493b; }

/* Retail checkout: contact, delivery, then a server-confirmed review. */
.sc-checkout-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; margin: 0 0 35px; padding: 0; list-style: none; scroll-margin-top: 95px; }
.sc-checkout-steps li { min-width: 0; border-bottom: 1px solid var(--sd-line); }
.sc-checkout-steps li.is-current { border-bottom-color: var(--sd-green); }
.sc-checkout-steps button { display: flex; align-items: center; gap: 13px; width: 100%; padding: 0 0 18px; border: 0; background: transparent; color: var(--sd-muted); font-size: .78rem; text-align: left; }
.sc-checkout-steps button:disabled { opacity: .65; }
.sc-checkout-steps button > span { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid var(--sd-line); border-radius: 50%; font-size: .6rem; }
.sc-checkout-steps .is-current button { color: var(--sd-green-deep); }
.sc-checkout-steps .is-current button > span { border-color: var(--sd-green); background: var(--sd-green); color: #fffdf9; }
.sc-checkout-steps .is-complete button > span { border-color: #c4d0bd; background: #edf2e8; color: var(--sd-green); }
.sc-checkout-steps button:focus-visible, .sc-checkout-navigation button:focus-visible, .sc-checkout-review-block button:focus-visible { outline: 2px solid var(--sd-green); outline-offset: 5px; }
.sc-checkout-section-index { display: block; margin-bottom: 21px; color: #8d7c58; font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; }
.sc-checkout-panel h2 { margin-bottom: 21px; }
.sc-checkout-panel [data-checkout-heading]:focus { outline: none; }
.sc-checkout-panel .sc-panel-intro { max-width: 470px; margin-bottom: 29px !important; }
.sc-checkout-navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 31px; }
.sc-checkout-navigation .sc-plain-button { min-height: 35px; display: inline-flex; align-items: center; text-align: left; line-height: 1.5; }
.sc-delivery-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 0 0 23px; padding: 0; border: 0; }
.sc-delivery-methods legend { margin-bottom: 12px; color: var(--sd-muted); font-size: .72rem; }
.sc-delivery-method { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; min-height: 104px; padding: 18px 17px; border: 1px solid var(--sd-line); cursor: pointer; }
.sc-delivery-method:first-of-type { grid-column: 1 / -1; min-height: 86px; }
.sc-delivery-method.is-selected { border-color: var(--sd-green); background: #f4f6ef; }
.sc-delivery-method.is-unavailable { opacity: .58; cursor: default; }
.sc-delivery-method:focus-within { outline: 2px solid var(--sd-green); outline-offset: 3px; }
.sc-delivery-method input { position: absolute; width: 18px; height: 18px; inset: 20px 17px auto auto; opacity: 0; }
.sc-delivery-method > span:first-of-type { min-width: 0; display: grid; gap: 9px; }
.sc-delivery-method strong { color: var(--sd-ink); font-size: .8rem; font-weight: 500; line-height: 1.5; }
.sc-delivery-method small { color: var(--sd-muted); font-size: .68rem; line-height: 1.6; }
.sc-delivery-radio { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px; border: 1px solid #b4bcae; border-radius: 50%; }
.is-selected .sc-delivery-radio { border: 5px solid var(--sd-green); background: #fffdf9; }
.sc-pickup-details { display: grid; justify-items: start; gap: 8px; margin: 0 0 24px; padding: 21px 23px; background: #f4f1e9; color: var(--sd-ink); }
.sc-pickup-details .sc-checkout-section-index { margin: 0 0 2px; }
.sc-pickup-details strong { font-family: var(--sd-serif); font-size: 1.4rem; font-weight: 400; }
.sc-pickup-details > span:not(.sc-checkout-section-index), .sc-pickup-details a, .sc-pickup-details small { font-size: .78rem; line-height: 1.6; }
.sc-pickup-details a { color: var(--sd-green); text-underline-offset: 3px; }
.sc-pickup-details small { margin-top: 5px; color: var(--sd-muted); }
.sc-checkout-country { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid var(--sd-line); color: var(--sd-muted); font-size: .72rem; }
.sc-checkout-country > span { color: var(--sd-ink); font-size: .82rem; }
.sc-checkout-summary-head { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; }
.sc-checkout-summary-head h2 { font-size: 2rem; }
.sc-checkout-summary-head > span { color: var(--sd-muted); font-size: .72rem; white-space: nowrap; }
.sc-checkout-summary .sc-summary-row { align-items: flex-start; gap: 18px; line-height: 1.6; }
.sc-checkout-summary .sc-summary-row > :last-child { max-width: 58%; text-align: right; }
.sc-value-pending { color: var(--sd-muted); font-size: .76rem; }
.sc-checkout-review-block { padding: 24px 0; border-top: 1px solid var(--sd-line); }
.sc-checkout-review-block > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 13px; }
.sc-checkout-review-block h3 { margin: 0; font-size: 1.55rem; }
.sc-checkout-review-block p { display: grid; gap: 7px; margin: 0; color: var(--sd-muted); font-size: .83rem; line-height: 1.7; overflow-wrap: anywhere; }
.sc-checkout-errors { margin-bottom: 26px; padding: 19px 20px; border-left: 2px solid #a66a53; background: #f6eae3; color: #8c5140; font-size: .8rem; line-height: 1.65; }
.sc-checkout-errors strong { font-weight: 500; }
.sc-checkout-errors ul { margin: 10px 0 0; padding-left: 18px; }
.sc-checkout-errors li + li { margin-top: 5px; }
.sc-checkout-payment { margin-top: 29px; padding-top: 29px; border-top: 1px solid var(--sd-line); }
.sc-checkout-offer { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 18px; color: var(--sd-ink); font-size: .87rem; line-height: 1.55; cursor: pointer; }
.sc-checkout-offer input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 3px; accent-color: var(--sd-green); }
.sc-checkout-offer a { color: inherit; text-underline-offset: 3px; }
.sc-checkout-payment .sd-button { width: 100%; justify-content: center; }
.sc-checkout-payment p { margin: 16px 0 0; color: var(--sd-muted); font-size: .78rem; line-height: 1.65; }
.sc-checkout-access { max-width: 650px; }
.sc-checkout-refresh { min-height: 35px; margin-top: 15px; text-align: left; }
.sc-field.is-invalid input, .sc-field.is-invalid textarea { border-color: #a66a53; }
.sc-field .sc-field-error { color: #8c5140; }

@media (max-width: 1050px) {
  .sc-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 33px; }
  .sc-cart-line { grid-template-columns: 80px minmax(0, 1fr) auto; gap: 18px; }
  .sc-cart-image { width: 80px; height: 115px; }
  .sc-inventory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .sc-page { padding-top: 40px; padding-bottom: 80px; }
  .sc-head { align-items: flex-start; flex-direction: column; gap: 25px; margin-bottom: 34px; }
  .sc-head h1 { font-size: 3.35rem; margin-block: 14px 18px; }
  .sc-layout, .sc-auth-layout { grid-template-columns: 1fr; gap: 32px; }
  .sc-summary { position: static; }
  .sc-auth-copy { display: none; }
  .sc-benefits { grid-template-columns: 1fr; gap: 28px; }
  .sc-benefit h3 { margin-bottom: 11px; }
  .sc-benefit > span { margin-bottom: 12px; }
  .sc-benefits { margin-bottom: 38px; }
  .sc-account-head-actions { width: 100%; justify-content: space-between; }
  .sc-checkout-steps { gap: 15px; margin-bottom: 27px; }
  .sc-checkout-summary { order: 1; }
}
@media (max-width: 480px) {
  .sc-panel { padding: 24px 19px; }
  .sc-form-grid { grid-template-columns: 1fr; gap: 20px; }
  .sc-field.is-wide { grid-column: auto; }
  .sc-form-actions { gap: 23px; }
  .sc-form-actions .sd-button { width: 100%; justify-content: center; }
  .sc-cart-line { grid-template-columns: 66px minmax(0, 1fr); gap: 17px; padding-block: 24px; }
  .sc-cart-image { width: 66px; height: 100px; }
  .sc-cart-title { font-size: 1.55rem; }
  .sc-cart-controls { grid-column: 2; align-items: center; flex-direction: row; gap: 21px; margin-top: -7px; }
  .sc-quantity input { width: 38px; }
  .sc-order-row { grid-template-columns: 1fr auto; gap: 15px; padding: 19px; }
  .sc-order-row > span:nth-child(2) { grid-row: 2; grid-column: 1 / -1; }
  .sc-order-dialog { padding: 24px 19px; }
  .sc-order-dialog-lines .sc-cart-line { grid-template-columns: 49px minmax(0, 1fr) auto; gap: 10px; }
  .sc-order-dialog-lines .sc-cart-image { width: 49px; height: 70px; }
  .sc-order-dialog-lines .sc-cart-title { font-size: 1.25rem; }
  .sc-order-dialog-lines .sc-cart-controls { grid-column: auto; }
  .sc-tabs { gap: 23px; }
  .sc-inventory { grid-template-columns: 1fr; gap: 25px; }
  .sc-inventory-toolbar { align-items: stretch; flex-direction: column; gap: 18px; }
  .sc-checkout-lines .sc-cart-line { grid-template-columns: 49px minmax(0, 1fr) auto; gap: 10px; }
  .sc-checkout-lines .sc-cart-image { width: 49px; height: 68px; }
  .sc-checkout-lines .sc-cart-controls { grid-column: auto; }
  .sc-checkout-lines .sc-cart-title { font-size: 1.25rem; }
  .sc-toast { right: 18px; bottom: 18px; }
  .sc-checkout-steps { gap: 10px; }
  .sc-checkout-steps button { gap: 8px; padding-bottom: 14px; font-size: .69rem; }
  .sc-checkout-steps button > span { width: 25px; height: 25px; flex-basis: 25px; font-size: .55rem; }
  .sc-delivery-methods { gap: 10px; }
  .sc-delivery-method { gap: 8px; min-height: 112px; padding: 15px 12px; }
  .sc-delivery-method strong { font-size: .74rem; }
  .sc-delivery-method small { font-size: .64rem; }
  .sc-checkout-navigation { align-items: stretch; gap: 16px; }
  .sc-checkout-navigation .sd-button { width: 100%; justify-content: center; }
  .sc-checkout-summary .sc-summary-row { gap: 20px; }
  .sc-checkout-review-block > div { gap: 15px; }
}
@media (prefers-reduced-motion: reduce) { .sc-toast { transition-duration: .01ms !important; } }