@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

/* Rendsee: confident department-store red, warm stone, precise catalog grids. */
:root {
    --rd-ink: #262722;
    --rd-muted: #65665f;
    --rd-paper: #f4f2ed;
    --rd-surface: #fbfaf7;
    --rd-soft: #eeece5;
    --rd-line: #dedbd2;
    --rd-red: #9b1c2b;
    --rd-red-deep: #781521;
    --rd-font: "DM Sans", sans-serif;
    --rd-display: "Manrope", sans-serif;
    --rd-shadow: 0 16px 40px rgb(35 32 26 / 13%);
}

html { scroll-behavior: smooth; }
body {
    color: var(--rd-ink);
    background: var(--rd-paper);
    font-family: var(--rd-font);
    font-size: 16px;
    line-height: 1.5;
}
a, button, input, select, textarea { font-family: inherit; }
a { color: var(--rd-red); }
a:hover { color: var(--rd-red-deep); }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid #bd7d45;
    outline-offset: 3px;
}
.button, .form-label, .form-input, .form-select, .pagination-link, .navBar-action { font-size: 16px; }
.page, .page-content { color: var(--rd-ink); }
.page-heading {
    color: var(--rd-ink);
    font: 800 clamp(30px, 3vw, 42px)/1.14 var(--rd-display);
    letter-spacing: -.04em;
}
.breadcrumbs, .breadcrumbs .breadcrumb, .breadcrumbs .breadcrumb-label { font-size: 14px; }
/* Replace the old fixed-width page shell, not just the components inside it. */
body.rendsee-live { padding-top: 0 !important; }
body.rendsee-live .body { margin-top: 0; padding-top: 0; }
body.rendsee-live .body > .container {
    width: min(calc(100% - 48px), 1440px);
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
}
body.rendsee-live .body > .container:has(> .rd-home) { width: 100%; }
.below_nav_clear { display: none; }

