/* Liquid Glass 2.1 — LOCAL PREVIEW DRAFT, not a production release.
   Opt in in the initial HTML: data-md-theme="lg21". Solid: data-md-glass="off".
   Load in the early head after the accepted mobile CSS; never add a late wrapper.
   Existing mobile DOM, links, photos, SVG, grids and commerce remain unchanged.
   Only the header and bottom navigation may blur. No opacity on containers.
   Targeted !important rules override existing fixed-height/compact-type rules.
   Product/cart/keyboard/200% geometry still require the planned visual QA. */
html[data-md-theme="lg21"] {
  --lg-font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --lg-text: #20242b;
  --lg-muted: #596273;
  --lg-accent: #c62832;
  --lg-control-line: #737d8a;
  --lg-focus: #005ab8;
}
/* Desktop typography only: no desktop sizing, grids, positioning or blur. */
@media (min-width: 768px) {
  html[data-md-theme="lg21"] body { font-family: var(--lg-font); }
  html[data-md-theme="lg21"] :is(button, input, select, textarea) { font-family: var(--lg-font); }
}
@media (max-width: 767.98px) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] {
    --lg-font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
    --lg-space-1: .25rem;
    --lg-space-2: .5rem;
    --lg-space-3: .75rem;
    --lg-space-4: 1rem;
    --lg-space-6: 1.5rem;
    --lg-space-8: 2rem;
    --lg-canvas: #f4f5f7;
    --lg-surface: #fff;
    --lg-text: #20242b;
    --lg-muted: #596273;
    --lg-accent: #c62832;
    --lg-line: #d8dee5;
    --lg-control-line: #737d8a;
    --lg-focus: #005ab8;
    --lg-radius-control: .875rem;
    --lg-radius-card: 1rem;
    --lg-radius-panel: 1.375rem;
    --lg-shadow-card: 0 2px 8px rgb(32 36 43 / .06);
    --lg-shadow-nav: 0 2px 12px rgb(32 36 43 / .07);
    --lg-header-height: calc(3.5rem + env(safe-area-inset-top, 0px));
    --lg-nav-height: calc(4.5rem + 1px + env(safe-area-inset-bottom, 0px));
    --lg-buy-height: calc(5.5rem + env(safe-area-inset-bottom, 0px));
    --lg-z-header: 300;
    --lg-z-search: 310;
    --lg-z-bottom: 200;
    --lg-z-buy: 205;
    --lg-z-dialog: 10000;
    --mdm-bg: var(--lg-canvas);
    --mdm-card: var(--lg-surface);
    --mdm-surface: #eef0f3;
    --mdm-text: var(--lg-text);
    --mdm-muted: var(--lg-muted);
    --mdm-red: var(--lg-accent);
    --mdm-active: var(--lg-accent);
    --mdm-line: var(--lg-line);
    --mdm-bottom-space: var(--lg-nav-height);
    font-size: 100%;
    scroll-padding-top: calc(var(--lg-header-height) + 4rem);
    scroll-padding-bottom: var(--mdm-bottom-space);
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="product"] {
    --mdm-bottom-space: var(--lg-buy-height);
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active {
    font-family: var(--lg-font);
    font-size: 1rem;
    line-height: 1.5;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(button, input, select, textarea) {
    font-family: var(--lg-font);
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-header {
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: var(--lg-z-header);
    height: var(--lg-header-height);
    min-height: var(--lg-header-height);
    padding: calc(.25rem + env(safe-area-inset-top, 0px)) max(.5rem, env(safe-area-inset-right, 0px)) .25rem max(.5rem, env(safe-area-inset-left, 0px));
    gap: .25rem;
    background: var(--lg-surface);
    color: var(--lg-text);
    border-bottom: 1px solid var(--lg-line);
    box-shadow: var(--lg-shadow-nav);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-brand {
    min-width: 0;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-brand-title {
    min-width: 0;
    overflow-wrap: anywhere;
    letter-spacing: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header .mdm-icon-button, .mdm-search button) {
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    flex-basis: 44px;
    border-radius: var(--lg-radius-control);
  }
  /* The existing search sibling stays opaque: never a third glass layer. */
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-search {
    top: var(--lg-header-height);
    z-index: var(--lg-z-search);
    background: var(--lg-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-search form {
    min-height: 2.875rem;
    border: 1px solid var(--lg-control-line);
    border-radius: var(--lg-radius-control);
    background: var(--lg-surface);
    box-shadow: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-search input:not([type="hidden"]) {
    min-height: 2.75rem;
    font-size: 1rem;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-firstpaint="1"] .header-search {
    height: auto !important;
    margin: 0 .5rem !important;
    padding: 2px 0 .5rem !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-firstpaint="1"] body.mdm-active #mse2_form,
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-search #mse2_form {
    height: auto !important;
    min-height: 2.875rem !important;
    border-color: var(--lg-control-line) !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-firstpaint="1"] body.mdm-active #mse2_form :is(input[type="text"], input[type="search"]) {
    height: 2.75rem !important;
    font: 1rem/1.4 var(--lg-font) !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-search form:focus-within {
    outline: 3px solid var(--lg-focus);
    outline-offset: 2px;
    border-color: var(--lg-focus);
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav {
    box-sizing: border-box;
    grid-template-columns: repeat(5, minmax(max-content, 1fr));
    overflow-x: auto;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    z-index: var(--lg-z-bottom);
    min-height: var(--lg-nav-height);
    padding: .25rem max(.25rem, env(safe-area-inset-right, 0px)) calc(.25rem + env(safe-area-inset-bottom, 0px)) max(.25rem, env(safe-area-inset-left, 0px));
    background: var(--lg-surface);
    color: var(--lg-text);
    border-color: var(--lg-line);
    box-shadow: 0 -2px 12px rgb(32 36 43 / .07);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  /* Keep horizontal keyboard/touch access without adding scrollbar height
     beyond the shared safe-area/content reserve at large text sizes. */
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav::-webkit-scrollbar {
    display: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a {
    min-height: 4rem;
    min-width: 44px;
    gap: .25rem;
    padding: .125rem 0;
    color: var(--lg-muted);
    font-size: .75rem;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a[aria-current="page"] {
    color: var(--lg-accent);
    text-decoration: underline;
    text-underline-offset: .2em;
  }
  /* Keep existing product-only purchase bar and native button behaviour. */
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-buybar {
    box-sizing: border-box;
    z-index: var(--lg-z-buy);
    min-height: var(--lg-buy-height);
    background: var(--lg-surface);
    border-color: var(--lg-line);
    box-shadow: var(--lg-shadow-nav);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-buy-price, .price-current) {
    color: var(--lg-text);
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 700;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .descriptions-name {
    font-size: 1.5rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-buy-button, .mdm-primary-button, .mdm-module-buy, .ms2_form .btn-basket) {
    min-height: 44px;
    border-radius: var(--lg-radius-control);
    background: var(--lg-accent);
    color: #fff;
    font-size: 1rem;
    line-height: 1.4;
    white-space: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-module-actions a, .mdm-filter-group > summary, .mdm-filter-choice-more) {
    min-height: 44px;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-card {
    border-radius: var(--lg-radius-card);
    background: var(--lg-surface);
    box-shadow: var(--lg-shadow-card);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .name {
    font-size: .875rem !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .price {
    font-size: 1.375rem !important;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-card :is(.mdm-status, .mdm-card-details, .mdm-card-meta, .ts-tile-specs, .ts-delivery) {
    font-size: .875rem !important;
    line-height: 1.4 !important;
  }
  /* Existing catalog refresh uses ID-scoped important font shorthands.
     Override just these text nodes, not the accepted grid or data handlers. */
  html[data-md-theme="lg21"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .description > .price {
    font: 700 1.375rem/1.35 var(--lg-font) !important;
  }
  html[data-md-theme="lg21"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .name a {
    font: 500 .875rem/1.4 var(--lg-font) !important;
  }
  html[data-md-theme="lg21"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results :is(.mdm-card-details, .mdm-card-id, .mdm-status, .mdm-price-warning) {
    font: .875rem/1.4 var(--lg-font) !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-filter-dialog, .mdm-navigation-body, .mdm-dialog-heading, .mdm-dialog-actions, #msCart, #msOrder) {
    background: var(--lg-surface);
    color: var(--lg-text);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog {
    z-index: var(--lg-z-dialog);
    max-height: calc(100vh - env(safe-area-inset-top, 0px) - 1rem);
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 1rem);
    border: 1px solid var(--lg-control-line);
    border-radius: var(--lg-radius-panel) var(--lg-radius-panel) 0 0;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog::backdrop {
    background: rgb(32 36 43 / .38);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active.mdm-dialog-open { overflow: hidden; }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-dialog-actions {
    flex-wrap: wrap;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-dialog-heading {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-dialog-heading h2 {
    flex: 1 1 0;
    min-width: 0;
    font-size: 1.25rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-dialog-heading > button {
    flex: 0 0 44px;
    align-self: flex-start;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-filter-dialog, #msOrder) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-height: 44px;
    max-width: 100%;
    border-color: var(--lg-control-line);
    background: var(--lg-surface);
    color: var(--lg-text);
    font-size: 1rem;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--lg-focus);
    outline-offset: 2px;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav) :is(a, button):focus-visible {
    outline: 3px solid var(--lg-focus);
    outline-offset: -3px;
  }
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  @media (max-width: 767.98px) {
    html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav) {
      background: rgb(255 255 255 / .92);
      -webkit-backdrop-filter: blur(12px) saturate(120%);
      backdrop-filter: blur(12px) saturate(120%);
    }
  }
}
@media (max-width: 767.98px) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-md-glass="off"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav) {
    background: var(--lg-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-transparency: reduce) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav) {
    background: var(--lg-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] { scroll-behavior: auto; }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-search, .mdm-bottom-nav, .mdm-buybar, .mdm-filter-dialog, .mdm-card) {
    animation: none;
    transition: none;
    scroll-behavior: auto;
  }
}
@media (max-width: 767.98px) and (forced-colors: active) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] {
    --lg-canvas: Canvas;
    --lg-surface: Canvas;
    --lg-text: CanvasText;
    --lg-muted: CanvasText;
    --lg-control-line: ButtonText;
    --lg-line: CanvasText;
    --lg-accent: LinkText;
    --lg-focus: Highlight;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav, .mdm-card, .mdm-buybar, .mdm-filter-dialog) {
    background: Canvas;
    color: CanvasText;
    border: 1px solid CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-buy-button, .mdm-primary-button, .mdm-module-buy, .ms2_form .btn-basket) {
    background: ButtonFace;
    color: ButtonText;
    border: 1px solid ButtonText;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active :is(.mdm-header, .mdm-bottom-nav) svg { color: CanvasText; }
}

/* HOME shelves only: retain the complete amount/currency, without a JS rewrite.
   A rem-scaled minimum also keeps each amount readable when text is enlarged. */
@media (max-width: 767.98px) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) :is(.mdm-home-grid,#mse2_results,.showcase-products) > .mdm-card {
    min-width: 5.5rem !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card .description > .price {
    font-size: clamp(.7rem, 3.7vw, .8rem) !important;
    line-height: 1.25;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card .description > .price > .price-current {
    display: inline;
    margin: 0;
    font-size: inherit !important;
    line-height: inherit;
    white-space: inherit;
    overflow-wrap: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card .description > .price .old_price:not(.mdm-invalid-old-price):not([hidden]) {
    display: block;
    margin: 2px 0 0;
    font-size: .55rem !important;
    line-height: 1.25;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card .description > .price .old_price:is(.mdm-invalid-old-price,[hidden]) {
    display: none !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card .description .name {
    font-size: .75rem !important;
    line-height: 1.25;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) .mdm-card :is(.mdm-status,.mdm-card-details,.mdm-card-meta,.ts-tile-specs,.ts-delivery) {
    font-size: .6rem !important;
    line-height: 1.3 !important;
  }
}
.ts-delivery { display: none !important; }

/* LOCAL MOBILE POLISH V3 DRAFT: ordinary wrap + last-resort anywhere fallback; final browser QA pending. */
@media (max-width: 767.98px) {
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] {
    --lg-nav-height: calc(max(44px, 3rem) + .5rem + 1px + env(safe-area-inset-bottom, 0px));
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a {
    min-height: max(44px, 3rem);
    min-width: 44px;
    font-size: max(12px, .65rem);
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="product"] body.mdm-active .descriptions-name {
    font-size: 1.2rem;
    line-height: 1.25;
    min-height: 0;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active :is(.mdm-home,.mdm-firstpaint-showcase) :is(.mdm-home-grid,#mse2_results,.showcase-products) > .mdm-card {
    flex-basis: calc((100% - 8px) / 2.4) !important;
    width: calc((100% - 8px) / 2.4) !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .description > .price {
    font-size: clamp(.85rem, 5.1vw, 1.1rem) !important;
    line-height: 1.25 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .description > .price > .price-current {
    font-size: inherit !important;
    line-height: inherit;
    white-space: inherit;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .description > .price .mdm-price-warning {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results .name a {
    font: 500 max(14px, .8rem)/1.35 var(--lg-font) !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-catalog-refresh="1"][data-mdm-page="catalog"] body.mdm-active #mse2_results :is(.mdm-card-details, .mdm-card-id, .mdm-status, .mdm-price-warning) {
    font-size: max(12px, .7rem) !important;
    line-height: 1.4 !important;
  }
  html[data-md-theme="lg21"][data-md-mobile-preview="1"][data-mdm-page="cart"] body.mdm-active .main-button-center > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: var(--lg-radius-control);
    background: var(--lg-accent);
    color: #fff;
    font: 500 max(14px, .8rem)/1.35 var(--lg-font);
    text-decoration: none;
    box-sizing: border-box;
  }
}
/* LOCAL DESKTOP V2 DRAFT — not published or browser-accepted.
   Append-only proposal over accepted mobile CSS4f355; do not modify that prefix.
   Existing grids, image geometry, links and JS stay unchanged. Header text may wrap;
   its existing menu follows the actual header height instead of a fixed70px offset.
   The desktop header wrapper is display:contents: glass belongs only to .dd-main.
   Required QA:768/1024/1280/1440/1920, zoom200%, focus, solid/reduced/forced colors.
   Existing card prices, warning visibility, native forms and commerce are preserved. */
@media (min-width: 768px) {
  html[data-md-theme="lg21"].dd-active {
    --dd-red: var(--lg-accent);
    --dd-text: var(--lg-text);
    --dd-muted: var(--lg-muted);
    --lg-desktop-control-radius: 12px;
    --lg-desktop-card-radius: 16px;
  }
  html[data-md-theme="lg21"].dd-active body {
    font-family: var(--lg-font);
    font-size: .8rem;
    line-height: 1.5;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-main #mse2_form input.s1, .dd-branch-button, .dd-catalog-button, .dd-primary, .dd-card-action, .dd-toolbar select, .dd-brand-search, .dd-brand-more) {
    font-family: var(--lg-font);
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-service-inner, .dd-service-extra a, .dd-service summary) {
    font-size: .65rem;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"].dd-active .dd-service-inner {
    flex-wrap: wrap;
    column-gap: 1.1rem;
    row-gap: .2rem;
  }
  html[data-md-theme="lg21"].dd-active .dd-service-extra {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    row-gap: .2rem;
  }
  html[data-md-theme="lg21"].dd-active .dd-main .header-favorites {
    width: auto !important;
    min-width: 78px;
    flex: 0 0 auto;
  }
  html[data-md-theme="lg21"].dd-active .dd-cart-link {
    flex: 0 0 auto;
    min-width: max-content;
  }
  html[data-md-theme="lg21"].dd-active .dd-mega {
    top: 100%;
  }
  html[data-md-theme="lg21"].dd-active .dd-rail a {
    font-size: .7rem;
  }
  html[data-md-theme="lg21"].dd-active .dd-main .favorites-link::after,
  html[data-md-theme="lg21"].dd-active .dd-cart-link {
    font-size: .65rem;
  }
  html[data-md-theme="lg21"].dd-active .dd-meta .name {
    font-size: .8rem !important;
    line-height: 1.4 !important;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-dimensions, .dd-product-number) {
    font-size: .65rem;
    line-height: 1.45;
    color: var(--lg-muted);
  }
  html[data-md-theme="lg21"].dd-active .dd-card .dd-meta .price .color-red {
    font-size: .65rem !important;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"].dd-active #mse2_filters label {
    font-size: .7rem !important;
  }
  html[data-md-theme="lg21"].dd-active :is(#mse2_filters .mse2_number_inputs input, .dd-brand-search, .dd-toolbar select, .dd-card .dd-card-action) {
    min-height: max(44px, 2.2rem);
  }
  html[data-md-theme="lg21"].dd-active .dd-card .favorite-icon {
    width: 44px;
    height: 44px;
  }
  html[data-md-theme="lg21"].dd-active .dd-main #mse2_form input.s1 {
    font-size: .8rem !important;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-branch-button, .dd-toolbar select, .dd-brand-search) {
    font-size: .75rem;
    line-height: 1.4;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-catalog-button, .dd-primary, .dd-card-action, .dd-branch-button, .dd-mega-close, .dd-toolbar select, .dd-brand-search) {
    border-radius: var(--lg-desktop-control-radius);
  }
  html[data-md-theme="lg21"].dd-active .dd-main form#mse2_form {
    border-radius: 14px;
  }
  html[data-md-theme="lg21"].dd-active .dd-main #mse2_form button.s2 {
    border-radius: 0 11px 11px 0;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-main #mse2_form:focus-within, .dd-catalog-button:focus-visible, .dd-cart-link:focus-visible, .dd-main .favorites-link:focus-visible, .dd-rail a:focus-visible, .dd-card a:focus-visible, .dd-branch-button:focus-visible, .dd-mega-close:focus-visible, .dd-toolbar select:focus-visible, .dd-brand-search:focus-visible, .dd-brand-more:focus-visible) {
    outline: 3px solid var(--lg-focus);
    outline-offset: 2px;
  }
  html[data-md-theme="lg21"].dd-active :is(.dd-meta .price, .dd-purchase .price-current) {
    font-variant-numeric: tabular-nums;
  }
  html[data-md-theme="lg21"].dd-active .dd-card {
    border-radius: var(--lg-desktop-card-radius) !important;
    border-color: #d8dee5 !important;
    box-shadow: 0 2px 8px rgb(32 36 43 / .04) !important;
    transition: none !important;
  }
  html[data-md-theme="lg21"].dd-active .dd-card:hover {
    border-color: #b2bdca !important;
    box-shadow: 0 2px 8px rgb(32 36 43 / .04) !important;
  }
  html[data-md-theme="lg21"].dd-active .dd-main {
    background: #fff;
    border-bottom-color: #d8dee5;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: none;
  }
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  @media (min-width: 768px) {
    html[data-md-theme="lg21"].dd-active .dd-main {
      background: rgb(255 255 255 / .94);
      -webkit-backdrop-filter: blur(10px) saturate(120%);
      backdrop-filter: blur(10px) saturate(120%);
    }
  }
}
@media (min-width: 768px) {
  html[data-md-theme="lg21"][data-md-glass="off"].dd-active .dd-main {
    background: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-transparency: reduce) {
  html[data-md-theme="lg21"].dd-active .dd-main {
    background: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 768px) and (forced-colors: active) {
  html[data-md-theme="lg21"].dd-active .dd-main {
    background: Canvas;
    color: CanvasText;
    border-bottom-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}


/* Opaque static campaign surface; accepted Liquid Glass CSS remains an exact prefix. */
[data-md-promo-layout="1"], [data-md-promo-mobile="1"] { min-width:0; }
.md-promo-card { box-sizing:border-box; position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"eyebrow eyebrow" "title title" "description photo" "cta photo" "caption caption"; align-content:center; align-items:start; gap:8px 16px; min-width:0; min-height:310px; margin:0; padding:24px; overflow:hidden; border:1px solid #e4e6e8; border-radius:22px; background:#f3eee7; color:#242931; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.md-promo-card[data-md-promo="kitchen"] { background:#edf1ec; }
.md-promo-copy { display:contents; }
.md-promo-eyebrow { grid-area:eyebrow; display:block; margin:0; font-size:13px; font-weight:650; line-height:1.35; color:#6b5544; }
.md-promo-card[data-md-promo="kitchen"] .md-promo-eyebrow { color:#48604d; }
.md-promo-card h2 { grid-area:title; margin:0 0 4px; min-height:0; font:700 clamp(24px,2.2vw,32px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:-.025em; overflow-wrap:anywhere; }
.md-promo-description { grid-area:description; margin:0 0 4px; font-size:16px; line-height:1.4; }
.md-promo-description, .md-promo-cta { min-width:0; overflow-wrap:anywhere; }
.md-promo-cta { grid-area:cta; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; justify-self:start; min-height:44px; max-width:100%; padding:11px 16px; border-radius:12px; background:#c62832; color:#fff; font-size:15px; font-weight:650; line-height:1.4; text-align:center; text-decoration:none; }
.md-promo-cta:hover { color:#fff; background:#ab202a; text-decoration:none; }
.md-promo-cta:focus-visible { outline:3px solid #0065c8; outline-offset:3px; }
.md-promo-photo { grid-area:photo; display:block; min-width:0; width:100%; align-self:center; border-radius:13px; overflow:hidden; }
.md-promo-photo img { display:block; width:100%; height:auto; max-width:100%; object-fit:contain; }
.md-promo-caption { grid-area:caption; display:block; margin:2px 0 0; font-size:12px; line-height:1.4; color:#596273; }
@media (min-width:768px) {
  .md-promo-card { align-content:start; }
  .md-promo-photo, .md-promo-photo img { max-height:180px; }
  .md-promo-photo { display:flex; justify-content:center; }
  .md-promo-photo img { width:auto; max-width:100%; border-radius:13px; }
  .showcase-wrapper[data-md-promo-layout="1"] { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:20px; align-items:stretch; }
  .showcase-wrapper[data-md-promo-layout="1"] > .md-promo-card[data-md-promo="sofa"] { order:0; }
  .showcase-wrapper[data-md-promo-layout="1"] > .md-promo-card[data-md-promo="kitchen"] { order:1; }
  .showcase-wrapper[data-md-promo-layout="1"] > :not(.md-promo-card) { order:2; grid-column:1/-1; min-width:0; }
}
@media (min-width:768px) and (max-width:1023px) {
  .showcase-wrapper[data-md-promo-layout="1"] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media (max-width:767.98px) {
  html[data-md-theme="lg21"] .md-promo-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:250px; padding:16px; gap:7px 10px; border-radius:20px; }
  html[data-md-theme="lg21"] .md-promo-card h2 { font-size:clamp(24px,6.4vw,28px); line-height:1.08; }
  html[data-md-theme="lg21"] .md-promo-description { font-size:15px; margin-bottom:2px; }
  html[data-md-theme="lg21"] .md-promo-cta { font-size:14px; padding:10px 12px; }
  .showcase-wrapper[data-md-promo-layout="1"] > .md-promo-card, .mdm-home[data-md-promo-mobile="1"] > .md-promo-card { margin:8px 6px 12px; }
  .md-promo-eyebrow { font-size:12px; }
}
@media (max-width:359px) {
  html[data-md-theme="lg21"] .md-promo-card { gap:7px 8px; padding:14px; }
  html[data-md-theme="lg21"] .md-promo-card h2 { font-size:24px; }
}
@media (forced-colors:active) {
  .md-promo-card { background:Canvas; color:CanvasText; border:1px solid CanvasText; }
  .md-promo-eyebrow, .md-promo-card[data-md-promo="kitchen"] .md-promo-eyebrow, .md-promo-caption { color:CanvasText; }
  .md-promo-cta { background:ButtonFace; color:ButtonText; border:1px solid ButtonText; }
}

/* Let enlarged whole words claim their intrinsic width before shrinking photos. */
html[data-md-theme="lg21"] .md-promo-card { grid-template-columns:minmax(min-content,1fr) minmax(0,1fr); }
.md-promo-description, .md-promo-cta { overflow-wrap:normal; word-break:normal; }
/* Below 360px, give enlarged ordinary words and the whole photo full width. */
@media (max-width:359px) {
  html[data-md-theme="lg21"] .md-promo-card { grid-template-columns:minmax(0,1fr); grid-template-areas:"eyebrow" "title" "photo" "description" "cta" "caption"; }
  html[data-md-theme="lg21"] .md-promo-photo { display:flex; justify-content:center; max-height:160px; }
  html[data-md-theme="lg21"] .md-promo-photo img { width:auto; max-width:100%; max-height:160px; border-radius:13px; }
}