.sf-gallery{min-width:0}.sf-gallery [data-gallery-main] img{display:block;max-height:36rem;width:100%;object-fit:contain;aspect-ratio:1/1}.sf-gallery-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x proximity}.sf-gallery-thumbnails button{flex:0 0 4.5rem;border:2px solid transparent;padding:.2rem;background:transparent;border-radius:.5rem;scroll-snap-align:start}.sf-gallery-thumbnails button[aria-pressed=true]{border-color:currentColor}.sf-gallery-thumbnails img{width:100%;height:4rem;object-fit:cover;border-radius:.25rem}.sf-gallery button:focus-visible,.sf-quick-view button:focus-visible{outline:3px solid currentColor;outline-offset:2px}.sf-quick-view{position:relative;width:min(42rem,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.sf-quick-view>h3{padding-right:3rem}.sf-quick-close{position:absolute;top:.8rem;right:.8rem;min-width:44px;min-height:44px}.sf-quick-view .sf-product-card>h3{display:none}.sf-quick-view .sf-product-card{border:0;padding-inline:0}.sf-cart-meta label{display:grid;gap:.25rem}.sf-cart-meta input{max-width:7rem}@media(max-width:600px){.sf-gallery [data-gallery-main] img{max-height:20rem}.sf-quick-view{max-height:calc(100dvh - 1rem)}.sf-cart-row{flex-wrap:wrap}}
.sf-overlay [hidden],.sf-cart-drawer [hidden],.sf-shell[hidden]{display:none!important}
.sf-store-picker{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:8px 16px;border-bottom:1px solid var(--sf-border,#ddd)}
.sf-store-picker label{display:flex;align-items:center;gap:8px}.sf-store-picker select{width:auto;max-width:70vw;min-height:44px}
.sf-payment-qr{display:block;max-width:min(200px,100%);height:auto;margin-top:12px;background:#fff}
 .sf-checkout-address{display:grid;gap:12px;border:0;padding:0;margin:0;min-width:0}
 .sf-checkout-address[hidden]{display:none!important}
 .sf-checkout-address legend{padding:0;margin-bottom:8px}
.sf-product-card:has(.sf-product-link){cursor:pointer}
.sf-product-media{position:relative;display:block;overflow:hidden;border-radius:20px;line-height:0}
.sf-product-media>.sf-media-card{display:block}
.sf-product-media>.sf-product-media-hover{position:absolute;inset:0;width:100%;height:100%!important;max-height:none;opacity:0;pointer-events:none;transition:opacity .24s ease}
@media(hover:hover) and (pointer:fine){.sf-product-card:not(.sf-variant-image-selected):hover .sf-product-media-hover{opacity:1}}
.sf-product-card:not(.sf-variant-image-selected):has(:focus-visible) .sf-product-media-hover{opacity:1}
@media(prefers-reduced-motion:reduce){.sf-product-media>.sf-product-media-hover{transition:none}}
.sf-product-card .sf-product-link{color:inherit;text-decoration:none}
.sf-product-card .sf-product-link:hover{text-decoration:underline;text-underline-offset:.15em}
.sf-product-card .sf-product-link:focus-visible{outline:3px solid var(--ss-focus,#225ed2);outline-offset:4px;border-radius:2px}
.sf-product-card:not([data-cart-mode]) .sf-product-actions{grid-template-columns:90px 1fr}
/* Checkout owns its spacing, but inherits the storefront's brand tokens. */
#sfMainContent:has(> .sf-checkout){container:sf-checkout-page / inline-size;}
#sfMainContent > .sf-checkout-heading{padding:0;border:0;background:transparent;margin-bottom:16px;}
#sfMainContent > .sf-checkout-heading .sf-section-title{font-size:clamp(28px,3vw,36px);margin:0;}
#sfMainContent > .sf-checkout-summary{padding:14px 16px;margin-bottom:16px;}
#sfMainContent > .sf-checkout-summary .sf-section-title{margin:0 0 8px;}
#sfMainContent .sf-checkout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;}
#sfMainContent .sf-checkout > *{grid-column:1/-1;min-width:0;margin:0;}
#sfMainContent .sf-checkout > div:empty,#sfMainContent .sf-checkout p:empty{display:none;}
#sfMainContent .sf-checkout label:not(:has(input[type=checkbox])):not(.sf-checkout-amount){display:grid;gap:6px;min-width:0;}
#sfMainContent .sf-checkout .sf-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;}
#sfMainContent .sf-checkout .sf-input{width:100%;min-width:0;box-sizing:border-box;}
#sfMainContent .sf-checkout .sf-input[aria-invalid="true"]{border:2px solid currentColor;}
#sfMainContent .sf-checkout .sf-checkout-field-error{font-weight:600;overflow-wrap:anywhere;}
#sfMainContent .sf-checkout .sf-checkout-field-error[hidden]{display:none;}
#sfMainContent .sf-checkout input:is([type=checkbox],[type=radio]){width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;padding:0;margin:0;flex:0 0 18px;accent-color:var(--ss-primary,var(--sf-accent));}
#sfMainContent .sf-checkout label:has(input[type=checkbox]){min-height:44px;gap:8px!important;cursor:pointer;line-height:1.4;}
#sfMainContent .sf-checkout .sf-checkout-funding{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px 12px;width:min(100%,560px);max-width:100%;box-sizing:border-box;}
#sfMainContent .sf-checkout-funding > label:first-child{flex:1 1 200px;}
/* Amounts grow with their own enlarged text; wrap the label before squeezing digits. */
#sfMainContent .sf-checkout-funding .sf-checkout-amount{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 1 auto;max-width:100%;}
#sfMainContent .sf-checkout .sf-checkout-amount input{width:calc(7ch + 3em);min-width:min(100%,calc(7ch + 3em));max-width:100%;flex:0 1 auto;}
#sfMainContent .sf-checkout .sf-checkout-promotion{max-width:28rem;}
#sfMainContent .sf-checkout textarea{min-height:88px;resize:vertical;}
#sfMainContent .sf-checkout .sf-checkout-submit{justify-self:start;min-width:160px;max-width:100%;}
#sfMainContent .sf-checkout [data-fulfillment-message]{margin:8px 0 0;}
#sfMainContent .sf-checkout [data-check-fulfillment][aria-disabled=true]{opacity:.65;cursor:wait;}
/* Safari page zoom can evaluate container breakpoints before zoom: require viewport room too. */
@media(min-width:640px){@container sf-checkout-page (min-width:640px){#sfMainContent .sf-checkout{grid-template-columns:repeat(3,minmax(0,1fr));}#sfMainContent .sf-checkout > .sf-checkout-method{grid-column:auto;}}}
@container sf-checkout-page (max-width:420px){#sfMainContent .sf-checkout-funding > label:first-child{flex-basis:100%;}#sfMainContent .sf-checkout .sf-checkout-submit{justify-self:stretch;}}
@media(max-width:420px){#sfMainContent .sf-checkout-funding > label:first-child{flex-basis:100%;}#sfMainContent .sf-checkout .sf-checkout-submit{justify-self:stretch;}}