/* Native logo and financial/account/cart controls, rebuilt around isolated rd-* hooks. */
header.header {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 50;
    display: grid;
    grid-template-columns: 205px max-content minmax(140px, 1fr) max-content;
    align-items: center;
    gap: clamp(12px, 1.8vw, 25px);
    min-height: 96px;
    padding: 8px clamp(20px, 4vw, 64px);
    color: var(--rd-ink);
    background: var(--rd-surface);
    border-bottom: 1px solid var(--rd-line);
}
header.header::before,
header.header::after,
header.header .navUser::before,
header.header .navUser::after { display: none !important; content: none !important; }
body.rd-menu-open { overflow: hidden; }
body.rd-menu-open header.header { z-index: 90; }
header.header > .mobileMenu-toggle { display: none !important; }
header.header .logo-user-section.container,
header.header #menu-wrapper,
header.header #menu,
header.header .navPages-container,
header.header #menu nav,
header.header .navPages-wider,
header.header .nav-minus-logo,
header.header .navUser,
header.header .navUser-section { display: contents !important; }
header.header .rd-brand {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: 205px;
    height: 78px;
    margin: 0;
    line-height: 0;
}
header.header .rd-brand > a,
header.header .rd-brand .header-logo-image-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
header.header .rd-brand .header-logo-image-container::after { display: none; }
header.header .rd-brand img {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    object-fit: contain;
    object-position: left center;
    transform: none;
}
header.header > .rd-department-trigger {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 10px 7px;
    color: var(--rd-ink);
    background: var(--rd-surface);
    border: 0;
    border-radius: 4px;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
}
.rd-hamburger { display: grid; gap: 5px; width: 22px; }
.rd-hamburger i { display: block; height: 2px; width: 22px; background: currentColor; border-radius: 2px; }
header.header > .rd-department-trigger:hover { color: var(--rd-red); }
header.header .rd-header-search {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: min(100%, 430px);
    min-width: 0;
    padding-top: 0;
}
header.header.rd-has-balance .rd-header-search { padding-top: 21px; }
.rd-header-search form { position: relative; display: flex; margin: 0; }
.rd-header-search .form-input {
    width: 100%;
    height: 44px;
    padding: 0 48px 0 14px;
    color: var(--rd-ink);
    background: var(--rd-paper);
    border: 1px solid var(--rd-line);
    border-radius: 5px;
    font-size: 16px;
}
.rd-header-search .form-input::placeholder { color: #70716b; opacity: 1; }
.rd-header-search-submit {
    position: absolute;
    inset: 4px 4px 4px auto;
    display: grid;
    place-items: center;
    width: 36px;
    padding: 0;
    color: #fffaf6;
    background: var(--rd-red);
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
.rd-header-search-submit:hover { background: var(--rd-red-deep); }
.rd-header-search-submit svg { width: 18px; height: 18px; fill: currentColor; }
header.header .navUser-section {
    grid-column: 4;
    grid-row: 1;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    width: max-content;
    margin: 0;
    padding: 0;
}
header.header .navUser-section::before, header.header .navUser-section::after { display: none; }
header.header .navUser-item--storecredit.desktop {
    display: block;
    float: none;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: flex-end;
    text-align: right;
    white-space: nowrap;
}
header.header .navUser-item--storecredit .navUser-action {
    display: block;
    min-width: 0;
    min-height: 0;
    line-height: 1.35;
}
header.header .navUser-item--storecredit .navUser-action {
    padding: 0;
    color: var(--rd-muted);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .035em;
    text-decoration: none;
}
header.header .navUser-item--storecredit .dropdown-menu,
header.header #quickSearch,
header.header .navUser-item.quicksearch,
header.header .navUser-item--compare,
header.header .gift-certificates,
header.header .navUser-item--currency { display: none !important; }
header.header .navUser .user-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
    gap: 15px;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
}
header.header .rd-user-icons-item { display: block; float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
header.header .user-icons > .navUser-item { float: none; width: auto; min-width: 0; margin: 0; }
header.header .navUser-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 40px;
    padding: 5px;
    color: var(--rd-ink);
    text-decoration: none;
}
header.header .navUser-action:hover { color: var(--rd-red); }
header.header .header-icon { width: 25px; height: 25px; fill: currentColor; }
header.header .navUser-item--account { position: relative; }
header.header .rd-account-trigger,
header.header .rd-cart-trigger { gap: 7px; font-size: 15px; font-weight: 600; white-space: nowrap; }
header.header .navUser-item--account .dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    left: auto;
    width: 255px;
    max-width: calc(100vw - 28px);
    height: auto;
    margin: 0;
    padding: 8px;
    color: var(--rd-ink);
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: 7px;
    box-shadow: var(--rd-shadow);
    z-index: 100;
}
header.header .navUser-item--account.is-open .dropdown-menu,
header.header .navUser-item--account.rd-account-hover .dropdown-menu { display: block; }
header.header .navUser-item--account .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    height: 10px;
}
header.header .navUser-item--account .dropdown-menu :is(.navBar, .navBar-section, .navBar-item) {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}
header.header .navUser-item--account .dropdown-menu .navBar-action {
    display: flex;
    justify-content: flex-start;
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 4px;
    font-size: 15px;
    text-transform: none;
}
header.header .navUser-item--account .dropdown-menu .navBar-action:hover { background: var(--rd-soft); }
header.header .navUser-item--account .navBar-item.is-active { padding: 9px 11px; }
header.header .navUser-item--account .navUser-or { display: none; }
header.header .countPill { background: var(--rd-red); color: #fff; }

/* Single real category source, accessible as a wide desktop menu or mobile drawer. */
.rd-department-backdrop {
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgb(32 30 27 / 42%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
}
.rd-department-panel {
    direction: ltr;
    text-align: left;
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    width: min(1100px, calc(100vw - 48px));
    max-height: min(75dvh, 690px);
    overflow: auto;
    padding: 23px 28px 28px;
    color: var(--rd-ink);
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: 8px;
    box-shadow: var(--rd-shadow);
    transform: translate(-50%, -7px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
    z-index: 80;
}
body.rd-menu-open .rd-department-panel {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
body.rd-menu-open .rd-department-backdrop { opacity: 1; pointer-events: auto; }
.rd-department-heading {
    display: flex;
    align-items: end;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--rd-line);
}
.rd-department-heading h2 {
    margin: 0;
    font: 750 27px/1.2 var(--rd-display);
    letter-spacing: -.035em;
}
.rd-department-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--rd-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.rd-department-count { margin-left: auto; color: var(--rd-muted); font-size: 14px; }
.rd-department-close {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: var(--rd-ink);
    background: var(--rd-paper);
    border: 1px solid var(--rd-line);
    border-radius: 50%;
    cursor: pointer;
}
.rd-department-close svg { width: 16px; height: 16px; fill: currentColor; }
.rd-department-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 4px 24px;
    padding-top: 9px;
}
.rd-department-group { min-width: 0; border-bottom: 1px solid var(--rd-line); }
.rd-department-row, .rd-subdepartment-row { display: flex; align-items: center; min-width: 0; }
.rd-department-link {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    min-height: 47px;
    padding: 6px 8px;
    color: var(--rd-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none !important;
}
.rd-category-disclosure {
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: var(--rd-muted);
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
.rd-category-disclosure:hover, .rd-category-disclosure[aria-expanded="true"] { color: var(--rd-red); background: var(--rd-soft); }
.rd-category-disclosure svg { width: 14px; height: 14px; fill: currentColor; transition: transform 150ms ease; }
.rd-category-disclosure[aria-expanded="true"] svg { transform: rotate(180deg); }
.rd-department-children,
.rd-department-grandchildren { display: grid; gap: 1px; padding: 2px 0 8px 13px; margin: 0; list-style: none; }
.rd-department-children[hidden], .rd-department-grandchildren[hidden] { display: none !important; }
.rd-department-children li { min-width: 0; }
.rd-department-children a,
.rd-department-grandchildren a {
    display: block;
    flex: 1;
    min-width: 0;
    padding: 6px 8px;
    color: var(--rd-muted);
    border-radius: 3px;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none !important;
}
.rd-department-children a:hover, .rd-department-grandchildren a:hover { color: var(--rd-red); background: var(--rd-paper); }
.rd-department-link:hover { color: var(--rd-red); background: var(--rd-paper); }
.rd-department-row:has(> .rd-category-disclosure[aria-expanded="true"]) > a,
.rd-subdepartment-row:has(> .rd-category-disclosure[aria-expanded="true"]) > a { color: var(--rd-red); }
.rd-department-link:is(:hover, :focus, :active, :visited) { text-decoration: none !important; }

/* Homepage uses genuine native Stencil product cards in five focused sections. */
.rd-home { min-height: 60vh; background: var(--rd-paper); }
.rd-home-catalog { width: min(calc(100% - 56px), 1320px); padding: 37px 0 70px; margin: 0 auto; }
.rd-home-heading { display: flex; align-items: end; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid var(--rd-line); }
.rd-home-heading h1 {
    margin: 0;
    color: var(--rd-ink);
    font: 800 clamp(31px, 3.4vw, 43px)/1.12 var(--rd-display);
    letter-spacing: -.05em;
}
.rd-home-heading .rd-kicker { margin: 0 0 6px; color: var(--rd-red); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rd-home-section { margin-top: 29px; }
.rd-electronics-banner { display: block; margin-top: 24px; }
.rd-electronics-banner img { display: block; width: 100%; height: auto; }
.rd-tcl-banner { display: block; margin-top: 24px; }
.rd-tcl-banner img { display: block; width: 100%; height: auto; }
.rd-home-catalog > .rd-request-banner { margin-top: 60px; }
.rd-home-department + .rd-home-department { margin-top: 39px; }
.rd-home-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding-bottom: 9px; border-bottom: 1px solid var(--rd-line); }
.rd-home-section-heading h2 { margin: 0; color: var(--rd-ink); font: 700 23px/1.3 var(--rd-display); letter-spacing: -.025em; }
.rd-home-section-heading > a { color: var(--rd-red); font-size: 15px; font-weight: 600; text-decoration: none; }
.rd-home-section-heading > a:hover { text-decoration: underline; }
.rd-department-products { min-height: 0; }
.rd-department-products[aria-busy="true"] { min-height: 280px; }
.rd-department-status { margin: 16px 0; color: var(--rd-muted); font-size: 15px; }
.rd-department-products[data-state="loading"] .rd-department-status { max-width: 160px; color: transparent; background: linear-gradient(90deg, #eae8e1, #f5f3ee, #eae8e1); background-size: 200% 100%; border-radius: 4px; animation: rd-skeleton 1.4s ease infinite; }
.rd-loading-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; margin-top: 15px; }
.rd-loading-grid span { display: block; height: 232px; background: linear-gradient(110deg, #ebe9e2 8%, #f7f5f0 18%, #ebe9e2 33%); background-size: 200% 100%; border: 1px solid var(--rd-line); border-radius: 6px; animation: rd-skeleton 1.4s ease infinite; }
.rd-loading-grid span:nth-child(2) { animation-delay: 100ms; }
.rd-loading-grid span:nth-child(3) { animation-delay: 200ms; }
.rd-loading-grid span:nth-child(4) { animation-delay: 300ms; }
.rd-loading-grid span:nth-child(5) { animation-delay: 400ms; }
@keyframes rd-skeleton { to { background-position: -200% 0; } }
.rd-home .rd-product-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px;
    padding: 0;
    margin: 15px 0 0;
    list-style: none;
}
.rd-home .rd-product-grid::before, .rd-home .rd-product-grid::after { display: none; content: none; }
.rd-home .rd-product-grid > .product { float: none; width: auto; min-width: 0; margin: 0; }
.rd-home .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 9px 10px 13px;
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: 6px;
    transition: none;
}
.rd-home .card:hover { transform: none; }
.rd-home .card-figure { margin: 0; }
.rd-home .card-img-container {
    display: grid;
    place-items: center;
    aspect-ratio: 1 / .86;
    overflow: hidden;
    background: #f0eee8;
    border-radius: 4px;
}
.rd-home .card-image { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.rd-home .card-body { display: flex; flex: 1; flex-direction: column; padding: 12px 1px 0; }
.rd-home .card-text[data-test-info-type="brandName"] { margin-bottom: 3px; color: var(--rd-muted); font-size: 13px; }
.rd-home .card-title {
    display: -webkit-box;
    min-height: 45px;
    margin: 0 0 8px;
    overflow: hidden;
    color: var(--rd-ink);
    font: 600 15px/1.45 var(--rd-font);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.rd-home .card-title a { color: inherit; text-decoration: none; }
.rd-home .card-title a:hover { color: var(--rd-red); }
.rd-home .card-text[data-test-info-type="price"] { margin-top: auto; color: var(--rd-red); font-size: 16px; font-weight: 700; }
.rd-home .card-figcaption { background: rgb(244 242 237 / 94%); }
.rd-home .card-figcaption-button { color: white; background: var(--rd-red); border-color: var(--rd-red); }
.rd-home .card-figcaption-button:hover { background: var(--rd-red-deep); }

/* Native category/search/product views retain their original functional markup. */
.rd-search { padding-top: 12px; }
.rd-search .breadcrumbs { margin: 0 0 8px; }
.rd-search-heading .page-heading { margin: 0 0 14px; font-size: 32px; text-align: left; }
.rd-search-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; padding: 12px 0; border-block: 1px solid var(--rd-line); font-size: 15px; line-height: 1.5; }
.rd-search-toolbar nav { margin: 0; padding: 0; }
.rd-search-toolbar a { color: var(--rd-red); text-decoration: none; }
.rd-search-toolbar a:hover { text-decoration: underline; }
.rd-search-toolbar [data-product-results-toggle] { font-weight: 700; }
.rd-search-links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
.rd-search-links strong { color: var(--rd-ink); font-weight: 600; }
.rd-search-advanced { margin-left: auto; }
.rd-search-results { margin: 16px 0 0; }
.rd-search-results > .page-content { width: 100%; padding: 0; }
.rd-search-results:has(> .page-sidebar) { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; }
.rd-search-results > .page-sidebar { display: block !important; width: 100%; margin: 0; padding: 0; }
.rd-search #product-listing-container { display: block !important; }
.rd-search .actionBar { margin: 0 0 16px; }
.rd-search .actionBar-section { margin-bottom: 0; }
.rd-search-suggestion { margin: 12px 0 0; }
@media (max-width: 767px) {
    .rd-search-heading .page-heading { font-size: 26px; }
    .rd-search-toolbar { gap: 8px 16px; }
    .rd-search-advanced { margin-left: 0; }
    .rd-search-results:has(> .page-sidebar) { grid-template-columns: minmax(0, 1fr); }
}
.productGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 0;
    list-style: none;
}
.productGrid::before, .productGrid::after { display: none; content: none; }
.productGrid > .product { float: none; width: auto; min-width: 0; margin: 0; }
body.rendsee-live .productGrid > li.product {
    float: none !important;
    width: 100% !important;
    max-width: none;
    min-width: 0;
    padding: 0;
}
.productGrid .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 9px;
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: 6px;
}
.productGrid .card-img-container { display: grid; place-items: center; aspect-ratio: 1 / .88; background: var(--rd-soft); border-radius: 4px; }
.productGrid .card-image { object-fit: contain; mix-blend-mode: multiply; }
/* Vault's intrinsic-image spacer and absolute sizing must not define a second
   image height underneath the new consistent catalog frames. */
.productGrid .card-figure { margin: 0; }
.productGrid .card-img-container {
    position: relative;
    width: 100%;
    max-width: none;
    overflow: hidden;
    background: #fff;
}
.productGrid .card-img-container::after { display: none; content: none; }
.productGrid .card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
    mix-blend-mode: normal;
}
.productGrid .card-body { display: flex; flex: 1; flex-direction: column; height: auto; min-height: 0; text-align: left; }
.productGrid .card-title { height: auto; }
.productGrid:not(.rd-product-grid) .card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; min-height: 4.35em; overflow: hidden; }
.productGrid .card-text[data-test-info-type="price"] { margin-top: auto; font-size: 16px; }
.productGrid .card-text[data-test-info-type="price"] > p { margin: 0; }
.rd-category-page { padding-top: 24px; }
.rd-category-page:has(> .page-sidebar) { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; }
.rd-category-page::before, .rd-category-page::after { display: none; }
.rd-category-page > .page-sidebar, .rd-category-page > .page-content { width: 100%; min-width: 0; padding: 0; margin: 0; float: none; }
.rd-category-page .page-heading { margin: 0 0 20px; font-size: 34px; text-align: left; }
.rd-category-page .page-sidebar .navList-action { font-size: 16px; padding-block: 5px; }
.rd-subcategories { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.rd-subcategories a { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 13px; color: var(--rd-ink); background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: 24px; font-size: 15px; text-decoration: none; }
.rd-subcategories a:hover { border-color: var(--rd-red); color: var(--rd-red); }
.productGrid .card-title { font-size: 15px; line-height: 1.45; }
.productGrid .card-title a { color: var(--rd-ink); text-decoration: none; }
.productGrid .card-title a:hover { color: var(--rd-red); }
.productGrid .card-text[data-test-info-type="price"] { color: var(--rd-red); font-weight: 700; }
.productView {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    column-gap: clamp(30px, 5vw, 72px);
    align-items: start;
    width: min(calc(100% - 48px), 1210px);
    margin: 0 auto 54px;
}
.productView::before, .productView::after { display: none; content: none; }
.productView > .productView-images { grid-column: 1; grid-row: 1 / span 2; }
.productView > .productView-details:nth-of-type(1) { grid-column: 2; grid-row: 1; padding-top: 8px; }
.productView > .productView-details:nth-of-type(3) { grid-column: 2; grid-row: 2; }
.productView > .productView-details, .productView > .productView-images { float: none; width: 100%; min-width: 0; padding-inline: 0; }
.productView-images .productView-image { min-height: 390px; overflow: hidden; background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: 7px; }
.productView .productView-image--default { object-fit: contain; }
.productView-title { color: var(--rd-ink); font: 800 clamp(27px, 3vw, 39px)/1.18 var(--rd-display); letter-spacing: -.04em; }
.productView-price, .productView-price .price, .productView-price .login-for-pricing { color: var(--rd-red); }
.productView-brand a, .productView-reviewLink a { color: var(--rd-red); }
.productView-info { border-color: var(--rd-line); }
.productView-info-name { color: var(--rd-muted); }
.productView-options .form-input, .productView-options select, .productView-options textarea,
.cart .form-input, .cart select {
    color: var(--rd-ink);
    background: var(--rd-surface);
    border-color: var(--rd-line);
    border-radius: 4px;
}
.button--primary, .productView .button--primary, .cart-actions .button--primary { color: #fff; background: var(--rd-red); border-color: var(--rd-red); border-radius: 4px; }
.button--primary:hover, .productView .button--primary:hover, .cart-actions .button--primary:hover { color: #fff; background: var(--rd-red-deep); border-color: var(--rd-red-deep); }

/* Cart, account and native forms use a shared warm retailer surface. */
[data-cart], .form, .account { color: var(--rd-ink); }
.cart { color: var(--rd-ink); background: var(--rd-surface); border-color: var(--rd-line); }
.cart-header, .cart-header th { color: #4f504a; background: var(--rd-soft); }
.cart-item { border-color: var(--rd-line); }
.cart-item-image, .cart-item-fixed-image { padding: 5px; background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: 4px; }
.cart-item-name__label { color: var(--rd-ink); font-weight: 650; }
.cart-item-name__label:hover, .cart-remove:hover { color: var(--rd-red); }
.cart-total, .cart-total-grandTotal { border-color: var(--rd-line); }
.cart-total-grandTotal { color: var(--rd-red); font-weight: 700; }
.page-content[data-cart] { width: min(calc(100% - 48px), 1190px); margin: 0 auto; }
table.cart { border-collapse: separate; border-spacing: 0 9px; }
.cart-header th { border: 0; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.cart-item { background: var(--rd-surface); }
.cart-item > td { border-top: 1px solid var(--rd-line); border-bottom: 1px solid var(--rd-line); }
.cart-item > td:first-child { border-left: 1px solid var(--rd-line); border-radius: 6px 0 0 6px; }
.cart-item > td:last-child { border-right: 1px solid var(--rd-line); border-radius: 0 6px 6px 0; }
.cart-totals { width: min(100%, 470px); padding: 14px 18px; margin: 8px 0 0 auto; background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: 6px; }
.cart-actions { justify-content: flex-end; margin-top: 18px; }
.rendsee-account { min-height: 70vh; padding: 36px 24px 72px; color: var(--rd-ink); background: var(--rd-paper); }
.rendsee-account .rd-account-heading, .rendsee-account .rd-account-layout { width: min(100%, 1190px); margin-inline: auto; }
.rendsee-account .rd-account-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--rd-line); }
.rendsee-account .rd-account-kicker { margin: 0 0 7px; color: var(--rd-red); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rendsee-account .rd-account-heading h1 { margin: 0; color: var(--rd-ink); font: 800 clamp(30px, 3.5vw, 42px)/1.12 var(--rd-display); letter-spacing: -.04em; }
.rendsee-account .rd-account-layout { display: grid; grid-template-columns: minmax(190px, .62fr) minmax(0, 1.8fr); gap: 22px; align-items: start; padding-top: 23px; }
.rendsee-account .rd-account-nav, .rendsee-account .rd-account-panel, .rendsee-account .rd-account-orders, .rendsee-account .rd-account-profile { background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: 7px; }
.rendsee-account .rd-account-nav { padding: 14px; }
.rendsee-account .rd-account-nav :is(ul, ol) { display: flex; flex-direction: column; gap: 3px; padding: 0; margin: 0; list-style: none; }
.rendsee-account .rd-account-nav :is(a, button) { display: flex; align-items: center; width: 100%; min-height: 42px; padding: 8px 10px; color: #41423d; background: transparent; border: 0; border-radius: 4px; font-size: 16px; text-align: left; text-decoration: none; }
.rendsee-account .rd-account-nav :is(a, button):hover, .rendsee-account .rd-account-nav :is(a, button)[aria-current="page"], .rendsee-account .rd-account-nav :is(a, button).is-active { color: var(--rd-red); background: var(--rd-soft); }
.rendsee-account .rd-account-content { display: grid; gap: 14px; min-width: 0; }
.rendsee-account .rd-account-panel, .rendsee-account .rd-account-profile, .rendsee-account .rd-account-orders { padding: 21px; }
.rendsee-account .rd-account-credit { background: #ede6dd; }
.rendsee-account .rd-account-panel h2, .rendsee-account .rd-account-orders h2 { margin: 0; color: var(--rd-ink); font: 700 23px/1.3 var(--rd-display); }
.rendsee-account .rd-account-balance-row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding-top: 16px; margin-top: 14px; border-top: 1px solid rgb(75 78 68 / 15%); color: var(--rd-muted); }
.rendsee-account .rd-account-amount { color: var(--rd-ink); font: 700 27px/1.25 var(--rd-display); }
.rendsee-account .rd-account-unit { color: var(--rd-red); font-size: .5em; font-weight: 700; }
.rendsee-account .rd-account-profile dl { display: grid; grid-template-columns: minmax(100px, .55fr) minmax(0, 1.45fr); margin: 15px 0 0; }
.rendsee-account .rd-account-profile dt, .rendsee-account .rd-account-profile dd { min-width: 0; padding: 11px 0; margin: 0; border-top: 1px solid var(--rd-line); overflow-wrap: anywhere; }
.rendsee-account .rd-account-profile dt { color: var(--rd-muted); }
.rendsee-account .rd-account-profile dd { font-weight: 600; }
.rendsee-account a { color: var(--rd-red); }
.form-field .form-input, .form-field select, .form-field textarea { border-color: var(--rd-line); border-radius: 4px; background: var(--rd-surface); }

/* Preserve the native footer links/forms/scripts in the same retail system. */
.newsletter-subscription-section:not(:has(form)) { display: none; }
.newsletter-subscription-section:has(form) { background: var(--rd-soft); padding: 28px 24px; }
.newsletter-subscription-section .newsletter { max-width: 1320px; margin: 0 auto; }
footer.footer { margin-top: 40px; padding: 42px 0 24px; background: #292925; color: #f3f0e9; border-top: 0; }
footer.footer > .container { width: min(calc(100% - 48px), 1320px); max-width: none; }
footer.footer .footer-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 28px;
    margin: 0;
}
footer.footer .footer-info::before, footer.footer .footer-info::after { display: none; }
footer.footer .footer-info-col { float: none; width: auto; margin: 0; padding: 0; }
footer.footer .footer-info-heading { margin: 0 0 16px; color: #fff; font-size: 17px; font-weight: 700; }
footer.footer .footer-info-list { margin: 0; padding: 0; list-style: none; }
footer.footer .footer-info-list li { margin-bottom: 8px; }
footer.footer a, footer.footer .footer-copyright, footer.footer p, footer.footer address { color: #dfddd5; font-size: 15px; line-height: 1.6; }
footer.footer a { text-decoration: none; }
footer.footer a:hover { color: #fff; text-decoration: underline; }
footer.footer .footer-copyright { margin-top: 24px; }

@media (min-width: 1180px) {
    header.header { grid-template-columns: 225px max-content minmax(120px, 1fr) max-content; }
    header.header .rd-brand { max-width: 225px; height: 78px; }
}
@media (max-width: 1010px) {
    header.header { grid-template-columns: 158px max-content minmax(120px, 1fr) max-content; gap: 11px; padding-inline: 18px; }
    header.header .rd-brand { height: 66px; }
    header.header > .rd-department-trigger { font-size: 16px; gap: 8px; }
    .rd-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rd-home .rd-product-grid, .rd-loading-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rd-loading-grid span:nth-child(n+4) { display: none; }
    .productGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    body.rendsee-live { padding-top: 0 !important; }
    header.header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0 12px;
        min-height: 0;
        padding: 9px 15px 11px;
    }
    header.header .rd-brand {
        grid-column: 1;
        grid-row: 1;
        width: 150px;
        max-width: 150px;
        height: 52px;
        margin-left: 44px;
    }
    header.header .rd-header-search { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; padding-top: 8px; }
    header.header .navUser-section { grid-column: 2; grid-row: 1; align-items: flex-end; gap: 0; }
    header.header .navUser-item--storecredit.desktop .navUser-action { font-size: 11px; }
    header.header .navUser .user-icons { gap: 8px; }
    header.header .user-icons > .navUser-item { display: block !important; }
    header.header .navUser-item--account > .rd-account-trigger { min-width: 38px; }
    header.header .rd-account-trigger .rd-account-label,
    header.header .rd-cart-trigger .rd-cart-label { display: none; }
    header.header .rd-header-search .form-input { height: 42px; }
    header.header > .rd-department-trigger {
        position: absolute;
        grid-area: auto;
        top: 15px;
        left: 13px;
        right: auto;
        bottom: auto;
        z-index: 2;
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 7px;
        background: transparent;
    }
    header.header > .rd-department-trigger .rd-department-label { display: none; }
    header.header > .rd-department-trigger .rd-hamburger { width: 21px; }
    .rd-department-panel {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(430px, calc(100vw - 42px));
        max-height: 100dvh;
        padding: 22px 18px;
        border-radius: 0;
        transform: translateX(100%);
        opacity: 1;
        visibility: hidden;
        transition: transform 180ms ease, visibility 180ms;
    }
    body.rd-menu-open .rd-department-panel { transform: translateX(0); visibility: visible; }
    .rd-department-grid { grid-template-columns: 1fr; }
    .rd-department-heading { align-items: center; }
    .rd-department-heading h2 { font-size: 23px; }
    .rd-department-count { display: none; }
    .rd-home-catalog { width: min(calc(100% - 32px), 680px); padding-top: 28px; }
    .rd-home .rd-product-grid, .rd-loading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
    .rd-loading-grid span { height: 200px; }
    .rd-loading-grid span:nth-child(n+3) { display: none; }
    .rd-home .card { padding: 7px 7px 10px; }
    .rd-home .card-title { min-height: 44px; font-size: 15px; }
    .rd-category-page:has(> .page-sidebar) { display: block; }
    .rd-category-page > .page-sidebar { margin-bottom: 20px; }
    .rd-category-page .page-heading { font-size: 28px; }
    .rd-home-section { margin-top: 25px; }
    .rd-home-department + .rd-home-department { margin-top: 31px; }
    .productGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
    .productView { grid-template-columns: minmax(0, 1fr); row-gap: 18px; width: min(calc(100% - 32px), 660px); }
    .productView > .productView-images { grid-column: 1; grid-row: 1; }
    .productView > .productView-details:nth-of-type(1) { grid-column: 1; grid-row: 2; padding-top: 0; }
    .productView > .productView-details:nth-of-type(3) { grid-column: 1; grid-row: 3; }
    .productView-images .productView-image { min-height: min(88vw, 410px); }
    .rendsee-account { padding: 26px 17px 52px; }
    .rendsee-account .rd-account-layout { grid-template-columns: 1fr; }
    .page-content[data-cart] { width: calc(100% - 32px); }
}
@media (max-width: 800px) {
    /* Native mobile captions must participate in card flow, never overlay it. */
    body.rendsee-live .productGrid .card-figure { flex-shrink: 0; }
    body.rendsee-live .productGrid .card-body { min-height: min-content; }
    body.rendsee-live .productGrid .card-figcaption.desktop { display: none !important; }
    body.rendsee-live .productGrid .card-figcaption.mobile {
        display: block !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 12px 0 0;
        opacity: 1;
        pointer-events: auto;
    }
    body.rendsee-live .productGrid .card-figcaption.mobile .card-figcaption-body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 7px;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    body.rendsee-live .productGrid .card-figcaption.mobile .button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: static !important;
        width: 100%;
        min-height: 38px;
        margin: 0;
        padding: 7px;
        color: var(--rd-ink);
        background: var(--rd-surface);
        border: 1px solid var(--rd-line);
        border-radius: 4px;
        font-size: 14px;
        font-style: normal;
        text-decoration: none;
    }
}
@media (max-width: 520px) {
    .rd-home-catalog { width: calc(100% - 26px); padding-top: 23px; }
    .rd-home-heading h1 { font-size: 29px; }
    .rd-home-section-heading h2 { font-size: 20px; }
    .rd-home .card-title { font-size: 15px; min-height: 44px; }
    .rd-home .card-text[data-test-info-type="price"] { font-size: 15px; }
    .productView { width: calc(100% - 26px); margin-bottom: 35px; }
    .cart-totals { width: 100%; }
    table.cart { border-spacing: 0; }
    .cart-item > td:first-child, .cart-item > td:last-child { border-radius: 0; }
    .cart-item > td:first-child { border-left: 0; }
    .cart-item > td:last-child { border-right: 0; }
    .cart-item { border-top: 1px solid var(--rd-line); border-bottom: 1px solid var(--rd-line); }
    .rendsee-account { padding-inline: 13px; }
    .rendsee-account .rd-account-heading { align-items: start; flex-direction: column; }
    .rendsee-account .rd-account-panel, .rendsee-account .rd-account-profile, .rendsee-account .rd-account-orders { padding: 16px; }
}
/* Product cards remain static; purchasing and options stay on the product page. */
body.rendsee-live .card .card-figcaption { display: none !important; }
body.rendsee-live .card,
body.rendsee-live .card:hover,
body.rendsee-live .card .card-image {
    transform: none !important;
    transition: none !important;
}
body.rendsee-live .card .card-title a:hover { color: var(--rd-ink); }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Catalog cards: faithful to the reference's image-first department-store listing. */
body.rendsee-live .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 !important;
    overflow: visible;
    color: #111;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.rendsee-live .card .card-figure {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #eeedeb;
    border-radius: 14px;
}
body.rendsee-live .card .card-figure > a {
    display: block;
    width: 100%;
    text-decoration: none;
}
body.rendsee-live .card .card-img-container {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    max-width: none;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #eeedeb;
    border-radius: inherit;
}
body.rendsee-live .card .card-img-container::after {
    display: none !important;
    content: none !important;
}
body.rendsee-live .card .card-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain !important;
    object-position: center;
    mix-blend-mode: normal !important;
    transform: none !important;
    transition: none !important;
}
body.rendsee-live .card .card-body {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    min-width: 0;
    height: auto;
    padding: 12px 0 0 !important;
    text-align: left;
}
body.rendsee-live .card .card-text[data-test-info-type="brandName"] {
    display: none;
}
body.rendsee-live .card .card-text[data-test-info-type="productRating"] { display: none; }
body.rendsee-live .card .card-title {
    display: -webkit-box !important;
    min-height: 0 !important;
    height: 2.5em;
    margin: 0 0 9px !important;
    overflow: hidden;
    color: #111 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(14px, 1.15vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body.rendsee-live .card .card-title a {
    display: -webkit-box;
    overflow: hidden;
    color: #111 !important;
    font: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body.rendsee-live .card .card-text[data-test-info-type="price"] {
    margin: 0 !important;
    color: #111 !important;
    font-size: clamp(17px, 1.55vw, 23px) !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.15;
    white-space: nowrap;
}
body.rendsee-live .rd-card-purchase-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(7px, .9vw, 13px);
    width: 100%;
    min-width: 0;
    margin-top: auto;
}
body.rendsee-live .rd-card-purchase-row > [data-test-info-type="price"] {
    min-width: 0;
    flex: 0 1 auto;
}
body.rendsee-live .rd-card-purchase-row .price { color: #111; font: inherit; }
body.rendsee-live .rd-card-purchase-row [data-test-info-type="price"] a { color: #111; font-size: 15px; font-weight: 400; }
body.rendsee-live .rd-card-action {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    max-width: 62%;
    padding: 6px clamp(10px, 1vw, 17px);
    overflow: hidden;
    color: #111;
    background: transparent;
    border: 1px solid #171717;
    border-radius: 999px;
    font-size: clamp(12px, 1vw, 15px);
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.rendsee-live .rd-card-action:hover {
    color: #111;
    background: #f1f0ee;
}
body.rendsee-live .rd-card-action:focus-visible {
    outline: 2px solid #171717;
    outline-offset: 3px;
}
body.rendsee-live .card .card-figcaption,
body.rendsee-live .card .card-figcaption-button { display: none !important; }
body.rendsee-live .listItem-title {
    display: -webkit-box;
    max-height: 2.5em;
    overflow: hidden;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.25;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body.rendsee-live .listItem-title a { color: #111; }
body.rendsee-live .listItem-title a:hover { color: #111; }
@media (max-width: 760px) {
    body.rendsee-live .card .card-body { padding-top: 9px !important; }
    body.rendsee-live .card .card-title { margin-bottom: 7px !important; }
    body.rendsee-live .rd-card-purchase-row { gap: 6px; }
    body.rendsee-live .rd-card-action { min-height: 34px; padding-inline: 9px; font-size: 11px; }
    body.rendsee-live .card .card-text[data-test-info-type="price"] { font-size: clamp(15px, 4vw, 19px) !important; }
}
@media (max-width: 390px) {
    body.rendsee-live .rd-card-purchase-row { align-items: flex-start; flex-direction: column; }
    body.rendsee-live .rd-card-action { max-width: 100%; }
}