/* Scoped storefront styles must outrank generic host resets. */ :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shell { inline-size: min(100%,var(--ms-shop-container-max)); margin-inline: auto; padding: clamp(1rem, 3cqi, 2.5rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"])[data-ms-layout="embedded-shop-v1"] .msf-v1-shell-embedded { inline-size: 100%; max-inline-size: none; padding: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"])[data-ms-layout="embedded-shop-v1"] .msf-v1-shell-embedded .msf-v1-main { padding-block: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--ms-shop-space-4); padding-block-end: var(--ms-shop-space-4); border-block-end: 1px solid var(--ms-shop-color-border); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-identity { display: grid; gap: var(--ms-shop-space-1); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-eyebrow { color: var(--ms-shop-color-accent); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-store-name, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-page-title, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail-title, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-section-title, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-subtitle { margin: 0px; color: var(--ms-shop-color-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 750; letter-spacing: -0.035em; line-height: 1.08; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-store-name { font-size: clamp(1.65rem, 4cqi, 3rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-page-title { font-size: clamp(2rem, 5cqi, 4rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-section-title { font-size: clamp(1.35rem, 3cqi, 2rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-subtitle { font-size: 1.1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-navigation { display: flex; align-items: center; justify-content: flex-end; gap: var(--ms-shop-space-2); flex-wrap: wrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-nav-link, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-back-link { display: inline-flex; align-items: center; color: var(--ms-shop-color-text); font-weight: 700; text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-link { border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-control); padding: 0.55rem 0.9rem; background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-count { display: inline-grid; place-items: center; min-inline-size: 1.65rem; min-block-size: 1.65rem; margin-inline-start: 0.4rem; border-radius: 999px; background: var(--ms-shop-color-accent); color: var(--ms-shop-color-accent-contrast); font-size: 0.78rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-main { display: grid; gap: var(--ms-shop-space-5); padding-block: clamp(2rem, 6cqi, 5rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-page-heading { display: grid; gap: var(--ms-shop-space-2); max-inline-size: 48rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-rich-text, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-lead, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-summary { white-space: pre-line; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button { appearance: none; display: inline-flex; align-items: center; justify-content: center; inline-size: max-content; max-inline-size: 100%; border: 1px solid var(--ms-shop-color-accent); border-radius: var(--ms-shop-radius-control); padding: 0.72rem 1.1rem; background: var(--ms-shop-color-accent); color: var(--ms-shop-color-accent-contrast); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 750; line-height: 1.1; text-align: center; text-decoration: none; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button-secondary { border-color: var(--ms-shop-color-border); background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button:disabled { cursor: not-allowed; opacity: 0.48; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-field { display: grid; gap: var(--ms-shop-space-1); min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-field-label { color: var(--ms-shop-color-text); font-size: 0.84rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-input, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-select { inline-size: 100%; min-inline-size: 0px; border: 1px solid var(--ms-shop-color-border); border-radius: 14px; padding: 0.72rem 0.85rem; background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-empty, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-empty-state { border: 1px dashed var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: var(--ms-shop-space-5); background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-empty-state { display: grid; justify-items: start; gap: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .ms-shop-unavailable { margin: 1rem; padding: 1rem; border: 1px solid var(--ms-shop-color-border); border-radius: 14px; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-visually-hidden { position: absolute !important; inline-size: 1px !important; block-size: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-category-nav { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-catalog-controls { display: grid; grid-template-columns: minmax(0px, 2fr) minmax(11rem, 1fr) minmax(10rem, 0.8fr); gap: var(--ms-shop-space-3); align-items: end; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-catalog-status { margin: calc(var(--ms-shop-space-4) * -1) 0 0; color: var(--ms-shop-color-text-muted); font-size: 0.9rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: var(--ms-shop-space-4); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-card { display: grid; grid-template-rows: auto 1fr; min-inline-size: 0px; overflow: hidden; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); background: var(--ms-shop-color-surface); box-shadow: rgba(31, 30, 25, 0.06) 0px 18px 48px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-media { display: block; overflow: hidden; aspect-ratio: var(--ms-shop-product-ratio); background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text-muted); text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; background: var(--ms-shop-color-surface-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-image-placeholder { display: grid; place-items: center; inline-size: 100%; block-size: 100%; min-block-size: 14rem; color: var(--ms-shop-color-text-muted); font-weight: 700; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-card-body { display: grid; align-content: start; gap: var(--ms-shop-space-3); padding: var(--ms-shop-space-4); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-meta { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; color: var(--ms-shop-color-text-muted); font-size: 0.76rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-meta > * + ::before { content: "·"; margin-inline-end: 0.45rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-title-link { color: inherit; text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-title { margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.12rem; font-weight: 750; line-height: 1.25; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-summary { margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.94rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badges { display: flex; gap: var(--ms-shop-space-1); flex-wrap: wrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badge { display: inline-flex; align-items: center; min-block-size: 1.6rem; border-radius: 4px; padding: 0.22rem 0.56rem; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text); font-size: 0.72rem; font-weight: 800; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badge-sale { background: rgb(255, 240, 219); color: rgb(139, 75, 0); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badge-digital { background: rgb(231, 242, 255); color: rgb(18, 74, 118); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badge-preorder, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-badge-low-stock { background: rgb(255, 244, 214); color: rgb(118, 81, 10); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-price { display: flex; align-items: baseline; gap: var(--ms-shop-space-2); flex-wrap: wrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-price-current { font-size: 1.08rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-price-regular { color: var(--ms-shop-color-text-muted); font-size: 0.88rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-actions { display: flex; align-items: center; gap: var(--ms-shop-space-2); margin-block-start: auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail { display: grid; grid-template: "gallery breadcrumb" "gallery side" 1fr / minmax(0px, 1.05fr) minmax(18rem, 0.95fr); column-gap: clamp(2rem, 6cqi, 5rem); row-gap: var(--ms-shop-space-2); align-items: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb { grid-area: breadcrumb; min-inline-size: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.82rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-list { display: flex; align-items: center; gap: 0.4rem; overflow: hidden; min-inline-size: 0px; margin: 0px; padding: 0px; list-style: none; flex-wrap: nowrap; white-space: nowrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-item { display: flex; align-items: center; gap: 0.4rem; overflow: hidden; min-inline-size: 0px; flex: 0 1 auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-item:first-child, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-item:nth-child(2) { flex: 0 0 auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-item:nth-child(3):not(.msf-v1-breadcrumb-current) { max-inline-size: min(30%, 10rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-item + .msf-v1-breadcrumb-item::before { content: "/"; color: var(--ms-shop-color-border); flex: 0 0 auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-link, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-label { display: block; overflow: hidden; min-inline-size: 0px; text-overflow: ellipsis; white-space: nowrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-link { min-block-size: 0px; color: var(--ms-shop-color-text-muted); text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-current { max-inline-size: none; color: var(--ms-shop-color-text); font-weight: 750; flex: 1 1 7rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery { grid-area: gallery; display: grid; gap: var(--ms-shop-space-2); min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-stage { position: relative; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-main { inline-size: 100%; aspect-ratio: var(--ms-shop-gallery-ratio); border-radius: var(--ms-shop-radius-card); object-fit: cover; overflow: hidden; background: var(--ms-shop-color-surface-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-arrow { appearance: none; position: absolute; inset-block-start: 50%; display: grid; place-items: center; inline-size: 2.75rem; min-inline-size: 2.75rem; block-size: 2.75rem; min-block-size: 2.75rem; border: 0px; border-radius: 999px; padding: 0px; background: rgba(255, 255, 255, 0.94); color: var(--ms-shop-color-text); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.8rem; line-height: 1; box-shadow: rgba(31, 30, 25, 0.16) 0px 4px 16px; cursor: pointer; transform: translateY(-50%); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-previous { inset-inline-start: 0.75rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-next { inset-inline-end: 0.75rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-gallery-count { position: absolute; inset-inline-end: 0.75rem; inset-block-end: 0.75rem; border-radius: 999px; padding: 0.28rem 0.58rem; background: rgba(23, 23, 20, 0.78); color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-thumbnails { display: flex; gap: var(--ms-shop-space-2); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; padding-block-end: 0.25rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-thumbnail { appearance: none; overflow: hidden; flex: 0 0 5.5rem; aspect-ratio: 4 / 3; min-block-size: 3rem; border: 2px solid transparent; border-radius: 12px; padding: 0px; background: var(--ms-shop-color-surface-muted); cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-thumbnail[aria-pressed="true"] { border-color: var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail-side { grid-area: side; display: grid; gap: var(--ms-shop-space-4); min-inline-size: 0px; align-content: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail-summary { display: grid; gap: var(--ms-shop-space-4); position: sticky; inset-block-start: 1.5rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail-title { font-size: clamp(2rem, 5cqi, 4.25rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-lead { margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 1.05rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-sku { margin: calc(var(--ms-shop-space-2) * -1) 0 0; color: var(--ms-shop-color-text-muted); font-size: 0.82rem; letter-spacing: 0.02em; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status { display: flex; align-items: center; gap: 0.45rem; margin: 0px; border-radius: 12px; padding: 0.7rem 0.85rem; font-size: 0.88rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status::before { content: ""; inline-size: 0.55rem; block-size: 0.55rem; border-radius: 999px; background: currentcolor; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status-in { background: rgb(232, 245, 239); color: rgb(23, 107, 91); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status-out { background: rgb(251, 236, 234); color: var(--ms-shop-color-danger); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status-preorder, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status-low { background: rgb(255, 244, 214); color: rgb(118, 81, 10); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-stock-status-digital { background: rgb(231, 242, 255); color: rgb(18, 74, 118); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-picker { display: grid; gap: var(--ms-shop-space-2); min-inline-size: 0px; margin: 0px; border: 0px; padding: 0px; } /* A legacy adapter keeps these native buttons as its variant/stock backing state. Hide them only while its replacement controls exist, with specificity above shell layout rules. */ :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-picker.fk-native-variant:has(+ .fk-variant-columns select) { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-picker legend { padding: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-choices { display: flex; align-items: center; gap: var(--ms-shop-space-2); flex-wrap: wrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-choice { appearance: none; display: inline-grid; place-items: center; min-inline-size: 3rem; min-block-size: 2.75rem; border: 1px solid var(--ms-shop-color-border); border-radius: 12px; padding: 0.55rem 0.8rem; background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 750; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-choice[aria-pressed="true"] { border-color: var(--ms-shop-color-accent); background: var(--ms-shop-color-accent); color: var(--ms-shop-color-accent-contrast); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-variant-choice.is-unavailable { opacity: 0.52; text-decoration: line-through; cursor: not-allowed; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-quantity { display: grid; gap: var(--ms-shop-space-1); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-quantity-controls { display: grid; grid-template-columns: 2.75rem 4rem 2.75rem; inline-size: max-content; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-control); background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-quantity-button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button { appearance: none; border: 0px; background: transparent; color: var(--ms-shop-color-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-quantity-input { inline-size: 4rem; border: 0px; border-inline: 1px solid var(--ms-shop-color-border); background: transparent; color: var(--ms-shop-color-text); text-align: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-action-status { min-block-size: 1.5rem; margin: 0px; color: var(--ms-shop-color-accent); font-weight: 700; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-notice { border: 1px solid var(--ms-shop-color-border); border-radius: 16px; padding: var(--ms-shop-space-3); background: var(--ms-shop-color-surface-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-notice-summary { display: flex; align-items: center; gap: var(--ms-shop-space-2); cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-notice-body { margin: var(--ms-shop-space-3) 0 0; white-space: pre-line; color: var(--ms-shop-color-text-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information { display: grid; gap: var(--ms-shop-space-3); inline-size: 100%; max-inline-size: none; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: var(--ms-shop-space-3); background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information p { margin: 0px; color: var(--ms-shop-color-text-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-panel { border-block-end: 1px solid var(--ms-shop-color-border); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 0px; color: var(--ms-shop-color-text); font-weight: 750; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-summary::-webkit-details-marker { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-summary::marker { content: ""; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-summary::after { content: ""; inline-size: 0.55rem; block-size: 0.55rem; margin-inline-end: 0.2rem; border-inline-end: 2px solid currentcolor; border-block-end: 2px solid currentcolor; flex: 0 0 auto; transform: rotate(45deg); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-panel[open] > .msf-v1-product-information-summary::after { transform: rotate(225deg); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-summary:focus-visible { outline: 2px solid var(--ms-shop-color-accent); outline-offset: 4px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-information-panel > p { padding-block-end: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-card-rating, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-rating-summary, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-overview, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-heading, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-identity { display: flex; align-items: center; gap: 0.5rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-rating { display: inline-flex; align-items: center; line-height: 1; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-stars { color: rgb(179, 107, 0); font-size: 0.92rem; letter-spacing: 0.08em; white-space: nowrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-count, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-date { color: var(--ms-shop-color-text-muted); font-size: 0.82rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-rating-summary { flex-wrap: wrap; margin-block-start: calc(var(--ms-shop-space-2) * -1); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-card-rating { gap: 0.35rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-reviews { display: grid; gap: var(--ms-shop-space-3); max-inline-size: 52rem; padding-block-start: var(--ms-shop-space-4); border-block-start: 1px solid var(--ms-shop-color-border); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-overview { flex-wrap: wrap; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: var(--ms-shop-space-3); background: var(--ms-shop-color-surface-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-list { display: grid; gap: var(--ms-shop-space-2); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review { display: grid; gap: 0.65rem; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: var(--ms-shop-space-3); background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-heading { justify-content: space-between; align-items: flex-start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-identity { flex-wrap: wrap; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-verified { color: var(--ms-shop-color-text-muted); font-size: 0.76rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-title { margin: 0px; color: var(--ms-shop-color-text); font-size: 1rem; line-height: 1.35; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-body { margin: 0px; color: var(--ms-shop-color-text-muted); line-height: 1.65; white-space: pre-line; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-review-more-note { margin: 0px; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-control); padding: 0.8rem 1rem; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text-muted); font-size: 0.86rem; text-align: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-related-products { display: grid; gap: var(--ms-shop-space-4); padding-block-start: var(--ms-shop-space-5); border-block-start: 1px solid var(--ms-shop-color-border); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-layout { display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(20rem, 0.72fr); grid-template-areas: "checkout cart"; gap: clamp(1.25rem, 4cqi, 3rem); align-items: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-main { grid-area: checkout; display: grid; gap: 0.875rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-section { display: grid; gap: 0px; min-inline-size: 0px; overflow: hidden; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: 0px; background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-header { appearance: none; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 0.75rem; align-items: center; inline-size: 100%; min-block-size: 4.5rem; border: 0px; padding: 1.1rem 1.25rem; background: transparent; color: var(--ms-shop-color-text); font: inherit; text-align: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) button.msf-v1-checkout-step-header { cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-copy { display: grid; gap: 0.3rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-title { font-size: 1.1rem; font-weight: 800; line-height: 1.25; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-description { overflow-wrap: anywhere; color: var(--ms-shop-color-text-muted); font-size: 0.88rem; line-height: 1.45; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-action { align-self: center; color: var(--ms-shop-color-accent); font-size: 0.84rem; font-weight: 750; text-decoration: underline; text-underline-offset: 0.18em; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step[data-step-state="locked"] .msf-v1-checkout-step-header { background: var(--ms-shop-color-surface-muted); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step[data-step-state="complete"] .msf-v1-checkout-step-title::before { content: "✓"; display: inline-block; margin-inline-end: 0.55rem; color: var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-content { display: grid; gap: var(--ms-shop-space-3); border-block-start: 1px solid var(--ms-shop-color-border); padding: 1.25rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-payment-content { align-items: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-checkout-code { inline-size: min(100%, 22rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-lines { display: grid; gap: 0px; min-inline-size: 0px; border-block-end: 1px solid var(--ms-shop-color-border); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-row { display: grid; grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "product price" "controls controls"; gap: 0.7rem 1rem; align-items: center; border-block-end: 1px solid var(--ms-shop-color-border); padding-block: 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-row:last-child { border-block-end: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product { grid-area: product; display: grid; grid-template-columns: 3.5rem minmax(0px, 1fr); gap: 0.75rem; align-items: center; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-media { display: block; overflow: hidden; aspect-ratio: 3 / 4; border-radius: 10px; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text-muted); text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-media .msf-v1-image { inline-size: 100%; block-size: 100%; object-fit: contain; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-media .msf-v1-image-placeholder { min-block-size: 0px; font-size: 0.7rem; text-align: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-copy { display: grid; gap: 0.2rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-title { overflow-wrap: anywhere; color: var(--ms-shop-color-text); font-weight: 700; text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-variant { color: var(--ms-shop-color-text-muted); font-size: 0.86rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-option { color: var(--ms-shop-color-text-muted); font-size: 0.82rem; text-transform: capitalize; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls { grid-area: controls; display: flex; align-items: center; gap: 0.15rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls .msf-v1-quantity-button { inline-size: 2.25rem; min-inline-size: 2.25rem; min-block-size: 2.25rem; border: 1px solid var(--ms-shop-color-border); border-radius: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-quantity { min-inline-size: 2rem; text-align: center; font-size: 0.88rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button { min-block-size: 2.25rem; margin-inline-start: 0.35rem; padding-inline: 0.5rem; color: var(--ms-shop-color-text-muted); font-size: 0.8rem; text-decoration: underline; text-underline-offset: 0.18em; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-line-price { grid-area: price; align-self: start; white-space: nowrap; font-size: 0.92rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-summary { grid-area: cart; display: grid; gap: var(--ms-shop-space-3); position: sticky; inset-block-start: 1.5rem; border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-card); padding: var(--ms-shop-space-4); background: var(--ms-shop-color-surface); box-shadow: rgba(31, 30, 25, 0.06) 0px 18px 48px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-summary > .msf-v1-section-title { font-size: 1.25rem; letter-spacing: -0.02em; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-row { display: flex; align-items: center; justify-content: space-between; gap: var(--ms-shop-space-3); padding-block: var(--ms-shop-space-2); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-note, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-message { margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.88rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-button { inline-size: min(100%, 24rem); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) { --ms-shop-color-surface: #fff; --ms-shop-color-surface-muted: #f6f5f1; --ms-shop-color-text: #171714; --ms-shop-color-text-muted: #6d6a62; --ms-shop-color-accent: #176b5b; --ms-shop-color-accent-contrast: #fff; --ms-shop-color-border: #dedbd2; --ms-shop-color-danger: #a2352b; --ms-shop-color-focus: #1d6ee8; --ms-shop-font-family: inherit; --ms-shop-radius-control: 999px; --ms-shop-radius-card: 22px; --ms-shop-product-ratio: 4 / 3; --ms-shop-gallery-ratio: 4 / 3; --ms-shop-space-1: .375rem; --ms-shop-space-2: .625rem; --ms-shop-space-3: 1rem; --ms-shop-space-4: 1.5rem; --ms-shop-space-5: 2.25rem; --ms-shop-container-max: 1240px; box-sizing: border-box; display: block; container-type: inline-size; min-inline-size: 0px; color: var(--ms-shop-color-text); font-family: var(--ms-shop-font-family); font-size: 1rem; line-height: 1.5; text-align: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"])[hidden], :is([data-ms-shop-root], [data-ms-shop-external="products"]) [hidden] { display: none !important; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) *, :is([data-ms-shop-root], [data-ms-shop-external="products"]) ::before, :is([data-ms-shop-root], [data-ms-shop-external="products"]) ::after { box-sizing: border-box; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) input, :is([data-ms-shop-root], [data-ms-shop-external="products"]) select { font: inherit; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) a, :is([data-ms-shop-root], [data-ms-shop-external="products"]) input, :is([data-ms-shop-root], [data-ms-shop-external="products"]) select { min-block-size: 2.75rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-breadcrumb-link { min-block-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) img { max-inline-size: 100%; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) :focus-visible { outline: 3px solid var(--ms-shop-color-focus); outline-offset: 3px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button { appearance: none; display: inline-flex; align-items: center; justify-content: center; inline-size: max-content; max-inline-size: 100%; min-block-size: 2.75rem; border: 1px solid var(--ms-shop-color-accent); border-radius: var(--ms-shop-radius-control); padding: 0.72rem 1.1rem; background: var(--ms-shop-color-accent); color: var(--ms-shop-color-accent-contrast); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 750; line-height: 1.1; text-align: center; text-decoration: none; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button-secondary { border-color: var(--ms-shop-color-border); background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-button:disabled { cursor: not-allowed; opacity: 0.48; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-input, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-select { appearance: auto; display: block; inline-size: 100%; min-inline-size: 0px; min-block-size: 2.75rem; border: 1px solid var(--ms-shop-color-border); border-radius: 14px; padding: 0.72rem 0.85rem; background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); font: inherit; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-quantity-button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-thumbnail { appearance: none; min-block-size: 2.75rem; font: inherit; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-nav-link, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-back-link, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-title-link, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-title { color: var(--ms-shop-color-text); font-family: inherit; text-decoration: none; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-image { display: block; max-inline-size: 100%; object-fit: cover; } [data-ms-shop-external="cart"] { display: grid; gap: 0.75rem; } [data-ms-shop-external="cart"] .msf-v1-external-cart-row { display: grid; grid-template-columns: 3.25rem minmax(0px, 1fr) auto; grid-template-rows: auto auto; gap: 0.45rem 0.75rem; align-items: start; padding-block: 0.75rem; border-block-end: 1px solid rgba(127, 127, 127, 0.25); } [data-ms-shop-external="cart"] .msf-v1-external-cart-row:last-child { border-block-end: 0; } [data-ms-shop-external="cart"] .msf-v1-external-cart-media { display: grid; grid-row: 1 / 3; overflow: hidden; inline-size: 3.25rem; aspect-ratio: 3 / 4; border-radius: 0.4rem; background: rgba(127, 127, 127, 0.12); color: inherit; text-decoration: none; } [data-ms-shop-external="cart"] .msf-v1-external-cart-media .msf-v1-image { display: block; inline-size: 100%; block-size: 100%; max-inline-size: 100%; object-fit: cover; } [data-ms-shop-external="cart"] .msf-v1-external-cart-media .msf-v1-image-placeholder { display: grid; place-items: center; padding: 0.25rem; font-size: 0.65rem; line-height: 1.1; text-align: center; } [data-ms-shop-external="cart"] .msf-v1-external-cart-copy { display: grid; gap: 0.15rem; min-inline-size: 0px; } [data-ms-shop-external="cart"] .msf-v1-external-cart-title { color: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; text-decoration: none; } [data-ms-shop-external="cart"] .msf-v1-external-cart-meta, [data-ms-shop-external="cart"] .msf-v1-external-empty { margin: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.86rem; opacity: 0.72; } [data-ms-shop-external="cart"] .msf-v1-external-cart-controls { display: grid; grid-column: 2; grid-template-columns: 2rem 2rem 2rem auto; align-items: center; inline-size: max-content; max-inline-size: 100%; } [data-ms-shop-external="cart"] .msf-v1-external-cart-button, [data-ms-shop-external="cart"] .msf-v1-external-cart-remove { appearance: none; display: inline-grid; place-items: center; min-inline-size: 2rem; min-block-size: 2rem; border: 1px solid rgba(127, 127, 127, 0.35); padding: 0px; background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 1; cursor: pointer; } [data-ms-shop-external="cart"] .msf-v1-external-cart-button:first-child { border-radius: 999px 0px 0px 999px; } [data-ms-shop-external="cart"] .msf-v1-external-cart-button:nth-child(3) { border-radius: 0px 999px 999px 0px; } [data-ms-shop-external="cart"] .msf-v1-external-cart-quantity { display: grid; place-items: center; min-block-size: 2rem; border-block: 1px solid rgba(127, 127, 127, 0.35); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.86rem; font-weight: 700; } [data-ms-shop-external="cart"] .msf-v1-external-cart-remove { inline-size: auto; margin-inline-start: 0.5rem; border: 0px; padding-inline: 0.35rem; font-size: 0.78rem; text-decoration: underline; text-underline-offset: 0.18em; } [data-ms-shop-external="cart"] .msf-v1-external-cart-price { grid-area: 1 / 3; white-space: nowrap; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; } [data-ms-shop-external="cart"] :focus-visible { outline: rgb(29, 110, 232) solid 3px; outline-offset: 2px; } [data-ms-shop-external="total"] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } [data-ms-shop-external="total"] .msf-v1-external-total-value { white-space: nowrap; } @container (max-width: 46rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-header { align-items: flex-start; flex-direction: column; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-navigation { justify-content: flex-start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-catalog-controls, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-layout { grid-template-columns: 1fr; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-layout { grid-template-areas: "cart" "checkout"; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail { grid-template-areas: "breadcrumb" "gallery" "side"; grid-template-rows: auto; row-gap: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail-summary, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-summary { position: static; } } :is([data-ms-shop-root], [data-ms-shop-external="products"])[data-ms-shell-contract][data-ms-variant-kind][data-ms-layout][data-ms-route="checkout"] .msf-v1-checkout-main { grid-template-columns: minmax(0px, 1fr); min-inline-size: 0px; inline-size: 100%; } @container (max-width: 52rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "cart" "checkout"; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-summary { position: static; } } :is([data-ms-shop-root], [data-ms-shop-external="products"])[data-ms-shell-contract][data-ms-variant-kind][data-ms-layout][data-ms-route="checkout"] .msf-v1-checkout-payment { grid-area: auto; min-inline-size: 0px; inline-size: 100%; } @container (max-width: 28rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shell { padding: 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-grid { grid-template-columns: 1fr; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-header { grid-template-columns: 1fr; padding: 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-action { justify-self: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-checkout-step-content { padding: 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls { flex-wrap: wrap; } } @media (prefers-reduced-motion: reduce) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) *, :is([data-ms-shop-root], [data-ms-shop-external="products"]) ::before, :is([data-ms-shop-root], [data-ms-shop-external="products"]) ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-notice-products { margin: var(--ms-shop-space-2) 0 0; color: var(--ms-shop-color-text); font-size: 0.84rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping { display: grid; gap: var(--ms-shop-space-3); min-inline-size: 0px; margin: 0px; border: 0px; padding: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping legend { padding: 0 0 var(--ms-shop-space-1); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping legend:empty { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-methods { display: grid; gap: var(--ms-shop-space-2); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-method { border-block-end: 1px solid var(--ms-shop-color-border); padding-block: 0 var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping[data-lookup-state="waiting"] > .msf-v1-shipping-method { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-option { display: flex; align-items: flex-start; gap: var(--ms-shop-space-2); border: 1px solid var(--ms-shop-color-border); border-radius: 14px; padding: 0.8rem; background: var(--ms-shop-color-surface); cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-option:has(input:checked) { border-color: var(--ms-shop-color-accent); box-shadow: 0 0 0 1px var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-option input[type="radio"] { flex: 0 0 auto; inline-size: 1.2rem; min-inline-size: 1.2rem; block-size: 1.2rem; min-block-size: 1.2rem; margin: 0.12rem 0px 0px; accent-color: var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-copy { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: .15rem var(--ms-shop-space-2); inline-size: 100%; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-name { display: flex; align-items: center; gap: 0.65rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-provider-logo { display: block; inline-size: auto; block-size: 1.05rem; max-inline-size: 6rem; object-fit: contain; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-copy small { grid-column: 1 / -1; color: var(--ms-shop-color-text-muted); line-height: 1.45; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-search { display: grid; grid-template-columns: minmax(10rem, 24rem); gap: var(--ms-shop-space-2); max-inline-size: 24rem; padding: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-service-point-search { max-inline-size: 28rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-service-point-toggle { justify-self: start; border: 0px; padding: 0.25rem 0px; background: transparent; color: var(--ms-shop-color-accent); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.88rem; font-weight: 750; text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-service-point-toggle[hidden] { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-service-point-toggle:focus-visible { outline: 3px solid color-mix(in srgb,var(--ms-shop-color-focus) 28%,transparent); outline-offset: 3px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-address { grid-column: 1 / -1; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-search-button { justify-self: start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-loading { display: flex; align-items: center; gap: 0.55rem; margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.88rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-spinner { display: inline-block; inline-size: 1rem; block-size: 1rem; border: 2px solid var(--ms-shop-color-border); border-block-start-color: var(--ms-shop-color-accent); border-radius: 50%; animation: 0.7s linear 0s infinite normal none running msf-v1-spin; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-points { display: grid; gap: var(--ms-shop-space-2); min-inline-size: 0px; margin: 0.25rem 0px 0px; border: 0px; padding: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point { display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: var(--ms-shop-space-2); align-items: start; border: 1px solid var(--ms-shop-color-border); border-radius: 14px; padding: 0.6rem 0.75rem; background: var(--ms-shop-color-surface); cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point:has(input:checked) { border-color: var(--ms-shop-color-accent); background: var(--ms-shop-color-surface-muted); box-shadow: 0 0 0 1px var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point input[type="radio"] { inline-size: 1.15rem; block-size: 1.15rem; margin: 0.18rem 0px 0px; accent-color: var(--ms-shop-color-accent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point-copy { display: grid; gap: 0.1rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point-copy span, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-point-copy small { color: var(--ms-shop-color-text-muted); font-size: 0.84rem; line-height: 1.4; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-delivery { display: grid; gap: 0.15rem; margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.82rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-delivery strong { overflow-wrap: anywhere; color: var(--ms-shop-color-text); font-size: 0.88rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-panel { display: grid; grid-template-columns: 1fr; gap: var(--ms-shop-space-2); border-block-start: 1px solid var(--ms-shop-color-border); padding-block-start: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-title { grid-column: 1 / -1; margin: 0px; font-size: 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-message { align-self: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-line, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-total { display: flex; align-items: center; justify-content: space-between; gap: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-summary-total { border-block-start: 1px solid var(--ms-shop-color-border); padding-block-start: var(--ms-shop-space-3); font-size: 1.08rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-feedback { min-block-size: 1.35rem; margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.88rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-feedback-info { border: 1px solid var(--ms-shop-color-border); border-radius: var(--ms-shop-radius-control); padding: 0.75rem 0.9rem; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-text); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-feedback-error { color: var(--ms-shop-color-danger); font-weight: 700; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-custom-fields { display: grid; gap: var(--ms-shop-space-3); inline-size: min(100%, 32rem); padding-block: 0.25rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-custom-field[hidden] { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-textarea { min-block-size: 7rem; resize: vertical; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-field-help { color: var(--ms-shop-color-text-muted); font-size: 0.8rem; line-height: 1.45; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-input[aria-invalid="true"], :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-select[aria-invalid="true"] { border-color: var(--ms-shop-color-danger); box-shadow: 0 0 0 2px color-mix(in srgb,var(--ms-shop-color-danger) 18%,transparent); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount { border-block-start: 1px solid var(--ms-shop-color-border); padding-block-start: var(--ms-shop-space-3); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-summary { display: inline-flex; align-items: center; gap: 0.65rem; list-style: none; cursor: pointer; color: var(--ms-shop-color-text); font-size: 0.88rem; font-weight: 750; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-summary::-webkit-details-marker { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-summary::marker { content: ""; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-summary::after { content: ""; inline-size: 0.5em; block-size: 0.5em; flex: 0 0 auto; margin-inline: 0.15rem; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: translateY(-0.12em) rotate(45deg); transition: transform 160ms ease; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount[open] > .msf-v1-discount-summary::after { transform: translateY(0.12em) rotate(225deg); } @media (prefers-reduced-motion: reduce) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-summary::after { transition: none; } } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-form { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: var(--ms-shop-space-2); align-items: end; padding-block-start: var(--ms-shop-space-2); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-form .msf-v1-button { min-block-size: 2.8rem; } @keyframes msf-v1-spin { 100% { transform: rotate(360deg); } } @container (max-width: 28rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-search, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-panel { grid-template-columns: 1fr; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-search .msf-v1-field, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-shipping-search .msf-v1-button, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-preview-panel > * { grid-column: 1; } } @container (max-width: 28rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-form { grid-template-columns: 1fr; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-discount-form .msf-v1-button { justify-self: start; } } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-detail { inline-size: 100%; max-inline-size: 76rem; margin-inline: auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-summary { container-type: inline-size; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-row { grid-template-columns: minmax(0px, 1fr) auto minmax(6rem, auto) auto; grid-template-areas: "product controls price remove"; gap: 1rem; align-items: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product { grid-template-columns: 4rem minmax(0px, 1fr); gap: 0.85rem; align-items: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-copy { align-content: center; gap: 0.15rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product-title { padding: 0px; min-block-size: 0px; line-height: 1.3; overflow-wrap: break-word; word-break: normal; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls { gap: 0.3rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls .msf-v1-quantity-button { inline-size: 2.5rem; min-inline-size: 2.5rem; min-block-size: 2.5rem; border-radius: 8px; background: var(--ms-shop-color-surface); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button { grid-area: remove; display: inline-grid; place-items: center; inline-size: 2.5rem; min-inline-size: 2.5rem; block-size: 2.5rem; min-block-size: 2.5rem; margin: 0px; border: 0px; border-radius: 8px; padding: 0px; background: transparent; color: var(--ms-shop-color-text-muted); font-size: 1rem; line-height: 1; text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button:hover { background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-danger); } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-line-price { place-self: center end; font-size: 1rem; font-weight: 750; } @container (max-width: 40rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-row { grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "product remove" "controls price"; gap: 0.75rem 1rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-controls { flex-wrap: nowrap; justify-content: flex-start; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-cart-product { grid-template-columns: 3.5rem minmax(0px, 1fr); gap: 0.75rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-remove-button { place-self: start end; } } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-category, :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-variant-summary { display: inline-flex; align-items: center; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-notice-badge { display: inline-flex; align-items: center; border-radius: 4px; padding: 0.18rem 0.5rem; background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); font-size: 0.72rem; font-weight: 800; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-embedded-checkout { inline-size: 100%; max-inline-size: 46rem; margin-inline: auto; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar { position: fixed; inset-inline: 0px; inset-block-end: 0px; z-index: 80; display: flex; align-items: center; justify-content: center; gap: 1.25rem; padding: 0.7rem 1rem; background: var(--ms-shop-color-surface); border-block-start: 1px solid var(--ms-shop-color-border); box-shadow: rgba(17, 20, 24, 0.1) 0px -10px 34px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar[hidden] { display: none; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-info { display: flex; align-items: center; gap: 0.75rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-info .msf-v1-image { inline-size: 2.9rem; block-size: 3.6rem; object-fit: cover; border-radius: 8px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-copy { display: grid; gap: 0.1rem; min-inline-size: 0px; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-title { font-size: 0.92rem; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-inline-size: 22rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-button { min-inline-size: 16rem; min-block-size: 2.9rem; } @container (max-width: 46rem) { :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-title { max-inline-size: 9rem; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-buy-bar-button { min-inline-size: 0px; flex: 1 1 auto; } } /* Keep the review layout together when an older site skin defines its own grid. */ [data-ms-shop-root] .msf-v1-product-reviews { display:grid; gap:1.5rem !important; inline-size:100%; max-inline-size:none; margin-block-start:1rem !important; padding-block-start:0 !important; border:0 !important; background:transparent; } [data-ms-shop-root] .msf-v1-product-reviews > .msf-v1-section-title { margin:0; font-size:clamp(1.5rem,3cqi,2rem); line-height:1.2; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-overview { display:grid !important; grid-template-columns:minmax(15rem,18.5rem) minmax(0,29rem) !important; align-items:center; gap:2.5rem !important; border:0 !important; border-radius:0; padding:0 !important; background:transparent !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-score { display:flex; align-items:center; gap:1rem; min-inline-size:0; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-score-value { font-size:3rem !important; font-weight:650; line-height:1; letter-spacing:-.04em; color:var(--ms-shop-color-text); font-variant-numeric:tabular-nums; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-score-meta { display:grid; gap:.45rem; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-score-meta .msf-v1-review-stars { font-size:1.1rem !important; letter-spacing:.08em; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-count { font-size:.875rem !important; line-height:1.5; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-stars { color:var(--ms-shop-color-text); } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-distribution { display:grid; gap:.5rem !important; inline-size:100%; max-inline-size:none !important; padding-inline-start:0; border:0 !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-bar { display:grid; grid-template-columns:1.8rem minmax(0,1fr) auto !important; align-items:center; gap:.8rem !important; line-height:1.4; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-bar-label { display:inline-flex; align-items:center; gap:.2rem; color:var(--ms-shop-color-text); font-size:.8125rem !important; font-weight:500; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-bar-track { display:block; block-size:5px !important; border-radius:999px; background:var(--ms-shop-color-border); overflow:hidden; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-bar-fill { display:block; block-size:100%; border-radius:inherit; background:var(--ms-shop-color-text); } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-bar-count { min-inline-size:6.5rem; color:var(--ms-shop-color-text-muted); font-size:.8125rem !important; white-space:nowrap; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-tools { display:flex; align-items:center !important; justify-content:space-between; flex-direction:row !important; flex-wrap:wrap; gap:.75rem 1.5rem; margin:0; border:0 !important; border-radius:0; padding:0 !important; background:transparent; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-filters { display:flex; align-items:center; justify-content:flex-start; gap:.5rem; flex-wrap:wrap; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-filter { appearance:none; display:inline-flex; align-items:center; justify-content:center; min-inline-size:2.75rem; min-block-size:2.75rem; border:1px solid var(--ms-shop-color-border); border-radius:var(--ms-shop-radius-control); padding:.5rem .9rem !important; background:var(--ms-shop-color-surface); color:var(--ms-shop-color-text); font:inherit; font-size:.875rem !important; font-weight:550; cursor:pointer; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-filter:hover { border-color:var(--ms-shop-color-text); } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-filter[aria-pressed="true"] { border-color:var(--ms-shop-color-text); background:var(--ms-shop-color-text); color:var(--ms-shop-color-surface); } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-sort { display:inline-flex; align-items:center; gap:.75rem; margin:0; color:var(--ms-shop-color-text-muted); font-size:.875rem; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-sort .msf-v1-select { min-block-size:2.75rem; inline-size:auto; min-inline-size:10.5rem; max-inline-size:100%; padding:.55rem .75rem !important; font-size:.875rem !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-list { display:grid; gap:0 !important; margin-block-start:-1.5rem; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review { display:grid; grid-template-columns:minmax(8rem,12rem) minmax(0,1fr) !important; grid-template-areas:"identity meta" "identity content" !important; align-items:start; gap:.6rem 2rem !important; margin:0; border:0 !important; border-radius:0; padding:1.5rem 0 !important; background:transparent; box-shadow:none; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-identity { grid-area:identity !important; display:grid !important; align-items:start; align-content:start; align-self:start; gap:.4rem !important; min-inline-size:0; border:0; border-radius:0; padding:0 !important; background:transparent; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-reviewer { color:var(--ms-shop-color-text); font-size:.95rem !important; font-weight:600; line-height:1.4; overflow-wrap:anywhere; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-verified { display:inline-flex; align-items:center; gap:.3rem; inline-size:auto; margin:0; border:0; padding:0; background:transparent; color:var(--ms-shop-color-text-muted); font-size:.8rem !important; font-weight:400; line-height:1.4; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-verified::before { content:"✓"; display:inline-grid; place-items:center; flex:0 0 auto; inline-size:.95rem; block-size:.95rem; border-radius:50%; background:var(--ms-shop-color-text); color:var(--ms-shop-color-surface); font-size:.6rem; font-weight:700; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-meta { grid-area:meta !important; display:flex !important; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:1rem !important; min-inline-size:0; text-align:start; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-meta .msf-v1-review-stars { font-size:1rem !important; letter-spacing:.06em; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-date { color:var(--ms-shop-color-text-muted); font-size:.8125rem !important; line-height:1.5; white-space:nowrap; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-content { grid-area:content !important; display:grid; gap:.4rem; min-inline-size:0; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-title { margin:0; color:var(--ms-shop-color-text); font-size:1rem !important; font-weight:600; line-height:1.4; overflow-wrap:anywhere; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-body { margin:0; max-inline-size:68ch; color:var(--ms-shop-color-text-muted); font-size:.9375rem !important; line-height:1.6 !important; white-space:pre-line; overflow-wrap:anywhere; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-empty { margin:0; padding:1.5rem 0; border:0; background:transparent; color:var(--ms-shop-color-text-muted); font-size:.9375rem; text-align:start; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center !important; grid-template-areas:"note button" "status status"; gap:.75rem 1rem; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more-note { grid-area:note; margin:0; border:0; border-radius:0; padding:0 !important; background:transparent; color:var(--ms-shop-color-text-muted); font-size:.875rem !important; text-align:start; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more-button { grid-area:button; min-block-size:2.75rem; margin:0; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more-status { grid-area:status; margin:0; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more-status:empty { display:none; } [data-ms-shop-root] .msf-v1-product-reviews :is(.msf-v1-review-filter,.msf-v1-select,.msf-v1-review-more-button):focus-visible { outline:2px solid var(--ms-shop-color-accent); outline-offset:3px; } @container (max-width: 700px) { [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-overview { grid-template-columns:minmax(0,1fr) !important; gap:1.5rem !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-distribution { border-inline-start:0; padding-inline-start:0; max-inline-size:29rem !important; } } @container (max-width: 560px) { [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-sort { inline-size:100%; justify-content:space-between; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review { grid-template-columns:minmax(0,1fr) !important; grid-template-areas:"identity" "meta" "content" !important; gap:.75rem !important; padding:1.25rem 0 !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-identity { display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.4rem .75rem !important; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more { grid-template-columns:minmax(0,1fr); grid-template-areas:"note" "button" "status"; justify-items:center; } [data-ms-shop-root] .msf-v1-product-reviews .msf-v1-review-more-button { inline-size:100%; } } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-status { margin: 0px; color: var(--ms-shop-color-text-muted); font-size: 0.86rem; } [data-ms-storefront-merchant] { box-sizing: border-box; font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; } .msf-v1-merchant-pause { margin: 0px 0px 20px; padding: 16px 20px; border: 1px solid rgb(225, 189, 123); border-radius: 12px; background: rgb(255, 246, 229); color: rgb(83, 62, 25); white-space: pre-wrap; } .msf-v1-merchant-message { --ms-merchant-bg: #fff; --ms-merchant-fg: #1c1f22; color: var(--ms-merchant-fg); background: var(--ms-merchant-bg); border: 1px solid color-mix(in srgb, var(--ms-merchant-fg) 18%, transparent); padding: 24px; margin: 0px; z-index: 1000; } .msf-v1-merchant-message[data-corners="round"] { border-radius: 16px; } .msf-v1-merchant-bar { display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; padding: 14px 60px 14px 24px; position: relative; border-radius: 0px !important; } .msf-v1-merchant-bar[data-edge="bottom"] { position: fixed; bottom: 0px; left: 0px; max-height: 40dvh; overflow: auto; } .msf-v1-merchant-bar .msf-v1-merchant-copy { max-width: 850px; } .msf-v1-merchant-corner { position: fixed; bottom: 24px; right: 24px; width: min(360px, -32px + 100vw); max-height: calc(-48px + 100dvh); overflow: auto; box-shadow: rgba(0, 0, 0, 0.133) 0px 12px 44px; } .msf-v1-merchant-corner[data-side="left"] { left: 24px; right: auto; } .msf-v1-merchant-modal { margin: auto; width: min(480px, -32px + 100vw); max-width: calc(-32px + 100vw); max-height: calc(-40px + 100dvh); overflow: auto; padding: 32px; } .msf-v1-merchant-modal::backdrop { background: rgba(16, 21, 24, 0.5); } .msf-v1-merchant-message[data-size="small"] { font-size: 14px; } .msf-v1-merchant-message[data-size="large"] { font-size: 17px; } .msf-v1-merchant-modal[data-size="small"] { width: min(380px, -32px + 100vw); } .msf-v1-merchant-modal[data-size="large"], .msf-v1-merchant-modal[data-shape="wide"] { width: min(680px, -32px + 100vw); } .msf-v1-merchant-title { display: block; font-size: 1.2em; font-weight: 650; line-height: 1.3; padding-right: 22px; } .msf-v1-merchant-text { margin: 8px 0px 0px; white-space: pre-wrap; color: inherit; } .msf-v1-merchant-image { display: block; max-width: 100%; max-height: 230px; width: auto; height: auto; object-fit: contain; margin: 0px 0px 16px; } .msf-v1-merchant-message[data-shape="tall"] .msf-v1-merchant-image { max-height: 340px; } .msf-v1-merchant-bar .msf-v1-merchant-image { width: 72px; max-height: 72px; margin: 0px; } .msf-v1-merchant-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px; margin-top: 16px; border: 1px solid; border-radius: 8px; color: inherit; font-weight: 600; text-decoration: none; flex-shrink: 0; } .msf-v1-merchant-bar .msf-v1-merchant-link { margin-top: 0px; } .msf-v1-merchant-close { position: absolute; top: 4px; right: 4px; width: 44px; min-height: 44px; padding: 0px; display: grid; place-items: center; font: 28px / 1 system-ui, sans-serif; border: 0px; background: transparent; color: inherit; cursor: pointer; } .msf-v1-merchant-link:focus-visible, .msf-v1-merchant-close:focus-visible { outline: currentcolor solid 3px; outline-offset: 3px; } .msf-v1-merchant-checkout { display: grid; gap: 12px; margin-bottom: 16px; } .msf-v1-merchant-checkline { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; } .msf-v1-merchant-checkline input { appearance: auto; width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0px 0px; cursor: pointer; } .msf-v1-merchant-terms { white-space: pre-wrap; max-height: 320px; overflow: auto; padding: 16px; border: 1px solid; border-radius: 8px; } @media (max-width: 600px) { .msf-v1-merchant-bar { flex-wrap: wrap; justify-content: flex-start; padding-left: 16px; gap: 10px; } .msf-v1-merchant-bar .msf-v1-merchant-copy { flex: 1 1 180px; } .msf-v1-merchant-corner { right: 16px; bottom: 16px; } .msf-v1-merchant-corner[data-side="left"] { left: 16px; } .msf-v1-merchant-modal { padding: 24px; } } [data-ms-shop-components] { min-block-size: 0px !important; margin: 0px !important; padding: 0px !important; } /* An embedded feed keeps the host's responsive columns; its pager gets its own row. */ body [data-ms-shop-products][data-ms-shop-product-layout="grid"] { display: grid; } body [data-ms-shop-products][data-ms-shop-product-layout="grid"] > .msf-v1-product-grid { grid-column: 1 / -1; grid-template-columns: inherit; gap: inherit; min-inline-size: 0; } body [data-ms-shop-products][data-ms-shop-product-layout="flow"] { display: block; } body [data-ms-shop-external="products"] > .msf-v1-button { display: flex; grid-column: 1 / -1; justify-self: center; align-self: start; margin: 1.5rem auto 0; min-block-size: 44px; } /* Cards must fit their actual column, including two-column phone feeds. */ body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-card { grid-template-columns: minmax(0,1fr); container: ms-shop-product / inline-size; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) :is(.msf-v1-product-card-body,.msf-v1-product-title-link,.msf-v1-product-actions) { min-inline-size: 0; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-title { overflow-wrap: anywhere; } @container ms-shop-product (max-width: 220px) { body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-card-body { padding: 12px; gap: 10px; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-title { font-size: .875rem; line-height: 1.4; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-summary { font-size: .8rem; line-height: 1.5; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-product-actions > .msf-v1-button { inline-size: 100%; min-inline-size: 0; padding-inline: 8px; font-size: .8rem; } } /* Existing compact feed layouts keep their image, title and purchase action. */ body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-card { box-shadow: none; border-color: var(--line,var(--ms-shop-color-border)); } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-card-body { padding: 12px; gap: 8px; } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-title { font-size: .875rem; font-weight: 600; line-height: 1.4; } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-meta { font-size: .68rem; } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] :is(.msf-v1-product-summary,.msf-v1-card-quantity) { display: none; } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-media img { padding: 10px; object-fit: contain; } body :is(.ms-feed,.ms-quote-products)[data-ms-shop-external="products"] .msf-v1-product-actions > .msf-v1-button { min-block-size: 44px; font-size: .8rem; font-weight: 600; border-radius: 6px; background: var(--ink,var(--ms-shop-color-text)); border-color: var(--ink,var(--ms-shop-color-text)); color: #fff; } body [data-ms-shop-root] .msf-v1-multi-picker { display: grid; gap: 1rem; } body [data-ms-shop-root] .msf-v1-variant-dimension { border: 0; margin: 0; padding: 0; min-inline-size: 0; } body [data-ms-shop-root] .msf-v1-variant-dimension > legend { margin-block-end: .5rem; } .msf-v1-bundle-status { grid-column: 1 / -1; min-inline-size: 0; margin: 0; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; line-height: 1.45; } .msf-v1-bundle-status[hidden] { display: none; } [data-ms-shop-external="bundle"] .bundle-li-copy { min-inline-size: 0; } [data-ms-shop-external="bundle"] .bundle-li-copy strong { white-space: normal; overflow-wrap: anywhere; } [data-ms-shop-external="bundle"] .bundle-li-qty button:disabled { opacity: .35; cursor: default; } [data-ms-shop-external="bundle"] [data-ms-shop-bundle]:disabled { cursor: not-allowed; } :is([data-ms-shop-root], [data-ms-shop-external="products"]) .msf-v1-product-title-link { min-block-size: 0; } [data-ms-shop-root][data-ms-layout="embedded-shop-v1"] .msf-v1-shell-embedded { inline-size: min(100%, var(--ms-shop-container-max)); max-inline-size: var(--ms-shop-container-max); padding: var(--ms-shop-shell-padding, clamp(1rem, 3cqi, 2.5rem)); } /* Shared product and cart presentation, including embedded host surfaces. */ /* Keep purchase information in flow so it cannot cover the following details. */ :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-detail-summary { position: static; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-shipping-incentive[hidden], :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-search-clear[hidden] { display: none; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping { display: grid; gap: .75rem; padding: 1rem; margin-block: .5rem 0; border: 1px solid var(--ms-shop-color-border,#e3e3dd); border-radius: 16px; background: var(--ms-shop-color-surface-muted,#f6f7f3); color: var(--ms-shop-color-text,#252b29); font: inherit; text-align: left; min-width: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-title { font-size: 1.05rem; font-weight: 700; line-height: 1.4; letter-spacing: -.01em; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-amount { color: var(--ms-shop-color-accent,#147767); white-space: nowrap; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-suggestions-title { margin-block-start: .3rem; font-size: .85rem; font-weight: 650; line-height: 1.4; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-detail { font-size: .82rem; line-height: 1.5; color: var(--ms-shop-color-text-muted,#58645e); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-progress { appearance: none; display: block; border: 0; width: 100%; height: 7px; overflow: hidden; border-radius: 999px; background: var(--ms-shop-color-border,#e3e3dd); color: var(--ms-shop-color-accent,#147767); accent-color: var(--ms-shop-color-accent,#147767); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-progress::-webkit-progress-bar { background: var(--ms-shop-color-border,#e3e3dd); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-progress::-webkit-progress-value { background: var(--ms-shop-color-accent,#147767); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-progress::-moz-progress-bar { background: var(--ms-shop-color-accent,#147767); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-earned { background:#edf7f0; border-color:#c8dfce; color:#225b38; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-earned .msf-v1-free-shipping-title { display:flex; align-items:center; gap:.65rem; color:#225b38; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-earned .msf-v1-free-shipping-detail { color:#3f6b4c; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-check { display:inline-grid; place-items:center; flex:0 0 1.6rem; inline-size:1.6rem; block-size:1.6rem; border-radius:50%; background:#d1ebd8; color:#225b38; font-size:1rem; line-height:1; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-discount-status { margin:.75rem 0 0; font:inherit; font-size:.85rem; line-height:1.5; color:var(--ms-shop-color-text-muted); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-discount-status[hidden] { display:none; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-discount-remove { appearance:none; border:0; background:none; color:var(--ms-shop-color-text); padding:.5rem 0; margin-top:.25rem; font:inherit; font-size:.85rem; text-decoration:underline; cursor:pointer; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-suggestions { display: grid; gap: .5rem; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-product { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .5rem; align-items: center; padding: .65rem; border-radius: 12px; background: var(--ms-shop-color-surface,#fff); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-link { display: flex; align-items: center; gap: .65rem; color: inherit; text-decoration: none; min-width: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-link img { display: block; width: 48px; height: 52px; object-fit: contain; flex: 0 0 48px; border-radius: 8px; background: #fff; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-copy { display: grid; gap: .25rem; font-size: .875rem; font-weight: 600; line-height: 1.4; overflow-wrap: break-word; min-width: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-copy strong { font-size: .875rem; font-weight: 700; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-add { appearance: none; display: inline-grid; place-items: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid var(--ms-shop-color-accent,#147767); border-radius: 50%; background: var(--ms-shop-color-accent,#147767); color: var(--ms-shop-color-accent-contrast,#fff); font: inherit; font-size: 1.4rem; font-weight: 600; line-height: 1; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-add:disabled { opacity: .5; cursor: default; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-browse { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 650; color: var(--ms-shop-color-accent,#147767); text-decoration: none; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity { display: inline-flex; align-items: center; width: max-content; max-width: 100%; border: 1px solid var(--ms-shop-color-border,#deded7); border-radius: var(--ms-shop-radius-control,12px); overflow: hidden; background: var(--ms-shop-color-surface,#fff); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity button, :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity input { appearance: none; box-sizing: border-box; display: inline-block; border: 0; border-radius: 0; background: transparent; margin: 0; padding: 0; width: 34px; min-width: 0; height: 38px; text-align: center; color: var(--ms-shop-color-text,#252b29); font: inherit; font-size: .85rem; line-height: 38px; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity button { cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity button:disabled { opacity: .35; cursor: default; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity input { -moz-appearance: textfield; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity input::-webkit-inner-spin-button, :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-card-quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-actions:has(.msf-v1-card-quantity) { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-actions:has(.msf-v1-card-quantity) > .msf-v1-button { flex: 1 1 120px; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-facts { display: flex; flex-wrap: wrap; gap: .8rem 2rem; margin: .4rem 0; padding: .8rem 0; border-block: 1px solid var(--ms-shop-color-border,#deded7); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-facts div { display: grid; gap: .25rem; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-facts dt { color: var(--ms-shop-color-text-muted,#58645e); font-size: .75rem; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-facts dd { margin: 0; font-size: .9rem; font-weight: 650; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-text { display: grid; gap: .9rem; padding-block: 1rem; font-size: .94rem; line-height: 1.7; overflow-wrap: anywhere; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-text p, :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-text h3 { margin: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-product-text h3 { font-size: 1rem; font-weight: 650; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-nutrition { display: grid; gap: .75rem; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-nutrition dl { margin: 0; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-nutrition dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; padding-block: .55rem; border-bottom: 1px solid var(--ms-shop-color-border,#deded7); } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-nutrition dd { margin: 0; font-weight: 650; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-nutrition-sub dt { padding-left: .75rem; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-search-clear { display: inline-flex; width: max-content; border: 0; background: transparent; padding: .3rem 0; font: inherit; font-size: .8rem; color: var(--ms-shop-color-accent,#147767); text-decoration: underline; cursor: pointer; } :is([data-ms-shop-root], [data-ms-shop-external]) :is(.msf-v1-card-quantity button,.msf-v1-card-quantity input,.msf-v1-free-shipping-add,.msf-v1-search-clear):focus-visible { outline: 2px solid var(--ms-shop-color-accent,#147767); outline-offset: -2px; } :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-cart-unit { display: block; color: var(--ms-shop-color-text-muted,#58645e); font-size: .8rem; } /* Default product presentation; an explicit purchase-first layout remains supported. */ [data-ms-shop-root] .msf-v1-product-detail-description-first { grid-template: "breadcrumb breadcrumb" "gallery side" / minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(1.5rem, 4cqi, 3.5rem); align-items: start; } [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-product-detail-summary { display: flex; flex-direction: column; position: static; gap: 1rem; } [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-product-detail-title { font-size: clamp(1.85rem, 3.3cqi, 2.7rem); line-height: 1.12; letter-spacing: -.025em; } [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-gallery { inline-size: 100%; max-inline-size: 31rem; margin-inline: auto; align-self: start; } [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-gallery-main { display: block; object-fit: contain; background: var(--ms-shop-color-surface); border: 1px solid var(--ms-shop-color-border); } [data-ms-shop-root] .msf-v1-product-description { display: grid; gap: .65rem; } [data-ms-shop-root] .msf-v1-product-description h2 { margin: 0; font-size: 1rem; line-height: 1.4; letter-spacing: 0; } [data-ms-shop-root] .msf-v1-product-description .msf-v1-product-text { max-inline-size: 60ch; padding: 0; gap: .65rem; color: var(--ms-shop-color-text-muted); font-size: 1rem; line-height: 1.65; } [data-ms-shop-root] .msf-v1-product-categories { display: flex; flex-wrap: wrap; gap: .5rem; } [data-ms-shop-root] .msf-v1-product-categories span { color: var(--ms-shop-color-text-muted); font-size: .75rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; } [data-ms-shop-root] .msf-v1-product-purchase { display: grid; gap: .85rem; } [data-ms-shop-root] .msf-v1-product-purchase .msf-v1-price-current { font-size: 1.6rem; font-weight: 750; } [data-ms-shop-root] .msf-v1-product-purchase-actions { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; } [data-ms-shop-root] .msf-v1-product-purchase-actions > .msf-v1-button-primary { min-block-size: 48px; padding-inline: 1.5rem; } [data-ms-shop-root] .msf-v1-product-purchase-actions .msf-v1-quantity-controls { grid-template-columns: 2.75rem 2.5rem 2.75rem; } [data-ms-shop-root] .msf-v1-product-purchase-actions .msf-v1-quantity-input { inline-size: 100%; min-inline-size: 0; } [data-ms-shop-root] .msf-v1-product-purchase-actions .msf-v1-quantity > .msf-v1-field-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); } [data-ms-shop-root] .msf-v1-product-purchase-actions > .msf-v1-action-status { flex-basis: 100%; } [data-ms-shop-root] .msf-v1-product-purchase-actions > .msf-v1-action-status:empty { display: none; } [data-ms-shop-root] .msf-v1-product-information-below { margin-block-start: 0 !important; padding: 0 !important; gap: 0; border: 0 !important; border-radius: 0; background: transparent; } [data-ms-shop-root] .msf-v1-product-information-below .msf-v1-product-information-summary { min-block-size: 60px; padding-block: 1rem; font-size: 1.1rem; line-height: 1.4; } [data-ms-shop-root] .msf-v1-product-information-below .msf-v1-product-text { max-inline-size: 80ch; padding-block: .25rem 1.5rem; } @container (max-width: 760px) { [data-ms-shop-root] .msf-v1-product-detail-description-first { grid-template: "breadcrumb" "gallery" "side" / minmax(0, 1fr); } } /* Compact rows own their grid areas; older site skins use a different cart structure. */ body [data-ms-shop-root] .msf-v1-cart-row.msf-v1-cart-row-compact, body [data-ms-shop-external="cart"] .msf-v1-cart-row-compact { display: grid !important; grid-template: "media product" "media actions" / 3.75rem minmax(0,1fr) !important; gap: .4rem .75rem !important; align-items: start; min-inline-size: 0; padding-block: .65rem !important; } body [data-ms-shop-root] .msf-v1-cart-row-compact .msf-v1-cart-product { display: contents !important; } body [data-ms-shop-root] .msf-v1-cart-row-compact .msf-v1-cart-product-media, body [data-ms-shop-external="cart"] .msf-v1-cart-row-compact .msf-v1-external-cart-media { grid-area: media !important; align-self: start; inline-size: 100% !important; min-inline-size: 0; block-size: auto; aspect-ratio: 1; background: #fff; border-radius: 9px; } body [data-ms-shop-external="cart"] .msf-v1-external-cart-media .msf-v1-image { object-fit: contain; } body [data-ms-shop-root] .msf-v1-cart-row-compact .msf-v1-cart-product-copy, body [data-ms-shop-external="cart"] .msf-v1-external-cart-copy { grid-area: product !important; grid-template-columns: minmax(0,1fr) !important; gap: .15rem; min-inline-size: 0; } body [data-ms-shop-root] .msf-v1-cart-row-compact .msf-v1-cart-product-title, body [data-ms-shop-external="cart"] .msf-v1-external-cart-title { font-size: .9rem; font-weight: 650; line-height: 1.35; overflow-wrap: break-word; } body [data-ms-shop-root] .msf-v1-cart-row-compact .msf-v1-cart-unit, body [data-ms-shop-external="cart"] .msf-v1-external-cart-meta { font-size: .75rem; line-height: 1.4; } body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions { grid-area: actions !important; display: flex; align-items: center; gap: .5rem; min-inline-size: 0; } body [data-ms-shop-root] .msf-v1-cart-actions .msf-v1-cart-line-price, body [data-ms-shop-external="cart"] .msf-v1-cart-actions .msf-v1-external-cart-price { grid-area: auto; align-self: center; margin-inline-end: auto; font-size: .95rem; font-weight: 700; white-space: nowrap; } body [data-ms-shop-root] .msf-v1-cart-actions .msf-v1-cart-controls, body [data-ms-shop-external="cart"] .msf-v1-cart-actions .msf-v1-external-cart-controls { grid-area: auto; display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 0 !important; flex: 0 0 auto; inline-size: auto; border: 1px solid var(--ms-shop-color-border,#ddd8ce) !important; border-radius: 999px !important; background: var(--ms-shop-color-surface-muted,#f6f5f1); } body [data-ms-shop-root] .msf-v1-cart-actions .msf-v1-quantity-button, body [data-ms-shop-external="cart"] .msf-v1-cart-actions .msf-v1-external-cart-button { display: inline-grid; place-items: center; inline-size: 44px !important; min-inline-size: 44px !important; block-size: 44px !important; min-block-size: 44px !important; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 999px !important; background: transparent !important; font: inherit; font-size: 1.1rem; line-height: 1; } body [data-ms-shop-root] .msf-v1-cart-actions .msf-v1-cart-quantity, body [data-ms-shop-external="cart"] .msf-v1-cart-actions .msf-v1-external-cart-quantity { display: inline-grid; place-items: center; flex: 0 0 auto; inline-size: auto !important; min-inline-size: 2.5ch !important; min-block-size: 40px !important; padding-inline: .2rem !important; margin: 0 !important; font-variant-numeric: tabular-nums; border: 0; font-size: .85rem; font-weight: 650; line-height: 1; } body [data-ms-shop-root] .msf-v1-cart-actions .msf-v1-remove-button, body [data-ms-shop-external="cart"] .msf-v1-cart-actions .msf-v1-external-cart-remove { grid-area: auto; display: inline-grid; place-items: center; align-self: center; flex: 0 0 44px; inline-size: 44px; min-inline-size: 44px; block-size: 44px; min-block-size: 44px; padding: 0; margin: 0; border: 1px solid var(--ms-shop-color-border,#ddd8ce) !important; border-radius: 50% !important; background: transparent; color: var(--ms-shop-color-text-muted,#66615a); cursor: pointer; } body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions svg { display: block; width: 18px; height: 18px; } body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions button:hover:not(:disabled) { background: var(--ms-shop-color-surface-muted,#f0ede7); color: var(--ms-shop-color-accent,#7a2417); } body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions button:focus-visible { outline: 2px solid var(--ms-shop-color-accent,#7a2417); outline-offset: 2px; } body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions button:disabled { opacity: .4; cursor: default; } [data-ms-shop-external="cart"] { container-type: inline-size; } @container (max-width: 23rem) { body :is([data-ms-shop-root],[data-ms-shop-external="cart"]) .msf-v1-cart-actions { gap: .35rem; } body [data-ms-shop-root] .msf-v1-cart-row.msf-v1-cart-row-compact, body [data-ms-shop-external="cart"] .msf-v1-cart-row-compact { grid-template: "media product" "actions actions" / 3.25rem minmax(0,1fr) !important; gap: .5rem .65rem !important; } } @container (max-width: 28rem) { body [data-ms-shop-root] .msf-v1-cart-summary { padding: 1rem; gap: .75rem; } } /* Full suggestions sit with delivery. The peek keeps a short message above its CTA. */ body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping { margin: 0; padding: .9rem; border-radius: 12px; gap: .55rem; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-suggestions { grid-template-columns: repeat(auto-fit,minmax(11rem,1fr)); gap: .5rem; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-product { padding: .6rem; align-items: start; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-add { align-self: center; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-link { flex-wrap: wrap; gap: .5rem; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-copy { flex: 1 1 6rem; font-size: .8rem; } body [data-ms-shop-root] .msf-v1-checkout-delivery .msf-v1-free-shipping-browse { min-height: 32px; padding: .25rem 0; } body [data-ms-shop-external="shipping"] .msf-v1-free-shipping-compact { gap: .3rem; padding: .65rem .8rem; margin: 0 0 .7rem; border-radius: 10px; } body [data-ms-shop-external="shipping"] .msf-v1-free-shipping-title { font-size: .85rem; line-height: 1.35; } body [data-ms-shop-external="shipping"] .msf-v1-free-shipping-detail { font-size: .72rem; line-height: 1.35; } body [data-ms-shop-external="shipping"] .msf-v1-free-shipping-progress { height: 5px; } body .cart-peek:has([data-ms-shop-external="shipping"]) .cart-peek-body { max-height: min(320px,calc(100dvh - 400px)); min-height: 72px; } /* Purchase notices stay readable and visibly expandable. */ body :is([data-ms-shop-root],[data-ms-shop-external="products"]) details.msf-v1-notice { border: 1px solid #e7b979; border-radius: 12px; padding: .9rem 1rem; background: #fff5e7; color: #783b14; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-badge { background: #ffead0; color: #8b3d10; border: 1px solid #efc394; font-weight: 700; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary { display: grid; grid-template-columns: minmax(0,1fr) 1rem; gap: .4rem .8rem; min-height: 28px; list-style: none; align-items: center; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary::-webkit-details-marker { display: none; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary > .msf-v1-notice-badge { grid-column: 1; justify-self: start; font-size: .7rem; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary > strong { grid-column: 1; font-size: .9rem; line-height: 1.4; font-weight: 650; color: inherit; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary::after { content: ""; grid-column: 2; grid-row: 1 / span 2; width: .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); justify-self: center; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice[open] > .msf-v1-notice-summary::after { transform: rotate(225deg); } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-summary:focus-visible { outline: 2px solid #a34c18; outline-offset: 5px; border-radius: 3px; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-body { margin: .8rem 0 0; font-size: .9rem; line-height: 1.65; color: #694d38; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]) .msf-v1-notice-products { margin: .8rem 0 0; font-size: .8rem; color: #694d38; } body [data-ms-shop-root] .msf-v1-gallery { align-self: start; } /* An in-flow announcement must not cover an open navigation or cart overlay. */ .msf-v1-merchant-bar[data-edge="top"] { z-index: 1; } /* Review invitations inherit the shop's typography and palette. */ [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation { inline-size:min(100%,960px); margin-inline:auto; padding-block:clamp(1.5rem,4cqi,3rem) clamp(3rem,6cqi,5rem); color:var(--ms-shop-color-text); font:inherit; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation-heading { margin-block-end:2.5rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-back { display:inline-flex; align-items:center; gap:.5rem; color:var(--ms-shop-color-text-muted); font-size:.85rem; text-decoration:none; margin-block-end:1.5rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-back::before { content:'←'; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-back:hover { color:var(--ms-shop-color-text); text-decoration:underline; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation-title { margin:0 0 .6rem; font-family:inherit; font-size:clamp(1.9rem,4cqi,2.6rem); font-weight:650; letter-spacing:-.03em; line-height:1.15; color:inherit; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation-heading p { margin:0; color:var(--ms-shop-color-text-muted); font-size:1rem; line-height:1.6; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation-products { display:grid; gap:2.5rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-product { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:clamp(2rem,5cqi,4rem); align-items:start; padding-block-start:2rem; border-block-start:1px solid var(--ms-shop-color-border); } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-identity { display:grid; gap:1rem; min-inline-size:0; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-image { display:block; inline-size:100%; block-size:auto; max-block-size:320px; aspect-ratio:4/5; object-fit:contain; border-radius:min(var(--ms-shop-radius-card),8px); background:var(--ms-shop-color-surface-muted); } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-product-title { margin:0; font-family:inherit; font-size:1.25rem; font-weight:600; line-height:1.35; letter-spacing:-.015em; overflow-wrap:anywhere; color:inherit; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-fields { min-inline-size:0; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form { display:grid; gap:1.25rem; margin:0; padding:0; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-rating-field { display:block; min-inline-size:0; margin:0; padding:0; border:0; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-rating-field legend { float:none; inline-size:auto; margin:0 0 .4rem; padding:0; font:inherit; font-size:.9rem; font-weight:600; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choices { display:flex; gap:5px; inline-size:max-content; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choice { position:relative; display:grid; place-items:center; inline-size:46px; block-size:48px; margin:0; padding:0; cursor:pointer; color:var(--ms-shop-color-text); border-radius:4px; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choice input { position:absolute; inset:0; display:block; inline-size:100%; block-size:100%; opacity:0; margin:0; cursor:pointer; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choice svg { display:block; inline-size:35px; block-size:35px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linejoin:round; pointer-events:none; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choice[data-selected=true] svg { fill:currentColor; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-star-choice:focus-within { outline:2px solid var(--ms-shop-color-focus); outline-offset:2px; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-rating-hint { display:block; margin-block-start:.3rem; min-block-size:1.3rem; color:var(--ms-shop-color-text-muted); font-size:.82rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-text-field { display:grid; gap:.5rem; margin:0; min-inline-size:0; font-size:.9rem; font-weight:600; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-text-input { display:block; box-sizing:border-box; inline-size:100%; min-inline-size:0; min-block-size:46px; margin:0; padding:.75rem .85rem; border:1px solid var(--ms-shop-color-border); border-radius:min(var(--ms-shop-radius-control),6px); background:var(--ms-shop-color-surface); color:var(--ms-shop-color-text); font:inherit; font-size:1rem; font-weight:400; line-height:1.5; box-shadow:none; } [data-ms-shop-root][data-ms-review-page] textarea.msf-v1-review-text-input { min-block-size:138px; resize:vertical; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-text-input::placeholder { color:var(--ms-shop-color-text-muted); opacity:.8; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-text-input:focus-visible { outline:2px solid var(--ms-shop-color-focus); outline-offset:2px; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-submit { inline-size:100%; min-block-size:48px; margin:0; font-family:inherit; font-size:.95rem; font-weight:600; border-radius:var(--ms-shop-radius-control); } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-note { margin:-.65rem 0 0; font-size:.78rem; line-height:1.5; color:var(--ms-shop-color-text-muted); text-align:center; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-status { margin:0; font-size:.9rem; line-height:1.5; color:var(--ms-shop-color-text-muted); } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-status[hidden] { display:none; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-no-image { grid-template-columns:minmax(0,1fr); gap:1.5rem; max-inline-size:36rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-thanks { padding-block:1rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-thanks h3 { margin:0 0 .5rem; font:inherit; font-size:1.4rem; font-weight:600; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-thanks p { margin:0; color:var(--ms-shop-color-text-muted); line-height:1.6; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-done .msf-v1-review-form-image { max-block-size:160px; } @media (max-width:640px) { [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation { padding-block-start:1rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-invitation-heading { margin-block-end:1.5rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-product { grid-template-columns:minmax(0,1fr); gap:1.6rem; padding-block-start:1.5rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-identity { grid-template-columns:88px minmax(0,1fr); align-items:center; gap:1rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-no-image .msf-v1-review-form-identity { grid-template-columns:minmax(0,1fr); } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-product-title { font-size:1.08rem; } [data-ms-shop-root][data-ms-review-page] .msf-v1-review-form-image { max-block-size:110px; } } /* A narrow product card keeps its quantity visible beside the bag icon. Use the card container, so full-width product and purchase views stay full-size. */ body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-card-quantity { flex-shrink: 0; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-card-quantity :is(button,input) { min-block-size: 0; } @container ms-shop-product (max-width: 272px) { body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-product-actions:has(.msf-v1-card-quantity) { --msf-card-control-size: 44px; flex-wrap: nowrap; grid-template-columns: minmax(0,1fr) var(--msf-card-control-size); align-items: center; gap: 4px; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-card-quantity { display: inline-grid; grid-template-columns: repeat(3,clamp(24px,calc((100cqi - 80px) / 3),32px)); justify-self: start; inline-size: max-content; max-inline-size: 100%; block-size: var(--msf-card-control-size); height: var(--msf-card-control-size); padding: 0; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-card-quantity :is(button,input) { inline-size: 100%; width: 100%; min-inline-size: 0; block-size: 100%; height: 100%; padding: 0; margin: 0; line-height: 1; font-size: .875rem; } body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-product-actions > [data-ms-action="add"] { display: inline-flex; flex: 0 0 var(--msf-card-control-size); justify-self: end; align-items: center; justify-content: center; inline-size: var(--msf-card-control-size); width: var(--msf-card-control-size); min-inline-size: var(--msf-card-control-size); max-inline-size: var(--msf-card-control-size); block-size: var(--msf-card-control-size); height: var(--msf-card-control-size); min-block-size: var(--msf-card-control-size); padding: 0; gap: 0; font-size: 0; line-height: 1; border-radius: var(--ms-shop-radius-control); } body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-product-actions > [data-ms-action="add"]::before { content: ""; display: block; flex: 0 0 18px; inline-size: 18px; width: 18px; block-size: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1.4 10.2a2 2 0 0 1-2 1.8H9.4a2 2 0 0 1-2-1.8L6 7Z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1.4 10.2a2 2 0 0 1-2 1.8H9.4a2 2 0 0 1-2-1.8L6 7Z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center / contain no-repeat; } } @container ms-shop-product (max-width: 160px) { body :is([data-ms-shop-root],[data-ms-shop-external="products"]:not(.ms-feed):not(.ms-quote-products)) .msf-v1-product-card .msf-v1-product-actions:has(.msf-v1-card-quantity) { --msf-card-control-size: 36px; } } /* Legacy site skins used wrapping flex rows before the description-first layout. */ body [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-product-detail-summary { flex-wrap: nowrap; align-items: stretch; } body [data-ms-shop-root] .msf-v1-product-detail-description-first .msf-v1-product-detail-summary > * { flex: 0 0 auto; min-inline-size: 0; } /* Keep quantity and removal together when a compact cart row cannot fit its price. */ body :is([data-ms-shop-root], [data-ms-shop-external="cart"]) .msf-v1-cart-row-compact { container-name: msf-cart-row; container-type: inline-size; } @container msf-cart-row (max-width: 17rem) { body :is([data-ms-shop-root], [data-ms-shop-external="cart"]) .msf-v1-cart-actions { flex-wrap: wrap; } body :is([data-ms-shop-root], [data-ms-shop-external="cart"]) .msf-v1-cart-actions :is(.msf-v1-cart-line-price, .msf-v1-external-cart-price) { flex-basis: 100%; margin-inline-end: 0; } body :is([data-ms-shop-root], [data-ms-shop-external="cart"]) .msf-v1-cart-actions :is(.msf-v1-cart-controls, .msf-v1-external-cart-controls) { margin-inline-start: auto; } } /* Missing product media shares the same reserved space as a real image. */ body :is([data-ms-shop-root], [data-ms-shop-external], [data-ms-catalog-browse]) img[data-ms-image-failed] { display: none !important; } body :is([data-ms-shop-root], [data-ms-shop-external], [data-ms-catalog-browse]) .msf-v1-image-placeholder[data-ms-image-placeholder] { display: grid; place-items: center; box-sizing: border-box; inline-size: 100%; block-size: 100%; min-inline-size: 0; min-block-size: 0; padding: .5rem; margin: 0; overflow: hidden; background: var(--ms-shop-color-surface-muted, #f2f2f2); color: var(--ms-shop-color-text-muted, #666); text-align: center; font-family: inherit; font-size: .8rem; font-weight: 500; line-height: 1.35; letter-spacing: normal; text-indent: 0; white-space: normal; } body :is([data-ms-shop-root], [data-ms-shop-external], [data-ms-catalog-browse]) [data-ms-image-placeholder] .msf-v1-image-placeholder-label { display: block; margin: 0; padding: 0; color: inherit; font-family: inherit; font-size: var(--msf-image-placeholder-size, .8rem); font-weight: 500; line-height: 1.3; } body :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-image-placeholder[data-ms-image-placeholder].msf-v1-gallery-main { block-size: auto; } body :is([data-ms-shop-root], [data-ms-shop-external]) :is(.msf-v1-cart-product-media, .msf-v1-external-cart-media, .msf-v1-thumbnail) .msf-v1-image-placeholder[data-ms-image-placeholder] { --msf-image-placeholder-size: .65rem; padding: .2rem; font-size: .65rem; line-height: 1.2; } body :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-free-shipping-link .msf-v1-image-placeholder[data-ms-image-placeholder] { flex: 0 0 44px; inline-size: 44px; block-size: 52px; border-radius: 6px; --msf-image-placeholder-size: .65rem; padding: .2rem; font-size: .65rem; line-height: 1.2; } body :is([data-ms-shop-root], [data-ms-shop-external]) .msf-v1-buy-bar-info .msf-v1-image-placeholder[data-ms-image-placeholder] { flex: 0 0 2.9rem; inline-size: 2.9rem; block-size: 3.6rem; border-radius: 8px; --msf-image-placeholder-size: .65rem; padding: .2rem; font-size: .65rem; line-height: 1.2; } body [data-ms-shop-external="bundle"] .msf-v1-image-placeholder[data-ms-image-placeholder].bundle-li-thumb { flex: 0 0 2.5rem; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 6px; --msf-image-placeholder-size: .65rem; padding: .2rem; font-size: .65rem; line-height: 1.2; } body [data-ms-shop-root][data-ms-review-page] .msf-v1-image-placeholder[data-ms-image-placeholder].msf-v1-review-form-image { block-size: auto; aspect-ratio: 4 / 5; } /* Optional merchant cart drawer: the product list scrolls independently of totals. */ html[data-ms-cart-drawer-open], html[data-ms-cart-drawer-open] body { overflow: hidden !important; } body dialog[data-ms-cart-drawer] { box-sizing: border-box; position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; border: 0; width: min(460px,100vw); max-width: 100vw; height: 100vh; height: 100dvh; max-height: none; border-radius: 0; background: #fff; color: var(--ms-drawer-text); overflow: hidden; box-shadow: -12px 0 48px rgb(0 0 0 / .13); } body dialog[data-ms-cart-drawer]::backdrop { background: rgb(16 20 30 / .35); } body [data-ms-cart-drawer-content] { display: none !important; } body dialog[data-ms-cart-drawer][open] > [data-ms-cart-drawer-content] { box-sizing: border-box; display: flex !important; flex-direction: column; gap: 0; position: static !important; inset: auto !important; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 24px max(20px,env(safe-area-inset-bottom)) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; overflow: hidden !important; font-family: inherit; color: inherit; } body [data-ms-cart-drawer-content]::before, body [data-ms-cart-drawer-content]::after { content: none !important; } body [data-ms-cart-drawer-content] .cart-peek-head { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 4px 12px; margin: 0; padding: 18px 0 14px; border: 0; border-bottom: 1px solid #e9e7eb; } body [data-ms-cart-drawer-content] .cart-peek-head > strong { font-size: 1.2rem; line-height: 1.35; } body [data-ms-cart-drawer-content] .cart-peek-actions { display: contents; } body [data-ms-cart-drawer-content] .cart-peek-link { grid-column: 1; grid-row: 2; width: fit-content; max-width: 100%; font-size: .85rem; line-height: 1.4; padding-block: 4px; text-decoration-thickness: 1px; text-underline-offset: 3px; } body [data-ms-cart-drawer-content] .cart-peek-close { grid-column: 2; grid-row: 1 / 3; display: inline-grid; place-items: center; padding: 0; margin: 0; width: 44px; height: 44px; min-width: 44px; border: 1px solid #e9e7eb; border-radius: 50%; background: transparent; color: inherit; font-family: inherit; font-size: 1.7rem; line-height: 1; cursor: pointer; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] { display: block !important; flex: 1 1 auto; min-height: 0 !important; max-height: none !important; min-width: 0; overflow-x: hidden; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; margin: 0 !important; padding: 8px 0 !important; --ms-shop-color-text: var(--ms-drawer-text) !important; --ms-shop-color-accent: var(--ms-drawer-accent) !important; --ms-shop-color-accent-contrast: var(--ms-drawer-accent-contrast) !important; --ms-shop-color-surface-muted: #f7f6f8 !important; --ms-shop-color-border: #e5e2e8 !important; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-cart-row-compact { grid-template: "media product" "actions actions" / 64px minmax(0,1fr) !important; gap: 10px 12px !important; padding: 16px 0 !important; margin: 0 !important; border: 0 !important; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-cart-row-compact + .msf-v1-cart-row-compact { border-top: 1px solid #eeecf0 !important; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-title { font-size: .95rem; line-height: 1.4; color: inherit; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-meta { font-size: .8rem; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-cart-actions { flex-wrap: wrap; gap: 8px; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-price { font-size: 1rem; font-variant-numeric: tabular-nums; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-quantity { font-size: .95rem; } body [data-ms-cart-drawer-content] .cart-peek-foot { flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 !important; padding: 18px 0 !important; border: 0 !important; border-top: 1px solid #e9e7eb !important; font-size: 1rem; line-height: 1.4; } body [data-ms-cart-drawer-content] .cart-peek-foot strong { font-size: 1.25rem; white-space: nowrap; font-variant-numeric: tabular-nums; } body [data-ms-cart-drawer-content] [data-ms-shipping-incentive] { flex: 0 0 auto; } body [data-ms-cart-drawer-content] .cart-peek-btn { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; box-sizing: border-box; padding: 12px 16px; margin: 0; font-size: 1rem; line-height: 1.4; } body [data-ms-cart-drawer-content] .cart-peek-btn svg { flex: 0 0 18px; width: 18px; height: 18px; } html[data-ms-cart-drawer-open] .cart-toast { display: none !important; } @media (max-width: 380px) { body dialog[data-ms-cart-drawer][open] > [data-ms-cart-drawer-content] { padding-inline: 16px !important; } } @media (max-height: 500px) { body dialog[data-ms-cart-drawer][open] > [data-ms-cart-drawer-content] { padding-bottom: max(10px,env(safe-area-inset-bottom)) !important; } body [data-ms-cart-drawer-content] .cart-peek-head { padding-block: 8px; } body [data-ms-cart-drawer-content] .cart-peek-foot { padding-block: 10px !important; } } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-media { width: 64px !important; height: 64px !important; min-height: 0 !important; aspect-ratio: 1; } body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-external-cart-media img { width: 100% !important; height: 100% !important; object-fit: contain !important; } @container (min-width: 23rem) { body [data-ms-cart-drawer-content] [data-ms-shop-cart] .msf-v1-cart-row-compact { grid-template: "media product" "media actions" / 64px minmax(0,1fr) !important; gap: 8px 12px !important; padding-block: 14px !important; } } /* Opt-in catalog navigation: reuse merchant labels and native filtering. */ [data-ms-catalog-browse] { --ms-browse-ink: var(--ink, var(--ms-shop-color-text, #172338)); --ms-browse-muted: var(--soft, var(--ms-shop-color-text-muted, #616772)); --ms-browse-line: var(--line, var(--ms-shop-color-border, #dedee3)); --ms-browse-accent: var(--accent, var(--ms-shop-color-accent, #172338)); --ms-browse-paper: var(--paper, var(--ms-shop-color-surface, #fff)); display: grid !important; grid-template-columns: 218px minmax(0, 1fr); align-items: start; gap: 24px 36px; color: var(--ms-browse-ink); font-family: var(--font-body, inherit); } [data-ms-catalog-browse] [data-ms-catalog-original-controls] { display: none !important; } [data-ms-catalog-browse] > .msf-v1-browse-sidebar { grid-column: 1; grid-row: 1 / span 3; min-width: 0; } [data-ms-catalog-browse] > .msf-v1-browse-toolbar { grid-column: 2; grid-row: 1; min-width: 0; } [data-ms-catalog-browse] > .msf-v1-browse-content { grid-column: 2; grid-row: 2; min-width: 0; container: ms-browse-content / inline-size; } [data-ms-catalog-browse] .msf-v1-browse-heading { display: block; margin: 0 0 18px; padding: 0; color: var(--ms-browse-ink); font: 650 16px/1.4 var(--font-body, inherit); letter-spacing: 0; text-transform: none; } [data-ms-catalog-browse] .msf-v1-browse-list { display: block; margin: 0; padding: 0; list-style: none; } [data-ms-catalog-browse] .msf-v1-browse-item { display: block; margin: 0; padding: 0; } [data-ms-catalog-browse] .msf-v1-browse-row { display: flex; align-items: center; gap: 2px; } [data-ms-catalog-browse] .msf-v1-browse-choice { appearance: none; display: block; flex: 1 1 0; min-width: 0; width: auto; min-height: 42px; margin: 0; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--ms-browse-ink); text-align: left; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; white-space: normal; overflow-wrap: anywhere; box-shadow: none; cursor: pointer; } [data-ms-catalog-browse] .msf-v1-browse-choice:hover { background: color-mix(in srgb, var(--ms-browse-ink) 4%, transparent); } [data-ms-catalog-browse] .msf-v1-browse-choice[aria-current="true"] { color: var(--ms-browse-accent); background: color-mix(in srgb, var(--ms-browse-accent) 7%, var(--ms-browse-paper)); font-weight: 650; } [data-ms-catalog-browse] .msf-v1-browse-children { margin: 1px 0 8px; padding-left: 12px; } [data-ms-catalog-browse] .msf-v1-browse-children .msf-v1-browse-choice { font-weight: 450; } [data-ms-catalog-browse] .msf-v1-browse-children .msf-v1-browse-choice[aria-current="true"] { font-weight: 650; } [data-ms-catalog-browse] .msf-v1-browse-list[hidden] { display: none !important; } [data-ms-catalog-browse] .msf-v1-browse-expand, [data-ms-catalog-browse] .msf-v1-browse-close { appearance: none; display: grid; place-items: center; flex: 0 0 36px; width: 36px; min-width: 36px; height: 42px; min-height: 42px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ms-browse-ink); box-shadow: none; cursor: pointer; } [data-ms-catalog-browse] .msf-v1-browse-expand::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; } [data-ms-catalog-browse] .msf-v1-browse-expand[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); } [data-ms-catalog-browse] .msf-v1-browse-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 30px; margin-bottom: 16px; } [data-ms-catalog-browse] .msf-v1-browse-selected { color: var(--ms-browse-ink); font-size: 14px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; } [data-ms-catalog-browse] .msf-v1-browse-actions { flex: 0 0 auto; } [data-ms-catalog-browse] .msf-v1-browse-actions > * { margin: 0; padding: 0; min-height: 0; } [data-ms-catalog-browse] .msf-v1-browse-actions a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; font-size: 14px; line-height: 1.4; color: var(--ms-browse-ink); } [data-ms-catalog-browse] .msf-v1-browse-fields { display: flex; flex-wrap: wrap; align-items: end; gap: 16px 20px; } [data-ms-catalog-browse] .msf-v1-browse-search { display: grid; flex: 1 1 210px; min-width: min(100%, 180px); max-width: 340px; gap: 7px; margin: 0; } [data-ms-catalog-browse] .msf-v1-browse-label { display: block; margin: 0; padding: 0; color: var(--ms-browse-muted); font: inherit; font-size: 12px; line-height: 1.5; font-weight: 500; } [data-ms-catalog-browse] input.msf-v1-browse-search-input { appearance: none; display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 44px; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid var(--ms-browse-line); border-radius: 6px; background: var(--ms-browse-paper); color: var(--ms-browse-ink); font: inherit; font-size: 14px; line-height: 1.4; font-weight: 450; box-shadow: none; } [data-ms-catalog-browse] .msf-v1-browse-sort { display: block; flex: 0 1 auto; min-width: 0; max-width: 100%; margin: 0; padding: 0; border: 0; } [data-ms-catalog-browse] .msf-v1-browse-sort > legend { margin-bottom: 7px; } [data-ms-catalog-browse] .msf-v1-browse-sort-choices { display: flex; flex-wrap: wrap; gap: 5px; } [data-ms-catalog-browse] .msf-v1-browse-sort-choice { position: relative; display: block; margin: 0; padding: 0; min-width: 0; cursor: pointer; } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; opacity: 0; clip-path: inset(50%); } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > span { display: grid; place-items: center; box-sizing: border-box; min-height: 44px; padding: 8px 11px; border: 1px solid var(--ms-browse-line); border-radius: 6px; background: var(--ms-browse-paper); color: var(--ms-browse-ink); font: inherit; font-size: 13px; font-weight: 450; line-height: 1.4; } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > input:checked + span { background: var(--ms-browse-ink); border-color: var(--ms-browse-ink); color: #fff; font-weight: 600; } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > input:disabled + span { opacity: .5; cursor: default; } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > input:focus-visible + span, [data-ms-catalog-browse] :is(.msf-v1-browse-choice,.msf-v1-browse-expand,.msf-v1-browse-toggle,.msf-v1-browse-close,.msf-v1-browse-search-input):focus-visible { outline: 2px solid var(--ms-browse-accent); outline-offset: 3px; } [data-ms-catalog-browse] .msf-v1-browse-toggle { display: none; } [data-ms-catalog-browse] .msf-v1-browse-dialog:not([open]) { display: none; } [data-ms-catalog-browse] .msf-v1-browse-dialog[open] { display: flex; flex-direction: column; position: fixed; inset: 0 auto 0 0; box-sizing: border-box; width: min(390px, 100%); max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--ms-browse-paper); color: var(--ms-browse-ink); font: inherit; box-shadow: 10px 0 45px rgb(20 25 35 / 12%); } [data-ms-catalog-browse] .msf-v1-browse-dialog::backdrop { background: rgb(20 25 35 / 35%); } [data-ms-catalog-browse] .msf-v1-browse-dialog-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: max(16px, env(safe-area-inset-top)) 20px 12px; } [data-ms-catalog-browse] .msf-v1-browse-dialog-header .msf-v1-browse-heading { margin: 0; font-size: 18px; } [data-ms-catalog-browse] .msf-v1-browse-close { position: relative; flex-basis: 44px; width: 44px; min-width: 44px; height: 44px; border-radius: 50%; } [data-ms-catalog-browse] .msf-v1-browse-close::before, [data-ms-catalog-browse] .msf-v1-browse-close::after { content: ''; position: absolute; width: 17px; height: 1.5px; background: currentColor; transform: rotate(45deg); } [data-ms-catalog-browse] .msf-v1-browse-close::after { transform: rotate(-45deg); } [data-ms-catalog-browse] .msf-v1-browse-dialog > nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 20px max(24px, env(safe-area-inset-bottom)); } [data-ms-catalog-browse] .msf-v1-browse-dialog > nav > .msf-v1-browse-heading { display: none; } [data-ms-catalog-panel-open] { overflow: hidden !important; } @container ms-browse-content (max-width: 850px) { [data-ms-catalog-browse] .msf-v1-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } @container ms-browse-content (max-width: 580px) { [data-ms-catalog-browse] .msf-v1-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 1199px) and (min-width: 900px) { [data-ms-catalog-browse] { grid-template-columns: 190px minmax(0,1fr); column-gap: 24px; } [data-ms-catalog-browse] .msf-v1-browse-search { max-width: none; flex-basis: 100%; } } @media (max-width: 899px) { [data-ms-catalog-browse] { grid-template-columns: minmax(0,1fr); row-gap: 24px; } [data-ms-catalog-browse] > .msf-v1-browse-sidebar { display: none; } [data-ms-catalog-browse] > .msf-v1-browse-toolbar, [data-ms-catalog-browse] > .msf-v1-browse-content { grid-column: 1; } [data-ms-catalog-browse] .msf-v1-browse-top { flex-wrap: wrap; gap: 10px 12px; margin-bottom: 16px; } [data-ms-catalog-browse] .msf-v1-browse-toggle { appearance: none; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 9px 13px; border: 1px solid var(--ms-browse-line); border-radius: 6px; background: var(--ms-browse-paper); color: var(--ms-browse-ink); font: inherit; font-size: 14px; font-weight: 550; letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; } [data-ms-catalog-browse] .msf-v1-browse-toggle::before { content: ''; width: 14px; height: 10px; border-block: 1.5px solid currentColor; background: linear-gradient(currentColor,currentColor) left center / 9px 1.5px no-repeat; } [data-ms-catalog-browse] .msf-v1-browse-selected { flex: 1 0 100%; order: 3; font-size: 13px; } [data-ms-catalog-browse] .msf-v1-browse-actions { margin-left: auto; } [data-ms-catalog-browse] .msf-v1-browse-actions a { min-height: 44px; } [data-ms-catalog-browse] .msf-v1-browse-search { flex-basis: 100%; max-width: none; } [data-ms-catalog-browse] input.msf-v1-browse-search-input { font-size: 16px; } [data-ms-catalog-browse] .msf-v1-browse-sort { width: 100%; } [data-ms-catalog-browse] .msf-v1-browse-sort-choices { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); } [data-ms-catalog-browse] .msf-v1-browse-sort-choice > span { padding-inline: 8px; } [data-ms-catalog-browse] .msf-v1-browse-choice { min-height: 44px; font-size: 15px; } [data-ms-catalog-browse] .msf-v1-browse-expand { min-width: 44px; width: 44px; height: 44px; flex-basis: 44px; } } @media (max-width: 479px) { [data-ms-catalog-browse] .msf-v1-browse-sort-choices { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; } } @media (prefers-reduced-motion: reduce) { [data-ms-catalog-browse] .msf-v1-browse-expand::after { transition: none; } } [data-ms-catalog-browse] .msf-v1-browse-search-box { position: relative; min-width: 0; } [data-ms-catalog-browse] .msf-v1-browse-search-box input { padding-right: 46px; } [data-ms-catalog-browse] .msf-v1-browse-search-box input::-webkit-search-cancel-button { appearance: none; } [data-ms-catalog-browse] .msf-v1-browse-search-clear { appearance: none; display: grid; place-items: center; position: absolute; right: 1px; top: 0; width: 44px; min-width: 44px; height: 44px; min-height: 44px; border: 0; border-radius: 6px; padding: 0; margin: 0; background: transparent; color: var(--ms-browse-ink); box-shadow: none; cursor: pointer; } [data-ms-catalog-browse] .msf-v1-browse-search-clear[hidden] { display: none; } [data-ms-catalog-browse] .msf-v1-browse-search-clear::before, [data-ms-catalog-browse] .msf-v1-browse-search-clear::after { content: ''; position: absolute; width: 13px; height: 1.5px; background: currentColor; transform: rotate(45deg); } [data-ms-catalog-browse] .msf-v1-browse-search-clear::after { transform: rotate(-45deg); } [data-ms-catalog-browse] .msf-v1-browse-search-clear:focus-visible { outline: 2px solid var(--ms-browse-accent); outline-offset: 2px; } /* A full-width description stays below both product columns, including custom grids. */ body [data-ms-shop-root] .msf-v1-product-detail > .msf-v1-product-description-below { grid-column: 1 / -1; grid-row: auto; min-inline-size: 0; inline-size: 100%; align-self: start; } body [data-ms-shop-root] .msf-v1-product-description-below > .msf-v1-product-information-panel { border: 0; padding: 0; background: transparent; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-information-summary { padding-block: 0 1.25rem; font-size: 1.25rem; line-height: 1.4; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy { max-inline-size: 88ch; padding: 0 0 1rem; white-space: pre-line; overflow-wrap: anywhere; line-height: 1.75; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy:has(> *) { white-space: normal; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(h1,h2,h3,h4,h5,h6) { margin-block: 1.75rem .75rem; color: var(--ms-shop-color-text); line-height: 1.35; font-weight: 700; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(h1,h2) { font-size: 1.3rem; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(h3,h4,h5,h6) { font-size: 1.1rem; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy > :first-child { margin-block-start: 0; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy p { margin-block: 0 1rem; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(ul,ol) { margin-block: .75rem 1.5rem; padding-inline-start: 1.5rem; list-style-position: outside; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy ul { list-style-type: disc; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy ol { list-style-type: decimal; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy li { display: list-item; margin-block: .5rem; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(strong,b) { font-weight: 700; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy table { max-inline-size: 100%; border-collapse: collapse; } body [data-ms-shop-root] .msf-v1-product-description-below .msf-v1-product-description-copy :is(td,th) { padding: .5rem .75rem; vertical-align: top; } /* Neither product column may overlap the full-width description when scrolling. */ body [data-ms-shop-root] .msf-v1-product-detail:has(> .msf-v1-product-description-below) > :is(.msf-v1-gallery, .msf-v1-product-detail-side) { position: static !important; inset-block-start: auto !important; } /* Use one chevron, even when a customer skin supplies plus/minus text. */ body [data-ms-shop-root] .msf-v1-product-description-below > .msf-v1-product-information-panel > .msf-v1-product-information-summary::after { content: ""; inline-size: .55rem; block-size: .55rem; border: 0; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; flex: 0 0 auto; transform: rotate(45deg); } body [data-ms-shop-root] .msf-v1-product-description-below > .msf-v1-product-information-panel[open] > .msf-v1-product-information-summary::after { content: ""; transform: rotate(225deg); } /* Optional compact presentation. Merchant text, images and control values stay intact. */ body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact { grid-template: "breadcrumb" auto "gallery" auto "side" auto / minmax(0, 1fr); inline-size: 100%; max-inline-size: 1200px; margin-inline: auto; gap: 24px; align-items: start; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-breadcrumb { margin: 0; padding: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-gallery { display: grid; grid-template-columns: minmax(0, 1fr); inline-size: 100%; max-inline-size: none; margin: 0; gap: 10px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact .msf-v1-gallery-stage { display: block; inline-size: 100%; aspect-ratio: 3 / 4; overflow: hidden; border: 0; border-radius: 6px; background: var(--ms-shop-color-surface-muted); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact .msf-v1-gallery-main { display: block; inline-size: 100%; block-size: 100%; width: 100%; height: 100%; max-block-size: none; max-height: none; aspect-ratio: auto; object-fit: contain; border: 0; border-radius: 0; background: transparent; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-gallery > .msf-v1-gallery-main { height: auto; block-size: auto; aspect-ratio: 3 / 4; border-radius: 6px; background: var(--ms-shop-color-surface-muted); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact .msf-v1-thumbnails { display: flex; flex-flow: row nowrap; inline-size: 100%; min-inline-size: 0; gap: 8px; margin: 0; padding: 0 0 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-gutter: auto; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact .msf-v1-thumbnail, body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact .msf-v1-thumbnail:last-child:nth-child(odd) { flex: 0 0 60px; inline-size: 60px; width: 60px; block-size: 80px; height: 80px; min-block-size: 0; grid-column: auto; aspect-ratio: 3 / 4; border: 2px solid transparent; border-radius: 4px; padding: 0; background: var(--ms-shop-color-surface-muted); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-thumbnail[aria-pressed="true"] { border-color: var(--ms-shop-color-text); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-thumbnail .msf-v1-image { object-fit: contain; inline-size: 100%; block-size: 100%; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-side { inline-size: 100%; max-inline-size: none; max-width: none; margin: 0; padding: 0; gap: 24px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary { display: flex; flex-flow: column nowrap; align-items: stretch; position: static; gap: 0; padding: 0; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary > * { order: 6; flex: none; inline-size: auto; width: auto; max-inline-size: 100%; margin-block: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-title { font-size: clamp(1.6rem, 2.3vw, 2rem); font-weight: 650; line-height: 1.18; letter-spacing: -.025em; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-categories { order: 10; margin-block-start: 18px; font-size: .7rem; font-weight: 400 !important; line-height: 1.6; letter-spacing: 0 !important; gap: .2rem .65rem; color: var(--ms-shop-color-muted); text-transform: none !important; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-stock-status { order: 4; align-self: flex-start; inline-size: fit-content; width: fit-content; padding: 0; margin-block: 10px 26px; border: 0; border-radius: 0; background: transparent; font-size: .8rem; font-weight: 500; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-facts { order: 8; border: 0; margin: 20px 0 0; padding: 0; gap: .5rem 1.5rem; color: var(--ms-shop-color-muted); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-facts div { display: flex; align-items: baseline; gap: .5rem; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-facts :is(dt, dd) { font-size: .8rem; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-product-information, .msf-v1-product-information-panel, .msf-v1-product-information-summary, .msf-v1-product-sku, .msf-v1-product-description-below) { border: 0; box-shadow: none; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-information { padding: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-description-below { margin-block-start: 8px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-description-copy { max-inline-size: 76ch; font-size: .95rem; line-height: 1.75; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-description-copy hr { border: 0; block-size: 0; margin-block: 1.5rem; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.fk-variant-columns, [data-ms-product-options], .msf-v1-multi-picker) { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.fk-variant-columns label, .msf-v1-variant-dimension) { position: relative; min-inline-size: 0; max-inline-size: none; max-width: none; display: grid; gap: 8px; margin: 0; padding: 0; font-size: .8rem; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-choice-source { position: absolute; inline-size: 1px; block-size: 1px; width: 1px; height: 1px; min-height: 0; min-block-size: 0; padding: 0; border: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choices { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; min-inline-size: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-option-choice, .msf-v1-variant-choice) { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-inline-size: 56px; min-block-size: 46px; inline-size: auto; width: auto; height: auto; margin: 0; border: 1px solid var(--ms-shop-color-border); border-radius: 6px; padding: 10px 14px; background: var(--ms-shop-color-surface); color: var(--ms-shop-color-text); font: inherit; font-size: .875rem; font-weight: 500; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; cursor: pointer; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-option-choice, .msf-v1-variant-choice)[aria-pressed="true"] { background: var(--ms-shop-color-text); border-color: var(--ms-shop-color-text); color: var(--ms-shop-color-surface); box-shadow: none; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choice:disabled { opacity: .4; background: transparent; text-decoration: none; cursor: not-allowed; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choice:focus-visible { outline: 2px solid var(--ms-shop-color-accent); outline-offset: 2px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.fk-product-heading, .msf-v1-product-detail-summary > .msf-v1-product-detail-title) { order: 0; margin: 0 0 14px; align-items: start; gap: 18px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .fk-product-heading .fk-product-favorite { inline-size: 42px; block-size: 42px; min-inline-size: 42px; border: 0; background: var(--ms-shop-color-surface-muted); box-shadow: none; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary > .msf-v1-price { order: 1; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-rating-summary { order: 2; margin-block-start: 10px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-product-lead, .msf-v1-product-description, .msf-v1-product-badges) { order: 3; margin-block: 12px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-purchase { order: 6; display: grid; gap: 24px; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-sku { order: 9; margin-block-start: 6px; padding: 0; font-size: .75rem; color: var(--ms-shop-color-muted); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choices[aria-label="Storlek" i] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choices[aria-label="Storlek" i] > .msf-v1-option-choice { inline-size: 100%; min-inline-size: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-purchase-actions { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 12px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity { display: flex !important; inline-size: 100%; width: 100%; align-items: center; justify-content: space-between; gap: 16px; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity > .msf-v1-field-label { display: block !important; position: static; inset: auto; inline-size: auto; width: auto; block-size: auto; height: auto; clip: auto; clip-path: none; overflow: visible; white-space: normal; margin: 0; padding: 0; color: var(--ms-shop-color-muted); font-size: .8rem; font-weight: 500; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity-controls { display: grid; grid-template-columns: 44px 34px 44px; gap: 0; inline-size: max-content; border: 0; border-radius: 8px; background: var(--ms-shop-color-surface-muted); overflow: hidden; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-quantity-button, .msf-v1-quantity-input) { inline-size: 100%; width: 100%; block-size: 44px; height: 44px; min-block-size: 0; min-height: 0; margin: 0; border: 0; border-radius: 0; padding: 0; background: transparent; color: var(--ms-shop-color-text); font: inherit; font-size: .9rem; font-weight: 500; text-align: center; box-shadow: none; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity-button { display: grid; place-items: center; font-size: 1.1rem; line-height: 1; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity-input { appearance: textfield; -moz-appearance: textfield; font-variant-numeric: tabular-nums; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity-input::-webkit-inner-spin-button, body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-quantity-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-product-purchase-actions, .msf-v1-product-detail-summary) > .msf-v1-button { inline-size: 100%; min-inline-size: 0; min-block-size: 52px; height: auto; margin: 0; padding: 14px 22px; border-radius: 6px; font-size: .95rem; font-weight: 600; line-height: 1.35; box-shadow: none; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-product-purchase-actions, .msf-v1-product-detail-summary) > .msf-v1-button:disabled { opacity: 1; background: var(--ms-shop-color-surface-muted); color: var(--ms-shop-color-muted); border-color: transparent; cursor: not-allowed; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-action-status:empty { display: none; } @media (min-width: 981px) { body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail.msf-v1-product-detail-compact { grid-template: "breadcrumb breadcrumb" auto "gallery side" auto / minmax(0, 1.1fr) minmax(0, 1fr); column-gap: clamp(32px, 4vw, 60px); row-gap: 28px; } } @media (max-width: 600px) { body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.fk-variant-columns, [data-ms-product-options], .msf-v1-multi-picker) { grid-template-columns: minmax(0, 1fr); gap: 18px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-option-choice, .msf-v1-variant-choice) { min-block-size: 44px; min-inline-size: 44px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact :is(.msf-v1-quantity-button, .msf-v1-quantity-input) { block-size: 44px; height: 44px; } } @media (max-width: 360px) { body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-option-choices[aria-label="Storlek" i] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary > .msf-v1-price .msf-v1-price-current { font-size: inherit; font-weight: inherit; line-height: inherit; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary > .msf-v1-notice { order: 5; margin-block: 0 20px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-detail-summary > :is(.msf-v1-variant-picker, .msf-v1-field, .msf-v1-custom-fields, .msf-v1-quantity) { margin-block-end: 20px; } body [data-ms-shop-root] .msf-v1-shell .msf-v1-product-detail-compact .msf-v1-product-categories span { font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; }