:root {
    --ml-lux-bg: #ffffff;
    --ml-lux-paper: #ffffff;
    --ml-lux-paper-strong: #f5f5f5;
    --ml-lux-ink: #111111;
    --ml-lux-muted: rgba(0, 0, 0, 0.68);
    --ml-lux-line: rgba(0, 0, 0, 0.12);
    --ml-lux-line-strong: rgba(0, 0, 0, 0.22);
    --ml-lux-accent: #111111;
    --ml-lux-olive: #111111;
    --ml-lux-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

html {
    background: var(--ml-lux-bg);
}

body {
    background: #ffffff;
    color: var(--ml-lux-ink);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: inherit;
}

.main-content-area {
    padding-bottom: 2rem;
}

#announcement-bar {
    background: #000000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.66rem !important;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

#main-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid var(--ml-lux-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}

#main-header.compact {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08) !important;
}

#main-header .container {
    max-width: 1360px;
}

#main-header nav:first-of-type {
    gap: 1.4rem !important;
    margin-bottom: 0.8rem !important;
}

#main-header nav:first-of-type a,
#mobile-menu a {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.78);
}

#main-header nav:first-of-type a:hover,
#mobile-menu a:hover {
    color: var(--ml-lux-ink);
    text-decoration: none;
}

#main-header nav:first-of-type > div a {
    color: var(--ml-lux-ink);
}

#main-header nav:first-of-type span,
#main-header .fa-solid,
#main-header .fa-brands {
    color: var(--ml-lux-ink);
}

#main-header #cart-count-desktop,
#main-header #cart-count-mobile,
#main-header #wishlist-count-desktop,
#main-header #wishlist-count-mobile {
    background: var(--ml-lux-ink) !important;
    color: #ffffff !important;
    border-radius: 999px;
    font-size: 0.58rem !important;
    letter-spacing: 0.08em;
}

#main-logo {
    filter: saturate(0.94) contrast(1.04);
}

#mobile-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid var(--ml-lux-line) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}

#mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.24) !important;
}

.ml-search-suggestions {
    margin-top: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    max-height: min(60vh, 30rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.ml-search-suggestions__did-you-mean,
.ml-search-suggestions__empty {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 0.84rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.72);
}

.ml-search-suggestions__did-you-mean a,
.ml-search-suggestions__empty a {
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.ml-search-suggestions__section-label {
    padding: 0.85rem 1rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.46);
}

.ml-search-suggestion {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    padding: 0.9rem 1rem;
    background: #ffffff;
    color: #000000;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
}

.ml-search-suggestion:first-of-type {
    border-top: 0;
}

.ml-search-suggestion:hover,
.ml-search-suggestion:focus-visible {
    background: rgba(0, 0, 0, 0.03);
    color: #000000;
    outline: none;
}

.ml-search-suggestion__thumb {
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 4.25rem;
    border-radius: 0.8rem;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.ml-search-suggestion__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ml-search-suggestion__body {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ml-search-suggestion__title {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    color: #000000;
}

.ml-search-suggestion__meta {
    display: block;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

.ml-search-suggestion__price,
.ml-search-suggestion__count {
    flex: 0 0 auto;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
}

.ml-search-suggestions__footer {
    display: block;
    padding: 0.95rem 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: #ffffff;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
}

.ml-search-suggestions__footer:hover,
.ml-search-suggestions__footer:focus-visible {
    background: #000000;
    color: #ffffff;
    outline: none;
}

@media (min-width: 768px) {
    .ml-search-suggestions {
        border-radius: 1.25rem;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.09);
    }

    .ml-search-suggestion {
        gap: 1rem;
        padding: 1rem 1.2rem;
    }

    .ml-search-suggestion__thumb {
        flex-basis: 4rem;
        width: 4rem;
        height: 4.85rem;
        border-radius: 0.95rem;
    }

    .ml-search-suggestion__title {
        font-size: 0.95rem;
    }

    .ml-search-suggestion__meta,
    .ml-search-suggestion__price,
    .ml-search-suggestion__count {
        font-size: 0.76rem;
    }

    body.ml-page-search .ml-search-page-input {
        padding-right: 4.75rem !important;
        font-size: 1rem !important;
    }

    body.ml-page-search .ml-search-submit-btn {
        width: 2.75rem;
        height: 2.75rem;
        right: 0.85rem !important;
    }
}

.ml-search-category-chip {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.03);
    padding: 0.35rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.ml-search-category-chip:hover,
.ml-search-category-chip:focus-visible {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
    outline: none;
}

.ml-mobile-search-panel {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-right: 3.75rem;
}

.ml-mobile-search-label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

.ml-mobile-search-field {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 1rem;
    background: #ffffff;
    padding: 0.95rem 1rem;
}

.ml-mobile-search-icon {
    width: 1rem;
    height: 1rem;
    color: rgba(0, 0, 0, 0.52);
    flex: 0 0 auto;
}

.ml-mobile-search-input {
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    color: #000000 !important;
    padding: 0 !important;
    font-size: 0.95rem;
    line-height: 1.4;
    outline: none;
    box-shadow: none !important;
}

.ml-mobile-search-input::placeholder {
    color: rgba(0, 0, 0, 0.44);
}

.ml-mobile-search-helper {
    font-size: 0.76rem;
    line-height: 1.45;
    color: rgba(0, 0, 0, 0.58);
}

.ml-section-intro {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-bottom: 2.4rem;
}

.ml-section-kicker {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

.ml-section-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 0.94;
    letter-spacing: -0.04em;
    color: var(--ml-lux-ink);
}

.ml-section-copy {
    max-width: 44rem;
    font-size: 0.98rem;
    line-height: 1.8;
    color: var(--ml-lux-muted);
}

.ml-conversion-hero,
.ml-collection-hero {
    padding: 1rem 1.5rem 0.5rem;
}

.ml-conversion-hero__shell,
.ml-collection-hero__shell,
.ml-story-panel,
.ml-assurance-panel,
.ml-seen-wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.65rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0)),
        var(--ml-lux-paper);
    box-shadow: var(--ml-lux-shadow);
}

.ml-conversion-hero__shell::before,
.ml-collection-hero__shell::before,
.ml-story-panel::before,
.ml-assurance-panel::before,
.ml-seen-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), rgba(0, 0, 0, 0.06) calc(100% - 1px)),
        linear-gradient(180deg, transparent 0, transparent calc(100% - 1px), rgba(0, 0, 0, 0.05) calc(100% - 1px));
    pointer-events: none;
}

.ml-conversion-hero__shell {
    display: grid;
    gap: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
}

.ml-conversion-hero__copy,
.ml-conversion-hero__visuals {
    position: relative;
    z-index: 1;
}

.ml-conversion-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.68);
}

.ml-conversion-hero__title {
    margin-top: 1rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(3rem, 8vw, 6.15rem);
    line-height: 0.86;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: var(--ml-lux-ink);
}

.ml-conversion-hero__title strong {
    display: block;
}

.ml-conversion-hero__copy p {
    max-width: 39rem;
    margin-top: 1.1rem;
    font-size: 1rem;
    line-height: 1.82;
    color: var(--ml-lux-muted);
}

.ml-conversion-hero__category-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.4rem;
}

.ml-conversion-hero__category-chip,
.ml-card-trust-pill,
.ml-buybox-pill,
.ml-collection-hero__meta span {
    border: 1px solid var(--ml-lux-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
}

.ml-conversion-hero__category-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.65rem 1rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.78);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.ml-conversion-hero__category-chip:hover {
    transform: translateY(-1px);
    border-color: var(--ml-lux-line-strong);
    background: #ffffff;
}

.ml-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.6rem;
}

.ml-cta-primary,
.ml-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.92rem 1.4rem;
    border: 1px solid var(--ml-lux-ink);
    border-radius: 0.28rem;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.ml-cta-primary {
    background: var(--ml-lux-ink);
    color: #ffffff;
}

.ml-cta-secondary {
    background: transparent;
    color: var(--ml-lux-ink);
    border-color: var(--ml-lux-line-strong);
}

.ml-cta-primary:hover,
.ml-cta-secondary:hover {
    transform: translateY(-1px);
}

.ml-cta-secondary:hover {
    background: rgba(0, 0, 0, 0.04);
}

.ml-proof-grid {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.6rem;
}

.ml-proof-card {
    padding: 1rem 1.05rem;
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.74);
}

.ml-proof-card__value {
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ml-lux-ink);
}

.ml-proof-card__label {
    margin-top: 0.35rem;
    font-size: 0.79rem;
    line-height: 1.6;
    color: var(--ml-lux-muted);
}

.ml-conversion-hero__visuals {
    display: grid;
    gap: 1rem;
}

.ml-hero-product-card,
.ml-hero-product-card--compact,
.ml-conversion-product-card {
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.48rem;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: none;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.ml-hero-product-card:hover,
.ml-hero-product-card--compact:hover,
.ml-conversion-product-card:hover,
.ml-conversion-product-card:focus-within {
    transform: translateY(-2px);
    border-color: var(--ml-lux-line-strong);
    background: #ffffff;
}

.ml-hero-product-card {
    display: grid;
    overflow: hidden;
}

.ml-hero-product-card--compact {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    overflow: hidden;
}

.ml-hero-product-card__media,
.ml-product-media {
    overflow: hidden;
    background: #f5f5f5 !important;
}

.ml-hero-product-card__media {
    aspect-ratio: 4 / 5;
}

.ml-hero-product-card__media img,
.ml-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ml-hero-product-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 1rem;
}

.ml-hero-product-card__eyebrow,
.ml-product-category {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.46);
}

.ml-hero-product-card__title,
.ml-product-name {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: var(--ml-lux-ink);
}

.ml-hero-product-card__copy,
.ml-card-teaser {
    font-size: 0.84rem;
    line-height: 1.62;
    color: var(--ml-lux-muted);
}

.ml-hero-product-card__footer,
.ml-card-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 0.8rem;
}

.ml-hero-product-card__price,
.ml-product-price-current {
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--ml-lux-ink);
}

.ml-product-price-old {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.76rem;
    color: rgba(0, 0, 0, 0.45);
}

.ml-hero-product-card__cta,
.ml-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--ml-lux-accent);
}

.ml-hero-product-card__cta::after,
.ml-card-cta::after {
    content: "\2192";
    font-size: 0.72rem;
}

.ml-collection-hero__shell,
.ml-story-panel,
.ml-assurance-panel,
.ml-seen-wrap {
    padding: 1.5rem;
}

.ml-collection-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.ml-collection-hero__meta span,
.ml-card-trust-pill,
.ml-buybox-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.4rem 0.8rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.68);
}

.ml-conversion-product-card {
    width: 100%;
    padding: 0.75rem;
}

.ml-card-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.ml-card-savings {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.86);
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
}

.product-luxe-icon {
    top: 0.7rem !important;
    right: 0.7rem !important;
    width: 2.2rem !important;
    height: 2.2rem !important;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: var(--ml-lux-ink);
}

.ml-category-shell {
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.7);
    padding: 1.25rem;
    box-shadow: var(--ml-lux-shadow);
}

.ml-category-kicker {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

.ml-category-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.ml-category-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
    padding: 0.6rem 0.95rem;
    border: 1px solid var(--ml-lux-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.72);
}

.ml-category-chip.is-active,
.ml-category-chip:hover {
    background: var(--ml-lux-ink);
    border-color: var(--ml-lux-ink);
    color: #ffffff;
}

.ml-theme-select {
    border-radius: 999px !important;
    border-color: var(--ml-lux-line) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

.ml-story-section,
.ml-assurance-social {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.ml-assurance-social {
    background: var(--ml-assurance-bg, #f2f2f2);
}

.ml-story-title,
.ml-assurance-title,
.ml-seen-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    color: var(--ml-lux-ink);
}

.ml-assurance-grid {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.ml-assurance-item {
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.78);
    padding: 1rem;
}

.ml-assurance-label,
.ml-assurance-value {
    color: var(--ml-assurance-text, var(--ml-lux-ink));
}

.ml-assurance-note,
.ml-seen-copy,
.ml-story-content {
    color: var(--ml-lux-muted);
}

.ml-assurance-kicker,
.ml-assurance-title,
.ml-assurance-copy,
.ml-assurance-note,
.ml-assurance-icon {
    color: var(--ml-assurance-text, var(--ml-lux-ink));
}

.ml-assurance-item:nth-child(n + 3) {
    border-top: 1px solid var(--ml-assurance-divider, rgba(0, 0, 0, 0.2));
}

.ml-seen-grid {
    display: grid;
    gap: 1rem;
}

.ml-seen-card {
    border-radius: 0.45rem;
    overflow: hidden;
    border: 1px solid var(--ml-lux-line);
    background: rgba(255, 255, 255, 0.7);
}

.ml-seen-overlay {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72));
    color: #ffffff;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.ml-buybox-rating-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.ml-buybox-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 999px;
    background: #f5f5f5;
    color: #111111;
    font-size: 0.75rem;
    font-weight: 700;
}

.ml-buybox-rating__stars {
    font-size: 0;
    letter-spacing: 0.08em;
}

.ml-buybox-rating__stars::before {
    content: "\2605\2605\2605\2605\2605";
    font-size: 0.82rem;
}

.ml-buybox-price-note,
.ml-buybox-cta-note,
.ml-cart-reassurance {
    font-size: 0.77rem;
    line-height: 1.65;
    color: rgba(0, 0, 0, 0.56);
}

.ml-buybox-summary {
    margin-top: 1.35rem;
    padding: 1.1rem;
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(244, 237, 228, 0.9));
}

.ml-buybox-summary__title {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

.ml-buybox-summary__copy {
    margin-top: 0.85rem;
    font-size: 0.95rem;
    line-height: 1.78;
    color: rgba(0, 0, 0, 0.8);
}

.ml-buybox-summary__list {
    display: grid;
    gap: 0.7rem;
    margin-top: 1rem;
}

.ml-buybox-summary__list li {
    position: relative;
    padding-left: 1.15rem;
    font-size: 0.84rem;
    line-height: 1.58;
    color: rgba(0, 0, 0, 0.74);
}

.ml-buybox-summary__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--ml-lux-accent);
}

.ml-inline-assurance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
}

.ml-inline-assurance {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid var(--ml-lux-line);
    border-radius: 0.42rem;
    background: rgba(255, 255, 255, 0.72);
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.72);
}

details {
    border-radius: 0.45rem !important;
    background: rgba(255, 255, 255, 0.7);
}

details summary {
    font-size: 0.86rem;
    letter-spacing: 0.02em;
}

footer {
    position: relative;
    background: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 28%);
    pointer-events: none;
}

footer > .container {
    position: relative;
    z-index: 1;
}

footer h4,
footer h5,
footer button {
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

footer h4,
footer h5 {
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffffff;
}

footer p,
footer li a,
footer .text-gray-300,
footer .text-gray-400 {
    color: rgba(255, 255, 255, 0.78) !important;
}

footer .hidden.md\:grid > div:first-child h4 {
    font-size: 0 !important;
}

footer .hidden.md\:grid > div:first-child h4::before {
    content: "MOSS\00c9 LUXE";
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ffffff;
}

footer li a:hover,
footer a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

footer input[type="email"] {
    min-height: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.35rem !important;
    background: rgba(255, 255, 255, 0.94) !important;
}

footer button[type="submit"] {
    min-height: 3rem;
    border-radius: 0.35rem !important;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

footer p.text-xs.text-gray-400.mt-4 {
    font-size: 0 !important;
}

footer p.text-xs.text-gray-400.mt-4::before {
    content: "\00a9 2025 Moss\00e9 Luxe. All rights reserved.";
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.62);
}

@media (min-width: 768px) {
    .ml-conversion-hero__shell {
        grid-template-columns: minmax(0, 1.18fr) minmax(23rem, 0.94fr);
        align-items: center;
        padding: 2rem;
    }

    .ml-proof-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ml-collection-hero__shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .ml-assurance-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ml-seen-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .ml-conversion-hero,
    .ml-collection-hero,
    .ml-story-section,
    .ml-assurance-social {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ml-conversion-hero__shell,
    .ml-collection-hero__shell,
    .ml-story-panel,
    .ml-assurance-panel,
    .ml-seen-wrap {
        padding: 1.2rem;
        border-radius: 0.55rem;
    }

    .ml-conversion-hero__title {
        font-size: clamp(2.6rem, 11vw, 4.6rem);
    }

    .ml-hero-product-card--compact {
        grid-template-columns: 5rem minmax(0, 1fr);
    }

    .ml-inline-assurance-grid {
        grid-template-columns: 1fr;
    }

    .ml-card-bottom {
        align-items: center;
    }

    footer {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

/* Gucci-inspired storefront override: preserve Mossé Luxe structure, refine the UI system. */
:root {
    --ml-lux-bg: #ffffff;
    --ml-lux-paper: #ffffff;
    --ml-lux-paper-strong: #f5f5f5;
    --ml-lux-ink: #000000;
    --ml-lux-muted: rgba(0, 0, 0, 0.62);
    --ml-lux-line: rgba(0, 0, 0, 0.12);
    --ml-lux-line-strong: rgba(0, 0, 0, 0.22);
    --ml-lux-accent: #9b7a3f;
    --ml-lux-shadow: none;
}

html,
body {
    background: #ffffff !important;
}

body {
    color: var(--ml-lux-ink);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#announcement-bar {
    background: #000000 !important;
    color: #ffffff !important;
    border-bottom: 0 !important;
    font-size: 0.64rem !important;
    font-weight: 600;
    letter-spacing: 0.28em;
}

#main-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid var(--ml-lux-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}

#main-header.compact {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
}

#main-header .container {
    max-width: 1360px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

#main-header nav:first-of-type:not(.ml-header-page-nav) {
    display: none !important;
}

#main-logo {
    width: auto;
    filter: none !important;
}

.ml-header-icon-btn {
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    background: transparent;
    color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.ml-header-icon-btn:hover {
    opacity: 0.65;
    transform: translateY(-1px);
}

.ml-header-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.ml-icon-badge {
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.22rem;
    border-radius: 999px;
    background: #000000;
    color: #ffffff;
    font-size: 0.55rem;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
}

#mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.24) !important;
    backdrop-filter: blur(2px);
}

#mobile-menu {
    top: 0;
    left: 0;
    width: min(25rem, 100%);
    height: 100vh;
    padding: 5.75rem 2rem 2rem !important;
    border-right: 1px solid var(--ml-lux-line);
    border-bottom: 0 !important;
    background: #ffffff !important;
    box-shadow: 24px 0 60px rgba(0, 0, 0, 0.14);
    transform: translateX(-100%);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10001;
}

#mobile-menu.active {
    transform: translateX(0);
}

#mobile-menu .flex {
    gap: 0.1rem;
}

#mobile-menu a {
    padding: 0.95rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
}

#menu-close {
    top: 1rem !important;
    right: 1rem !important;
}

.main-content-area {
    padding-bottom: 0;
}

.ml-page-heading,
.ml-category-filter-section,
.ml-featured-products,
.ml-story-section,
.ml-assurance-social {
    background: #ffffff !important;
}

.ml-page-heading {
    padding-top: 2.8rem !important;
    padding-bottom: 1.6rem !important;
}

.ml-page-heading__title,
.ml-story-title,
.ml-assurance-title,
.ml-seen-title,
.ml-product-name,
.lg\:col-span-5 h1 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -0.04em;
    color: #000000;
}

.ml-page-heading__title {
    font-size: clamp(2.4rem, 7vw, 4.8rem);
    line-height: 0.94;
    text-transform: uppercase;
}

.ml-category-shell {
    border: 0 !important;
    border-top: 1px solid var(--ml-lux-line);
    border-bottom: 1px solid var(--ml-lux-line);
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 1rem 0 !important;
}

.ml-category-kicker {
    display: none;
}

.ml-category-row {
    justify-content: center;
    gap: 0.85rem 1.25rem;
    margin-top: 0;
}

.ml-category-chip {
    min-height: auto;
    padding: 0.15rem 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

.ml-category-chip.is-active,
.ml-category-chip:hover {
    color: #000000 !important;
}

.ml-theme-select {
    border-radius: 0 !important;
    border-color: var(--ml-lux-line-strong) !important;
    background: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ml-featured-products {
    padding-top: 1rem !important;
    padding-bottom: 3.75rem !important;
}

.ml-conversion-product-card,
.ml-product-card {
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ml-conversion-product-card:hover,
.ml-conversion-product-card:focus-within {
    transform: none !important;
    border-color: transparent !important;
    background: transparent !important;
}

.ml-product-media {
    background: #f3f3f3 !important;
    border-radius: 0 !important;
}

.ml-product-media img,
.ml-product-main-media-frame img,
.ml-seen-image {
    transition: transform 0.55s ease, opacity 0.32s ease;
}

.ml-conversion-product-card:hover .ml-product-media img,
.ml-seen-card:hover .ml-seen-image {
    transform: scale(1.03);
}

.product-luxe-icon,
.ml-card-trust-row,
.ml-card-cta,
.ml-card-savings,
.ml-buybox-rating-row,
.ml-buybox-price-note,
.ml-buybox-summary,
.ml-inline-assurance-grid,
.ml-buybox-cta-note {
    display: none !important;
}

.ml-product-meta {
    padding-top: 1rem !important;
}

.ml-product-category {
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.44);
}

.ml-product-name {
    margin-top: 0.35rem;
    font-size: 1.05rem;
    line-height: 1.2;
}

.ml-card-bottom {
    display: block;
    margin-top: 0.45rem;
}

.ml-product-price {
    margin-top: 0.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000000;
}

.ml-product-price-old {
    display: inline;
    margin-right: 0.55rem;
    font-size: 0.78rem;
    color: rgba(0, 0, 0, 0.42);
}

.ml-product-price-current {
    font-size: 0.86rem;
    font-weight: 600;
}

.ml-view-products-cta {
    min-height: 3rem;
    border-radius: 0 !important;
    border: 1px solid #000000 !important;
    background: #000000;
    color: #ffffff !important;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.ml-view-products-cta:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

.ml-story-section,
.ml-assurance-social {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.ml-story-panel,
.ml-assurance-panel,
.ml-seen-wrap {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 3rem 2rem !important;
}

.ml-story-panel::before,
.ml-assurance-panel::before,
.ml-seen-wrap::before {
    display: none;
}

.ml-story-title,
.ml-assurance-title,
.ml-seen-title {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 0.96;
    text-transform: uppercase;
}

.ml-story-content,
.ml-story-paragraph,
.ml-assurance-copy,
.ml-seen-copy {
    color: var(--ml-lux-muted) !important;
    line-height: 1.8;
}

.ml-story-portrait-frame {
    border-radius: 0 !important;
}

.ml-story-portrait-caption,
.ml-assurance-kicker,
.ml-seen-kicker {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

.ml-assurance-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 2rem;
    background: rgba(0, 0, 0, 0.08);
}

.ml-assurance-item {
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    padding: 1.5rem 1.2rem !important;
}

.ml-assurance-icon {
    color: var(--ml-lux-accent);
}

.ml-assurance-label,
.ml-assurance-value,
.ml-assurance-note {
    color: #000000;
}

.ml-seen-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ml-seen-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ml-seen-link,
.ml-seen-media {
    display: block;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
}

.customer-photo-grid.ml-seen-image {
    aspect-ratio: 3 / 4;
    width: 100%;
    object-fit: cover;
}

.ml-seen-overlay {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 1rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.7) 100%);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 0.24s ease;
}

.ml-seen-card:hover .ml-seen-overlay {
    opacity: 1;
}

.ml-product-main-media-frame {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

.ml-product-thumb-media {
    border: 1px solid transparent;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

.ml-product-thumb-media:hover {
    border-color: #000000;
}

.lg\:col-span-5 > div {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    padding: 2rem !important;
}

.lg\:col-span-5 h1 {
    font-size: clamp(2rem, 3.6vw, 3.1rem);
    line-height: 0.95;
    font-weight: 600 !important;
}

.lg\:col-span-5 .text-3xl {
    font-size: 1.65rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
}

.ml-product-short-description {
    margin-top: 1rem;
    max-width: 34rem;
    color: var(--ml-lux-muted);
    font-size: 0.95rem;
    line-height: 1.74;
}

#size-selector,
#color-selector,
#style-selector,
#quantity {
    border-radius: 0 !important;
    border-color: var(--ml-lux-line-strong) !important;
    background: #ffffff !important;
}

#product-qty-minus,
#product-qty-plus,
#add-to-cart-btn,
#wishlist-toggle-btn {
    border-radius: 0 !important;
    transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

#add-to-cart-btn {
    border: 1px solid #000000;
    background: #000000 !important;
    color: #ffffff !important;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

#add-to-cart-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

#wishlist-toggle-btn {
    border: 1px solid var(--ml-lux-line-strong);
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

details {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

details summary {
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

footer {
    background: #000000 !important;
    color: #ffffff !important;
    border-top: 0 !important;
    padding-top: 4rem !important;
    padding-bottom: 3rem !important;
}

footer::before {
    display: none;
}

footer > .container {
    max-width: 1360px;
}

footer .hidden.md\:grid {
    gap: 2rem !important;
    margin-bottom: 2.5rem !important;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

footer h4,
footer h5,
footer button {
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

footer p,
footer li,
footer span {
    color: rgba(255, 255, 255, 0.72);
}

footer a {
    color: rgba(255, 255, 255, 0.72);
    transition: color 0.2s ease;
}

footer a:hover {
    color: #ffffff;
}

footer .accordion-toggle {
    padding: 1rem 0 !important;
}

#newsletter-form input,
#newsletter-form button {
    border-radius: 0 !important;
}

#newsletter-form input {
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: transparent !important;
    color: #ffffff;
}

#newsletter-form button {
    border: 1px solid #ffffff;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

footer .bg-white {
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1023px) {
    .ml-assurance-grid,
    .ml-seen-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    #main-header .container {
        grid-template-columns: 1fr auto 1fr;
    }

    .ml-page-heading {
        padding-top: 2rem !important;
    }

    .ml-assurance-grid,
    .ml-seen-grid {
        grid-template-columns: 1fr;
    }

    .ml-story-panel,
    .ml-assurance-panel,
    .ml-seen-wrap,
    .lg\:col-span-5 > div {
        padding: 1.5rem !important;
    }

    #mobile-menu {
        width: 100%;
        padding: 5.25rem 1.5rem 2rem !important;
    }
}

/* Site-wide luxury treatment for forms, content pages, cart, checkout, account, and search. */
.ml-theme-page,
main {
    background: #ffffff;
    color: #000000;
}

.ml-theme-shell {
    max-width: 1360px;
}

.ml-theme-title,
main h1,
main h2 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 0.98;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #000000;
}

.ml-theme-title,
main h1 {
    font-size: clamp(2.15rem, 5vw, 4.5rem);
    font-weight: 600 !important;
}

main h2 {
    font-size: clamp(1.4rem, 3vw, 2.1rem);
    font-weight: 600 !important;
}

.ml-theme-panel,
.ml-theme-panel-soft,
main .max-w-md.mx-auto.bg-white,
main .bg-white.p-8.rounded-lg.shadow-md,
main .bg-neutral-50,
main .bg-gray-50 {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.ml-theme-panel-soft {
    background: #f5f5f5 !important;
}

main .rounded-md,
main .rounded-lg,
main .rounded-xl,
main .rounded-2xl {
    border-radius: 0 !important;
}

.ml-theme-page .prose,
main .prose {
    max-width: none;
    color: var(--ml-lux-muted);
}

.ml-theme-page .prose p,
main .prose p,
main p.text-gray-600,
main p.text-gray-700,
main p.text-black\/70,
main p.text-black\/60,
main li {
    color: var(--ml-lux-muted);
    line-height: 1.8;
}

.ml-theme-page .prose h2,
.ml-theme-page .prose h3,
main .prose h2,
main .prose h3 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    color: #000000;
}

.ml-theme-label,
main label.block,
main .block.text-sm,
main label.inline-flex {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.56);
}

.ml-theme-input,
.ml-theme-select,
.ml-theme-textarea,
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
main select,
main textarea {
    min-height: 2.95rem;
    border: 1px solid var(--ml-lux-line-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #000000;
}

main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):focus,
main select:focus,
main textarea:focus {
    outline: none !important;
    border-color: #000000 !important;
    box-shadow: inset 0 0 0 1px #000000 !important;
}

.ml-theme-btn-primary,
main button[type="submit"]:not(.ml-search-submit-btn),
main a.bg-black,
main button.bg-black {
    border: 1px solid #000000;
    border-radius: 0 !important;
    background: #000000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.ml-theme-btn-primary:hover,
main button[type="submit"]:not(.ml-search-submit-btn):hover,
main a.bg-black:hover,
main button.bg-black:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

main .qty-btn,
main .save-for-later-btn,
main .remove-from-cart-btn,
main .remove-from-wishlist-btn,
main .quick-add-btn {
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

main .quick-add-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

main table,
.ml-theme-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    overflow: hidden;
    background: #ffffff;
}

main table thead,
.ml-theme-table thead {
    background: #f5f5f5 !important;
}

main table th,
main table td,
.ml-theme-table th,
.ml-theme-table td {
    padding: 0.95rem 1rem;
    border-top: 1px solid var(--ml-lux-line);
    text-align: left;
}

main table th,
.ml-theme-table th {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.58);
}

main .product-image-container {
    position: relative;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
}

main .product-image-container img {
    object-fit: cover;
}

main .group.bg-white.border,
main .group.block.bg-white.border,
main .group.block.bg-white.border-black\/10,
main .group.block.bg-white.border-red-200 {
    border-radius: 0 !important;
    box-shadow: none !important;
}

main .bg-gradient-to-r,
main .from-purple-600,
main .to-pink-600,
main .from-blue-600,
main .to-indigo-600 {
    background: #000000 !important;
    color: #ffffff !important;
}

main .border-purple-300,
main .bg-purple-50,
main .bg-blue-50,
main .text-purple-600,
main .text-blue-600,
main .text-indigo-600 {
    border-color: rgba(0, 0, 0, 0.16) !important;
    color: #000000 !important;
}

.ml-theme-cart [data-cart-item] {
    border-color: var(--ml-lux-line) !important;
}

.ml-theme-cart .w-24.h-24,
.ml-theme-cart .saved-item .aspect-square {
    border-radius: 0 !important;
}

.ml-theme-cart .inline-flex.items-center.border,
#cart-items-container .inline-flex.items-center.border {
    border-radius: 0 !important;
    border-color: var(--ml-lux-line-strong) !important;
}

#cart-totals-container .ml-theme-panel,
#checkout-items,
#delivery-estimate-box,
#returns-assistant,
#raStatusBox,
#raSuccessBox {
    border-radius: 0 !important;
}

#checkout-progressbar {
    height: 1px !important;
    border-radius: 0 !important;
    background: var(--ml-lux-line) !important;
}

#checkout-progress-fill {
    border-radius: 0 !important;
    background: #000000 !important;
}

#checkout-step-cart,
#checkout-step-shipping,
#checkout-step-payment {
    width: 2.4rem !important;
    height: 2.4rem !important;
}

main [class*="text-green-"],
main [class*="border-green-"] {
    color: #1f5130;
}

main [class*="border-red-"] {
    border-color: rgba(160, 38, 38, 0.35) !important;
}

main [class*="bg-red-100"],
main [class*="bg-green-100"] {
    background: #f5f5f5 !important;
}

main button.bg-green-600,
main button.bg-blue-600,
main button.bg-blue-400,
main button.bg-indigo-600,
main a.bg-green-600,
main a.bg-blue-600,
main a.bg-blue-400,
main a.bg-indigo-600 {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

main button.bg-green-600:hover,
main button.bg-blue-600:hover,
main button.bg-blue-400:hover,
main button.bg-indigo-600:hover,
main a.bg-green-600:hover,
main a.bg-blue-600:hover,
main a.bg-blue-400:hover,
main a.bg-indigo-600:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

@media (max-width: 767px) {
    .ml-theme-shell,
    main .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .ml-theme-title,
    main h1 {
        font-size: clamp(1.9rem, 9vw, 3rem);
    }
}

/* Final luxury override: drawers, popups, modals, chat, notifications, and overlooked commerce UI. */
main .bg-white.rounded-lg.shadow-md,
main .bg-white.rounded-xl.shadow-lg,
main .bg-white.rounded-2xl.shadow-lg,
main .max-w-md.mx-auto.bg-white.p-8.rounded-lg.shadow-md,
main .max-w-4xl.mx-auto.bg-white.rounded-lg.shadow-md,
main .rounded-lg,
main .rounded-xl,
main .rounded-2xl,
main .shadow,
main .shadow-md,
main .shadow-lg,
main .shadow-xl,
main .shadow-2xl {
    border-radius: 0 !important;
    box-shadow: none !important;
}

main .bg-white.rounded-lg.shadow-md,
main .bg-white.rounded-xl.shadow-lg,
main .bg-white.rounded-2xl.shadow-lg,
main .max-w-md.mx-auto.bg-white.p-8.rounded-lg.shadow-md,
main .max-w-4xl.mx-auto.bg-white.rounded-lg.shadow-md {
    border: 1px solid var(--ml-lux-line) !important;
}

#cart-overlay,
#quick-view-modal,
#quick-add-modal,
#frontend-confirm-overlay,
#welcome-offer-modal,
#mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(8px);
}

#sidebar-cart {
    width: min(100vw, 31rem) !important;
    border-left: 1px solid var(--ml-lux-line) !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.08) !important;
}

#sidebar-cart .flex.justify-between.items-center.p-6.border-b.border-gray-200,
#sidebar-cart .p-6.border-t.border-gray-200 {
    border-color: var(--ml-lux-line) !important;
    background: #ffffff !important;
}

#sidebar-cart h2,
#sidebar-cart h3 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    color: #000000 !important;
}

#sidebar-cart h2 {
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 500;
}

#sidebar-cart h3 {
    font-size: 1.18rem;
    font-weight: 500;
}

#sidebar-cart p,
#sidebar-cart .text-gray-500,
#sidebar-cart .text-gray-600 {
    color: var(--ml-lux-muted) !important;
}

#sidebar-cart #close-cart {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid var(--ml-lux-line-strong);
    border-radius: 0 !important;
    color: #000000 !important;
    transition: background 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

#sidebar-cart #close-cart:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

#sidebar-cart #close-cart i {
    font-size: 1rem;
}

#sidebar-cart #cart-items [data-cart-item] {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--ml-lux-line) !important;
}

#sidebar-cart #cart-items img {
    border-radius: 0 !important;
}

#sidebar-cart #cart-empty-message {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

#sidebar-cart #cart-empty-message a,
#sidebar-cart #cart-subtotal,
#sidebar-cart .ml-cart-reassurance {
    letter-spacing: 0.12em;
}

#sidebar-checkout-btn,
#sidebar-whatsapp-btn {
    min-height: 3.2rem;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #000000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    transition: background 0.24s ease, color 0.24s ease !important;
}

#sidebar-checkout-btn:hover,
#sidebar-whatsapp-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

#sidebar-whatsapp-btn {
    background: #ffffff !important;
    color: #000000 !important;
}

#sidebar-whatsapp-btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#sidebar-whatsapp-btn svg {
    width: 0.95rem;
    height: 0.95rem;
}

#quick-view-modal {
    padding: 1.25rem !important;
}

#quick-view-modal > div {
    width: min(100%, 34rem) !important;
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12) !important;
    padding: 2rem !important;
}

#close-modal {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: auto;
    margin-bottom: 1rem;
    border: 1px solid var(--ml-lux-line-strong);
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 1.25rem;
    line-height: 1;
    transition: background 0.24s ease, color 0.24s ease;
}

#close-modal:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#modal-content h2,
#modal-content h3 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

#quick-add-overlay {
    background: rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(8px);
}

#quick-add-content {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12) !important;
}

#quick-add-content h3,
#quick-add-price {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    letter-spacing: -0.03em;
}

#quick-add-content #quick-add-image,
#quick-add-content .rounded-lg,
#quick-add-content .rounded-2xl {
    border-radius: 0 !important;
}

#quick-add-close,
#quick-add-submit,
#quick-add-size-container button,
#quick-add-color-container button,
#quick-add-qty-minus,
#quick-add-qty-plus {
    border-radius: 0 !important;
}

#quick-add-close {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--ml-lux-line-strong) !important;
}

#quick-add-size-container button,
#quick-add-color-container button,
#quick-add-qty-minus,
#quick-add-qty-plus {
    border-color: var(--ml-lux-line-strong) !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#quick-add-size-container button.bg-black,
#quick-add-color-container button.bg-black,
#quick-add-submit {
    border-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

#quick-add-submit:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

#frontend-confirm-overlay {
    align-items: center !important;
    padding: 1rem !important;
}

#frontend-confirm-overlay > div {
    width: min(100%, 32rem) !important;
    margin-top: 0 !important;
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden;
}

#frontend-confirm-overlay h3 {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 500 !important;
}

#frontend-confirm-overlay > div > div:first-child,
#frontend-confirm-overlay > div > div:last-child {
    border-radius: 0 !important;
    background: #ffffff !important;
}

#frontend-confirm-overlay button {
    min-height: 2.95rem;
    border-radius: 0 !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

#frontend-confirm-overlay #confirm-cancel {
    border: 1px solid var(--ml-lux-line-strong) !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#frontend-confirm-overlay #confirm-ok {
    border: 1px solid #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

#frontend-confirm-overlay #confirm-ok:hover,
#frontend-confirm-overlay #confirm-cancel:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

#welcome-offer-modal {
    padding: 1rem !important;
}

#welcome-offer-modal .mlwo-backdrop {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}

#welcome-offer-modal .mlwo-card {
    width: min(100%, 34rem) !important;
    border: 1px solid var(--ml-lux-line-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.14) !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-header,
#welcome-offer-modal .mlwo-body {
    padding: 1.6rem 1.7rem !important;
}

#welcome-offer-modal .mlwo-header {
    border-bottom: 1px solid var(--ml-lux-line) !important;
    background: #ffffff !important;
}

#welcome-offer-modal .mlwo-kicker,
#welcome-offer-modal .mlwo-success-title {
    color: var(--ml-lux-accent) !important;
    font-size: 0.64rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
}

#welcome-offer-modal .mlwo-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(2rem, 5vw, 2.6rem) !important;
    font-weight: 500 !important;
    letter-spacing: -0.04em !important;
    line-height: 0.98 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-subtitle,
#welcome-offer-modal .mlwo-copy,
#welcome-offer-modal .mlwo-success-note,
#welcome-offer-modal .mlwo-message {
    color: var(--ml-lux-muted) !important;
}

#welcome-offer-modal .mlwo-close {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border: 1px solid var(--ml-lux-line-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-close:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#welcome-offer-modal .mlwo-input,
#welcome-offer-modal .mlwo-code {
    min-height: 3rem !important;
    border: 1px solid var(--ml-lux-line-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-submit,
#welcome-offer-modal .mlwo-copy-btn,
#welcome-offer-modal .mlwo-later {
    min-height: 3rem !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
}

#welcome-offer-modal .mlwo-copy-btn,
#welcome-offer-modal .mlwo-later {
    background: #ffffff !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-submit:hover,
#welcome-offer-modal .mlwo-copy-btn:hover,
#welcome-offer-modal .mlwo-later:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#welcome-offer-modal .mlwo-success {
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

#welcome-offer-modal .mlwo-code {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.28em !important;
}

#site-preloader,
#spinner > div {
    background: #ffffff !important;
}

#site-preloader .preloader-content,
#spinner .ajax-preloader-content {
    gap: 1rem !important;
}

#site-preloader .preloader-logo,
#spinner .ajax-preloader-logo {
    width: min(28vw, 7.5rem) !important;
    filter: grayscale(1) contrast(1.05) !important;
    animation: none !important;
}

#site-preloader .preloader-spinner {
    width: 3rem;
    height: 3rem;
}

#site-preloader .spinner-ring,
#spinner .ajax-preloader-content::after {
    display: block;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-top-color: #000000;
    border-radius: 999px;
    background: transparent !important;
    animation: ml-lux-spin 0.8s linear infinite !important;
}

#site-preloader .spinner-ring::before,
#site-preloader .spinner-ring::after {
    display: none !important;
}

#spinner .ajax-preloader-content::after {
    content: "";
}

#purchase-notifications-container {
    position: fixed !important;
    z-index: 2147482000 !important;
    left: 1rem !important;
    right: auto !important;
    bottom: 1rem !important;
    width: min(100vw - 2rem, 24rem) !important;
    max-width: 24rem !important;
    pointer-events: none !important;
}

#purchase-notifications-container .purchase-notification {
    margin-bottom: 0.75rem !important;
    pointer-events: auto !important;
}

#purchase-notifications-container .purchase-notification__card {
    display: block;
    border: 1px solid var(--ml-lux-line-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
    padding: 0.85rem !important;
    text-decoration: none !important;
}

#purchase-notifications-container .purchase-notification__layout {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
}

#purchase-notifications-container .purchase-notification__media {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid var(--ml-lux-line) !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

#purchase-notifications-container .purchase-notification__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#purchase-notifications-container .purchase-notification__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--ml-lux-accent) !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
}

#purchase-notifications-container .purchase-notification__dot {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #000000;
    flex-shrink: 0;
}

#purchase-notifications-container .purchase-notification__message {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    line-height: 1.55;
    color: #000000 !important;
    font-weight: 600;
}

#purchase-notifications-container .purchase-notification__meta {
    margin-top: 0.3rem;
    color: var(--ml-lux-muted) !important;
    font-size: 0.72rem;
    line-height: 1.5;
}

.ml-site-toast,
#_wl_toast,
.wishlist-notification,
body > div[class*="top-20"][class*="right-4"][class*="rounded-lg"][class*="shadow-lg"][class*="z-[10000]"] {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08) !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.ml-site-toast a,
#_wl_toast a,
.wishlist-notification a {
    color: inherit !important;
}

.ml-site-toast--success,
.wishlist-notification.success {
    border-color: #000000 !important;
}

.ml-site-toast--error,
.wishlist-notification.error {
    border-color: rgba(0, 0, 0, 0.35) !important;
}

.ml-site-toast--info,
.wishlist-notification.info {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

@keyframes ml-lux-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    #sidebar-cart {
        width: 100vw !important;
    }

    #chat-widget {
        bottom: 1rem !important;
        right: 1rem !important;
    }

    #chat-panel {
        width: min(92vw, 22rem) !important;
        right: -0.25rem !important;
    }

    #purchase-notifications-container {
        left: 0.75rem !important;
        bottom: 0.75rem !important;
        width: calc(100vw - 1.5rem) !important;
    }

    #welcome-offer-modal .mlwo-title {
        font-size: clamp(1.65rem, 8vw, 2.1rem) !important;
    }
}

/* Final Gucci-inspired dark/light split and luxury layout system. */
:root {
    --ml-gucci-sans: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ml-gucci-serif: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ml-gucci-black: #000000;
    --ml-gucci-white: #ffffff;
    --ml-gucci-light: #f5f5f5;
    --ml-gucci-light-line: rgba(0, 0, 0, 0.12);
    --ml-gucci-light-strong: rgba(0, 0, 0, 0.24);
    --ml-gucci-dark-line: rgba(255, 255, 255, 0.12);
    --ml-gucci-dark-soft: rgba(255, 255, 255, 0.68);
    --ml-gucci-red: #7d161b;
    --ml-gucci-green: #15352a;
}

body.ml-site-body,
body.ml-site-body button,
body.ml-site-body input,
body.ml-site-body select,
body.ml-site-body textarea {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

body.ml-site-body {
    background: #ffffff !important;
    color: #000000 !important;
}

body.ml-page-dark,
body.ml-page-dark html,
body.ml-page-dark .main-content-area,
body.ml-page-dark main {
    background: #000000 !important;
    color: #ffffff !important;
}

body.ml-page-dark p,
body.ml-page-dark li,
body.ml-page-dark .text-black\/70,
body.ml-page-dark .text-black\/60,
body.ml-page-dark .text-gray-600,
body.ml-page-dark .text-gray-700,
body.ml-page-dark .ml-section-copy,
body.ml-page-dark .ml-story-content,
body.ml-page-dark .ml-seen-copy,
body.ml-page-dark .ml-assurance-copy {
    color: var(--ml-gucci-dark-soft) !important;
}

body.ml-page-dark .ml-story-section,
body.ml-page-dark .ml-assurance-social,
body.ml-page-dark .ml-theme-page,
body.ml-page-dark #home-product-grid {
    background: #000000 !important;
    color: #ffffff !important;
}

body.ml-page-dark .ml-story-panel,
body.ml-page-dark .ml-assurance-panel,
body.ml-page-dark .ml-seen-wrap,
body.ml-page-dark .ml-theme-shell,
body.ml-page-dark .ml-theme-panel {
    border: 1px solid var(--ml-gucci-dark-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.ml-page-dark .ml-story-panel::before,
body.ml-page-dark .ml-assurance-panel::before,
body.ml-page-dark .ml-seen-wrap::before {
    display: none !important;
}

body.ml-page-dark .ml-story-title,
body.ml-page-dark .ml-assurance-title,
body.ml-page-dark .ml-seen-title,
body.ml-page-dark .ml-theme-title,
body.ml-page-dark .ml-page-heading__title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #ffffff !important;
    text-transform: none !important;
    letter-spacing: -0.04em !important;
}

body.ml-page-home .ml-product-card,
body.ml-page-home .ml-conversion-product-card,
body.ml-page-story .ml-product-card,
body.ml-page-campaign .ml-product-card {
    background: transparent !important;
}

body.ml-page-dark .product-image-container,
body.ml-page-dark .ml-product-media,
body.ml-page-dark .ml-product-main-media-frame {
    background: #101010 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.ml-page-dark .ml-product-tagline,
body.ml-page-dark .ml-product-category,
body.ml-page-dark .ml-product-price-old,
body.ml-page-dark .ml-section-kicker,
body.ml-page-dark .ml-assurance-kicker,
body.ml-page-dark .ml-seen-kicker,
body.ml-page-dark .ml-story-portrait-caption {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.ml-page-dark .ml-product-name,
body.ml-page-dark .ml-product-price,
body.ml-page-dark .ml-product-price-current,
body.ml-page-dark .ml-assurance-label,
body.ml-page-dark .ml-assurance-value {
    color: #ffffff !important;
}

body.ml-page-dark .ml-view-products-cta {
    border-color: rgba(255, 255, 255, 0.42) !important;
    color: #ffffff !important;
    background: transparent !important;
}

body.ml-page-dark .ml-view-products-cta:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

body.ml-page-light,
body.ml-page-light .main-content-area,
body.ml-page-light main {
    background: #ffffff !important;
    color: #000000 !important;
}

#announcement-bar {
    background: #000000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#main-header {
    position: sticky;
    top: 0;
    z-index: 1000 !important;
    border-bottom-width: 1px !important;
    box-shadow: none !important;
}

body.ml-page-dark #main-header {
    background: rgba(0, 0, 0, 0.92) !important;
    color: #ffffff !important;
    border-bottom-color: var(--ml-gucci-dark-line) !important;
    backdrop-filter: blur(18px);
}

body.ml-page-light #main-header {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #000000 !important;
    border-bottom-color: var(--ml-gucci-light-line) !important;
    backdrop-filter: blur(18px);
}

#main-header .container.ml-header-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center !important;
    gap: 1rem;
    max-width: 1440px !important;
}

#main-logo,
.ml-brand-logo {
    height: auto !important;
    transform: none !important;
}

.ml-header-brand-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
}

.ml-brand-link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ml-brand-wordmark {
    display: none !important;
}

.ml-brand-logo {
    display: block;
    width: auto;
    height: var(--logo-height);
    max-width: min(16rem, 42vw);
    object-fit: contain;
}

.ml-header-page-nav {
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.ml-header-page-nav a {
    color: inherit !important;
    text-decoration: none;
    font-size: 0.66rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.ml-header-page-nav a:hover {
    text-decoration: underline;
    text-underline-offset: 0.22rem;
}

.ml-header-contact,
.ml-header-menu-label,
#mobile-menu a,
#mobile-menu label,
#announcement-bar {
    font-size: 0.66rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase;
}

.ml-header-contact {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    color: inherit !important;
    text-decoration: none;
    white-space: nowrap;
}

.ml-header-util-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.2rem;
}

.ml-header-icon-btn,
.ml-header-menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2.7rem;
    min-height: 2.7rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.ml-header-menu-btn {
    gap: 0.55rem;
    padding: 0 0.2rem 0 0.7rem;
    min-width: auto;
}

.ml-header-icon-btn:hover,
.ml-header-menu-btn:hover {
    border-color: currentColor;
}

.ml-header-icon {
    width: 1.12rem;
    height: 1.12rem;
}

.ml-icon-badge {
    right: 0.2rem !important;
    top: 0.2rem !important;
    min-width: 1rem;
    min-height: 1rem;
    padding: 0.05rem 0.2rem !important;
    border-radius: 999px !important;
    font-size: 0.56rem !important;
    line-height: 1 !important;
}

body.ml-page-dark .ml-icon-badge {
    background: #ffffff !important;
    color: #000000 !important;
}

body.ml-page-light .ml-icon-badge {
    background: #000000 !important;
    color: #ffffff !important;
}

#main-header.compact {
    box-shadow: none !important;
}

#mobile-menu {
    top: var(--header-offset, 0) !important;
    width: min(100vw, 24rem) !important;
    height: calc(100vh - var(--header-offset, 0px)) !important;
    overflow-y: auto;
    border-right: 1px solid currentColor;
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding: 1.5rem !important;
}

body.ml-page-dark #mobile-menu {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: var(--ml-gucci-dark-line);
}

body.ml-page-light #mobile-menu {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: var(--ml-gucci-light-line);
}

#mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(8px);
}

#mobile-menu .ml-mobile-search-field {
    overflow: hidden;
}

#mobile-menu #search-mobile {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#mobile-menu #search-mobile::-webkit-search-decoration,
#mobile-menu #search-mobile::-webkit-search-cancel-button,
#mobile-menu #search-mobile::-webkit-search-results-button,
#mobile-menu #search-mobile::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.ml-collection-hero-banner__media {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(20rem, 44vw, 33rem);
    padding: 1.5rem;
    overflow: hidden;
    background-image:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.7) 100%),
        var(--ml-collection-hero-image);
    background-size: cover;
    background-position: center;
}

.ml-collection-hero-banner__content {
    position: relative;
    z-index: 1;
    max-width: 32rem;
    color: #ffffff;
}

.ml-collection-hero-banner__eyebrow,
.ml-product-tagline,
.ml-related-card__tagline,
.ml-product-breadcrumb {
    font-size: 0.64rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.ml-collection-hero-banner__title {
    margin-top: 0.5rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(2.8rem, 6vw, 5.2rem);
    font-weight: 600;
    line-height: 0.92;
    letter-spacing: -0.04em;
    text-transform: none;
}

.ml-collection-hero-banner__copy {
    margin-top: 0.9rem;
    max-width: 26rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
}

.ml-collection-hero-banner__meta {
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.72);
}

.ml-collection-toolbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.1rem 0 1rem;
    border-bottom: 1px solid var(--ml-gucci-light-line);
}

.ml-collection-toolbar__filters,
.ml-collection-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.ml-collection-toolbar__count {
    font-size: 0.66rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
}

.ml-category-chip {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(0, 0, 0, 0.54) !important;
    font-size: 0.66rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
}

.ml-category-chip.is-active,
.ml-category-chip:hover {
    color: #000000 !important;
}

.ml-theme-filter-form .ml-theme-select {
    min-height: 2.4rem;
    border: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
}

.ml-product-grid--mosaic {
    grid-auto-flow: dense;
}

.ml-product-grid .ml-product-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ml-product-grid .ml-product-media {
    aspect-ratio: 3 / 4;
    background: #f5f5f5 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ml-product-grid .ml-product-media img,
.ml-related-card .product-image-container img,
.ml-pdp-gallery img {
    transition: transform 0.7s ease, opacity 0.32s ease;
}

.ml-product-card:hover .main-image,
.ml-product-card:hover .hover-image,
.ml-related-card:hover img {
    transform: scale(1.03);
}

.ml-product-card--feature-wide {
    grid-column: span 2;
}

.ml-product-card--feature-wide .ml-product-media {
    aspect-ratio: 16 / 10;
}

.ml-product-tagline {
    margin-bottom: 0.4rem;
    color: rgba(0, 0, 0, 0.52) !important;
}

.ml-product-name {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

.ml-product-price,
.ml-product-price-current,
.ml-product-price-old {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
}

/* Product card listing redesign inspired by Galxboy product listings. */
.ml-product-grid .ml-product-card[data-product-card] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
}

.ml-product-grid .ml-product-card[data-product-card] .ml-product-media {
    position: relative;
    overflow: hidden;
}

.ml-product-grid .ml-product-card[data-product-card] .ml-product-media .main-image,
.ml-product-grid .ml-product-card[data-product-card] .ml-product-media .hover-image {
    transition: transform 0.45s ease, opacity 0.3s ease;
}

@media (hover: hover) {
    .ml-product-grid .ml-product-card[data-product-card]:hover .main-image,
    .ml-product-grid .ml-product-card[data-product-card]:hover .hover-image {
        transform: scale(1.035);
    }

    .ml-product-grid .ml-product-card[data-product-card]:hover .ml-product-card-add,
    .ml-product-grid .ml-product-card[data-product-card]:focus-within .ml-product-card-add {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }
}

.ml-product-grid .ml-product-card[data-product-card]:active .main-image,
.ml-product-grid .ml-product-card[data-product-card]:active .hover-image {
    transform: scale(1.02);
}

.ml-product-card-add {
    position: absolute;
    top: auto;
    bottom: 0.6rem;
    right: 0.6rem;
    z-index: 16;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--ml-lux-ink);
    border-radius: 0 !important;
    background: var(--ml-lux-ink);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.96);
    transition: opacity 0.22s ease, transform 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

main .ml-product-card-add.quick-add-btn {
    display: inline-flex !important;
}

.ml-product-card-add:hover,
.ml-product-card-add:focus-visible {
    background: #ffffff;
    color: var(--ml-lux-ink);
    border-color: var(--ml-lux-ink);
    outline: none;
}

.ml-product-card-add:active {
    transform: scale(0.96);
}

.ml-product-card-add > span {
    display: none !important;
}

.ml-product-card-add svg {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
}

.ml-product-card-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
    min-height: 0.42rem;
    margin-top: 0.1rem;
}

.ml-product-card-dot {
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.24);
}

.ml-product-card-dot.is-active {
    background: rgba(0, 0, 0, 0.58);
}

.ml-product-meta {
    text-align: center !important;
    padding-top: 0.35rem !important;
}

.ml-product-meta .ml-product-name {
    margin: 0 auto !important;
    max-width: 22ch;
    min-height: 2.9em;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ml-product-meta .ml-product-price {
    margin-top: 0.42rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase;
}

.ml-product-card-swatches {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ml-product-card-color-list {
    margin-top: 0.5rem;
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.56);
    line-height: 1.45;
}

.ml-product-card-price-note {
    margin-top: 0.28rem;
    font-size: 0.58rem;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.56);
    line-height: 1.4;
}

.ml-product-swatch {
    width: 0.78rem;
    height: 0.78rem;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 999px !important;
    background: var(--ml-swatch-color, #d5d5d5);
    cursor: pointer;
    touch-action: manipulation;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.ml-product-swatch:hover {
    transform: translateY(-1px);
}

.ml-product-swatch.is-active,
.ml-product-swatch:focus-visible {
    border-color: #000000;
    box-shadow: 0 0 0 1px #000000 inset, 0 1px 3px rgba(0, 0, 0, 0.12);
    outline: none;
}

.ml-product-card-rating {
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.33rem;
    width: 100%;
    color: rgba(0, 0, 0, 0.56);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

.ml-product-card-stars {
    display: inline-flex;
    gap: 0.12rem;
    line-height: 1;
}

.ml-product-card-stars .ml-star {
    font-size: 0.62rem;
    color: #cdcdcd;
}

.ml-product-card-stars .ml-star.is-filled {
    color: #d4b53d;
}

.ml-product-card-rating-text {
    font-size: 0.66rem;
}

@media (max-width: 767px) {
    .ml-product-card-add {
        width: 2.75rem;
        height: 2.75rem;
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }

    .ml-product-card-add svg {
        width: 1.15rem;
        height: 1.15rem;
    }

    .ml-product-card-swatches {
        gap: 0.42rem;
        margin-top: 0.58rem;
    }

    .ml-product-swatch {
        width: 0.92rem;
        height: 0.92rem;
        border-radius: 999px !important;
    }

    .ml-product-card-dot {
        width: 0.38rem;
        height: 0.38rem;
    }
}

@media (hover: none), (pointer: coarse) {
    .ml-product-card-add {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }
}

.ml-product-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.75rem;
    color: rgba(0, 0, 0, 0.52);
}

.ml-product-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.ml-pdp-gallery > .relative {
    border: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

.ml-product-main-media-frame,
.ml-product-thumb-media {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #f5f5f5 !important;
}

.ml-product-thumb-media {
    border: 1px solid transparent !important;
}

.ml-product-thumb-media:hover {
    border-color: var(--ml-gucci-light-strong) !important;
}

.ml-pdp-buybox {
    border: 0 !important;
    border-left: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 0 0 2rem !important;
}

.ml-page-product h1,
.ml-page-product h2,
.ml-page-products h1,
.ml-page-home .ml-section-title,
.ml-page-story .ml-theme-title,
.ml-page-campaign .ml-theme-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}

.ml-page-home .ml-story-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.04em !important;
    text-transform: none !important;
}

.ml-page-home .ml-story-content,
.ml-page-home .ml-story-paragraph,
.ml-page-home .ml-story-portrait-caption {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.ml-page-product h1 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

.ml-product-short-description {
    margin-top: 1.2rem !important;
    color: rgba(0, 0, 0, 0.62) !important;
    font-size: 0.95rem !important;
    line-height: 1.75 !important;
}

.ml-option-swatch-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.ml-option-swatch {
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--ml-gucci-light-line);
    border-radius: 0 !important;
    background: #ffffff;
    color: #000000;
    font-size: 0.7rem;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition: background 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

.ml-option-swatch.is-active,
.ml-option-swatch:hover {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.ml-option-swatches-ready .ml-option-select-wrap {
    display: none;
}

#add-to-cart-btn,
#wishlist-toggle-btn,
#whatsapp-inquiry-btn,
.ml-page-product .qty-btn,
.ml-page-product .save-for-later-btn,
.ml-page-product .remove-from-cart-btn {
    min-height: 3.15rem;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0.7rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
}

#add-to-cart-btn {
    border: 1px solid #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

#add-to-cart-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

#wishlist-toggle-btn,
#whatsapp-inquiry-btn {
    border: 1px solid var(--ml-gucci-light-line) !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#wishlist-toggle-btn:hover,
#whatsapp-inquiry-btn:hover {
    border-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

.ml-page-product .inline-flex.items-center.border,
.ml-page-product .rounded-2xl,
.ml-page-product .rounded-xl,
.ml-page-product .rounded-lg,
.ml-page-product [class*="rounded-"] {
    border-radius: 0 !important;
}

.ml-page-product .bg-gradient-to-br,
.ml-page-product .bg-neutral-50\/60,
.ml-page-product .bg-gray-50,
.ml-page-product .bg-amber-50,
.ml-page-product .bg-stone-50,
.ml-page-product .bg-white\/70 {
    background: #ffffff !important;
}

.ml-page-product .border-amber-200,
.ml-page-product .border-stone-200,
.ml-page-product .border-black\/10,
.ml-page-product .border-gray-200 {
    border-color: var(--ml-gucci-light-line) !important;
}

.ml-page-product [class*="text-amber-"],
.ml-page-product [class*="text-stone-"],
.ml-page-product [class*="text-indigo-"],
.ml-page-product [class*="text-emerald-"],
.ml-page-product [class*="text-blue-"] {
    color: rgba(0, 0, 0, 0.72) !important;
}

.ml-pdp-details details:nth-of-type(n + 4) {
    display: none !important;
}

.ml-pdp-details details {
    border-top: 1px solid var(--ml-gucci-light-line) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 1rem 0 !important;
    background: transparent !important;
}

.ml-pdp-details details:last-child {
    border-bottom: 1px solid var(--ml-gucci-light-line) !important;
}

.ml-pdp-details details[open] summary span {
    transform: rotate(45deg);
}

.ml-pdp-details summary {
    list-style: none;
    font-size: 0.74rem;
    font-weight: 400 !important;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.ml-pdp-details summary::-webkit-details-marker {
    display: none;
}

.ml-pdp-details summary span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0 !important;
}

.ml-pdp-details summary span::before {
    content: "+";
    font-size: 0.95rem;
    line-height: 1;
}

.ml-related-carousel {
    overflow-x: auto;
    padding-bottom: 0.4rem;
}

.ml-related-carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(13rem, 18rem);
    gap: 1.25rem;
}

.ml-related-card .product-image-container {
    aspect-ratio: 3 / 4;
    border-radius: 0 !important;
    border: 0 !important;
    background: #f5f5f5 !important;
}

.ml-related-card__tagline {
    margin-bottom: 0.35rem;
    color: rgba(0, 0, 0, 0.48);
}

.ml-related-card__meta h3,
.ml-related-card__meta p {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
}

@media (min-width: 1024px) {
    .ml-header-page-nav {
        display: flex !important;
    }

    .ml-pdp-gallery {
        display: grid;
        grid-template-columns: 5.5rem minmax(0, 1fr);
        gap: 1rem;
        align-items: start;
    }

    .ml-pdp-gallery > .relative {
        grid-column: 2;
    }

    .ml-pdp-gallery > .flex.gap-3.overflow-x-auto.pb-2 {
        grid-column: 1;
        grid-row: 1;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 46rem;
        padding-bottom: 0 !important;
        padding-right: 0.25rem;
    }

    .ml-pdp-gallery > .flex.gap-3.overflow-x-auto.pb-2 button {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 4;
    }
}

@media (max-width: 1023px) {
    .ml-product-card--feature-wide {
        grid-column: auto;
    }

    .ml-product-card--feature-wide .ml-product-media {
        aspect-ratio: 3 / 4;
    }

    .ml-pdp-buybox {
        padding: 2rem 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid var(--ml-gucci-light-line) !important;
    }
}

@media (max-width: 767px) {
    #main-header .container.ml-header-grid {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.5rem;
    }

    #main-header .container.ml-header-grid > div:first-child {
        display: none !important;
    }

    .ml-header-brand-stack {
        align-items: flex-start;
        justify-self: start;
    }

    .ml-header-contact {
        font-size: 0.58rem !important;
        letter-spacing: 0.18em !important;
    }

    .ml-header-menu-label {
        display: none;
    }

    .ml-header-brand-stack {
        gap: 0;
    }

    .ml-brand-link {
        justify-content: flex-start;
    }

    .ml-brand-logo {
        max-width: min(8.75rem, 32vw);
    }

    .ml-header-util-row {
        justify-self: end;
    }

    .ml-collection-toolbar__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .ml-related-carousel__track {
        grid-auto-columns: minmax(11.5rem, 15rem);
    }
}

/* Final Gucci continuity pass for auth, account, search, cart, checkout, order, and content pages. */
body.ml-page-auth main,
body.ml-page-account main,
body.ml-page-wishlist main,
body.ml-page-cart main,
body.ml-page-checkout main,
body.ml-page-search main,
body.ml-page-order main,
body.ml-page-content,
body.ml-page-utility main {
    background: #ffffff !important;
    color: #000000 !important;
}

body.ml-page-auth .ml-theme-shell,
body.ml-page-account .ml-theme-shell,
body.ml-page-wishlist .ml-theme-shell,
body.ml-page-cart .ml-theme-shell,
body.ml-page-checkout .ml-theme-shell,
body.ml-page-search .ml-theme-shell,
body.ml-page-order .ml-theme-shell,
body.ml-page-content .ml-theme-shell,
body.ml-page-utility .ml-theme-shell {
    max-width: 1440px !important;
}

body.ml-page-auth .ml-theme-title,
body.ml-page-account .ml-theme-title,
body.ml-page-wishlist h1,
body.ml-page-search h1,
body.ml-page-order h1,
body.ml-page-content .ml-theme-title,
body.ml-page-utility .ml-theme-title {
    text-transform: none !important;
    letter-spacing: -0.06em !important;
}

body.ml-page-auth .ml-auth-panel,
body.ml-page-order .ml-order-panel,
body.ml-page-content .ml-theme-panel,
body.ml-page-campaign .ml-theme-panel,
body.ml-page-utility .ml-theme-panel {
    padding: clamp(2rem, 3.6vw, 3rem) !important;
}

body.ml-page-auth .ml-auth-panel {
    max-width: 33rem !important;
}

body.ml-page-auth .ml-auth-panel,
body.ml-page-wishlist .ml-wishlist-card,
body.ml-page-account .ml-account-dashboard-grid > a,
body.ml-page-account .bg-gradient-to-r,
body.ml-page-account .bg-neutral-50,
body.ml-page-account .text-center.py-12.bg-neutral-50,
body.ml-page-account .flex.flex-col.sm\:flex-row.items-start.sm\:items-center.justify-between.p-4.bg-white.rounded-lg.border.border-gray-200,
body.ml-page-checkout .ml-theme-panel,
body.ml-page-checkout .bg-gray-50.p-4.rounded-lg,
body.ml-page-checkout #delivery-estimate-box,
body.ml-page-checkout #applied-coupon > div,
body.ml-page-cart .ml-theme-panel,
body.ml-page-cart .saved-item,
body.ml-page-search .bg-gray-50.rounded-lg.p-4,
body.ml-page-order .ml-order-panel,
body.ml-page-order .mt-4.p-4.bg-amber-50,
body.ml-page-order .mt-4.p-4.bg-blue-50,
body.ml-page-order .mt-4.p-4.bg-gradient-to-r {
    background: #ffffff !important;
    border: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
}

body.ml-page-auth main p a,
body.ml-page-auth main .text-sm a,
body.ml-page-order main a,
body.ml-page-content main a,
body.ml-page-utility main a {
    text-underline-offset: 0.22rem;
}

body.ml-page-search .ml-search-results-grid {
    gap: 2rem 1.35rem !important;
}

body.ml-page-search .product-item,
body.ml-page-search .product-item:hover,
body.ml-page-search .product-item:focus,
body.ml-page-search .product-item:focus-within,
body.ml-page-search .product-item:active,
body.ml-page-search .ml-product-card,
body.ml-page-search .ml-conversion-product-card,
body.ml-page-search .ml-product-meta {
    background: #ffffff !important;
    color: #000000 !important;
}

body.ml-page-search .product-item *,
body.ml-page-search .ml-product-card *,
body.ml-page-search .ml-product-meta *,
body.ml-page-search .ml-product-name,
body.ml-page-search .ml-product-name a,
body.ml-page-search .ml-product-name a:any-link,
body.ml-page-search .ml-product-price,
body.ml-page-search .ml-product-price-current,
body.ml-page-search .ml-product-price-old,
body.ml-page-search .ml-product-card-rating,
body.ml-page-search .ml-product-card-rating-text,
body.ml-page-search .ml-product-card-color-list,
body.ml-page-search .ml-product-card-price-note {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

body.ml-page-search .ml-product-price-old,
body.ml-page-search .ml-product-card-color-list,
body.ml-page-search .ml-product-card-price-note {
    color: rgba(0, 0, 0, 0.58) !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.58) !important;
}

body.ml-page-search .product-image-container,
body.ml-page-wishlist .ml-wishlist-card .aspect-square {
    aspect-ratio: 3 / 4;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
}

body.ml-page-search .product-image-container img,
body.ml-page-wishlist .ml-wishlist-card img {
    object-fit: cover !important;
    padding: 0 !important;
    transition: transform 0.55s ease !important;
}

body.ml-page-search .group:hover .product-image-container img,
body.ml-page-wishlist .ml-wishlist-card:hover img {
    transform: scale(1.04);
}

body.ml-page-search h4 {
    font-size: 0.62rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48) !important;
}

body.ml-page-search h3,
body.ml-page-wishlist .ml-wishlist-card a.font-bold {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.98rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

body.ml-page-search .mt-4.bg-gray-50.rounded-lg.p-4,
body.ml-page-search .w-full.px-3.py-2.bg-white.border.border-gray-300.rounded-md,
body.ml-page-search .w-full.px-4.py-3.bg-white.border.border-black\/50.rounded-md {
    background: #ffffff !important;
    border-color: var(--ml-gucci-light-strong) !important;
}

body.ml-page-search .ml-search-page-input {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 1rem !important;
    background: #ffffff !important;
    color: #000000 !important;
    padding: 1rem 4.25rem 1rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body.ml-page-search .ml-search-page-input::placeholder {
    color: rgba(0, 0, 0, 0.45) !important;
}

body.ml-page-search .ml-search-submit-btn {
    position: absolute !important;
    top: 50% !important;
    right: 0.75rem !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #000000 !important;
    border-radius: 999px !important;
    background: #000000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.ml-page-search .ml-search-submit-btn:hover,
body.ml-page-search .ml-search-submit-btn:focus-visible {
    background: #ffffff !important;
    color: #000000 !important;
    outline: none;
}

body.ml-page-search #toggle-filters {
    font-size: 0.66rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase;
}

body.ml-page-account .ml-account-actions,
body.ml-page-wishlist .ml-wishlist-actions,
body.ml-page-order .ml-order-links {
    gap: 0.75rem !important;
    flex-wrap: wrap;
}

body.ml-page-order .ml-order-links > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0 !important;
}

body.ml-page-account .ml-account-actions > a,
body.ml-page-wishlist .ml-wishlist-actions > a,
body.ml-page-order .ml-order-links > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.85rem 1.15rem;
    border: 1px solid var(--ml-gucci-light-strong) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.66rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    text-decoration: none;
    text-transform: uppercase;
}

body.ml-page-account .ml-account-actions > a:hover,
body.ml-page-wishlist .ml-wishlist-actions > a:hover,
body.ml-page-order .ml-order-links > a:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.ml-page-account .group.block.bg-white.border,
body.ml-page-account .group.block.bg-white.border-red-200,
body.ml-page-wishlist .ml-wishlist-card {
    transition: border-color 0.28s ease, transform 0.28s ease !important;
}

body.ml-page-account .group.block.bg-white.border:hover,
body.ml-page-account .group.block.bg-white.border-red-200:hover,
body.ml-page-wishlist .ml-wishlist-card:hover {
    transform: translateY(-2px);
}

body.ml-page-account .w-12.h-12.bg-black.rounded-full,
body.ml-page-account .w-8.h-8.rounded-full,
body.ml-page-order .w-10.h-10.bg-blue-600.rounded-full,
body.ml-page-order .w-12.h-12.bg-gradient-to-r.rounded-full {
    background: #000000 !important;
    color: #ffffff !important;
}

body.ml-page-account .bg-gradient-to-r *,
body.ml-page-order .mt-4.p-4.bg-gradient-to-r * {
    color: inherit !important;
}

body.ml-page-account .bg-white\/20.rounded-full.h-3 {
    background: rgba(0, 0, 0, 0.12) !important;
}

body.ml-page-account .bg-white.h-3.rounded-full.transition-all.duration-300 {
    background: #000000 !important;
}

body.ml-page-account [class*="text-purple-"],
body.ml-page-account [class*="text-blue-"],
body.ml-page-account [class*="text-green-"],
body.ml-page-account [class*="text-red-"],
body.ml-page-order [class*="text-purple-"],
body.ml-page-order [class*="text-blue-"],
body.ml-page-order [class*="text-green-"],
body.ml-page-order [class*="text-amber-"],
body.ml-page-order [class*="text-red-"] {
    color: rgba(0, 0, 0, 0.72) !important;
}

body.ml-page-account span.rounded-full[class*="bg-"],
body.ml-page-order span.rounded-full[class*="bg-"] {
    background: #ffffff !important;
    border: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 999px !important;
    color: #000000 !important;
    font-size: 0.62rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
}

body.ml-page-account button.bg-green-600,
body.ml-page-account button.bg-blue-600,
body.ml-page-account button.bg-blue-400,
body.ml-page-account button.bg-black,
body.ml-page-account a.bg-black,
body.ml-page-wishlist a.bg-neutral-100,
body.ml-page-cart button[onclick="openCartWhatsAppInquiry()"] {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #000000 !important;
}

body.ml-page-account button.bg-green-600:hover,
body.ml-page-account button.bg-blue-600:hover,
body.ml-page-account button.bg-blue-400:hover,
body.ml-page-account button.bg-black:hover,
body.ml-page-account a.bg-black:hover,
body.ml-page-wishlist a.bg-neutral-100:hover,
body.ml-page-cart button[onclick="openCartWhatsAppInquiry()"]:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

body.ml-page-cart [data-cart-item],
body.ml-page-cart .saved-item,
body.ml-page-cart .inline-flex.items-center.border,
body.ml-page-checkout label.flex.items-center.justify-between.gap-3.p-3.border.border-gray-200.rounded-lg.cursor-pointer {
    border-color: var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
}

body.ml-page-cart .qty-btn,
body.ml-page-cart .cart-quantity-input,
body.ml-page-checkout #coupon-code {
    border-radius: 0 !important;
}

body.ml-page-cart .remove-from-cart-btn,
body.ml-page-cart .remove-saved-btn,
body.ml-page-cart .save-for-later-btn,
body.ml-page-wishlist .remove-from-wishlist-btn {
    color: rgba(0, 0, 0, 0.56) !important;
}

body.ml-page-cart .remove-from-cart-btn:hover,
body.ml-page-cart .remove-saved-btn:hover,
body.ml-page-cart .save-for-later-btn:hover,
body.ml-page-wishlist .remove-from-wishlist-btn:hover {
    color: #000000 !important;
}

body.ml-page-checkout input[type="radio"],
body.ml-page-checkout input[type="checkbox"] {
    accent-color: #000000;
}

body.ml-page-checkout #checkout-step-cart,
body.ml-page-checkout #checkout-step-shipping,
body.ml-page-checkout #checkout-step-payment {
    width: 2.2rem !important;
    height: 2.2rem !important;
    border-radius: 0 !important;
}

body.ml-page-checkout #checkout-progressbar {
    height: 1px !important;
    border-radius: 0 !important;
    background: var(--ml-gucci-light-line) !important;
}

body.ml-page-checkout #checkout-progress-fill {
    background: #000000 !important;
    border-radius: 0 !important;
}

body.ml-page-order .ml-craft-ritual {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
}

body.ml-page-order .ml-craft-ritual__card {
    background: #ffffff !important;
    border: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.08) !important;
}

body.ml-page-order .ml-craft-ritual__fill {
    background: #000000 !important;
}

body.ml-page-content details,
body.ml-page-utility details {
    border-top: 1px solid var(--ml-gucci-light-line) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 1rem 0 !important;
}

body.ml-page-content details:last-child,
body.ml-page-utility details:last-child {
    border-bottom: 1px solid var(--ml-gucci-light-line) !important;
}

body.ml-page-content summary,
body.ml-page-utility summary {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

body.ml-page-content #returns-assistant,
body.ml-page-content #raStatusBox,
body.ml-page-content #raSuccessBox {
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    body.ml-page-search .ml-search-results-grid {
        gap: 1.4rem 0.9rem !important;
    }

    body.ml-page-account .ml-account-actions > a,
    body.ml-page-wishlist .ml-wishlist-actions > a,
    body.ml-page-order .ml-order-links > a {
        width: 100%;
    }
}

/* Gucci hardening for footer, purchase proof, cookie consent, and JS-generated actions. */
footer .ml-footer-social-links {
    gap: 0.7rem !important;
}

footer .ml-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0 !important;
    background: transparent;
    color: #ffffff !important;
    transition: background 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

footer .ml-footer-social-link:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}

footer .ml-footer-social-link .ml-footer-social-icon {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    fill: currentColor !important;
    stroke: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

footer .ml-footer-newsletter-input,
footer .ml-footer-newsletter-button {
    min-height: 3rem;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
}

footer .ml-footer-newsletter-input {
    background: transparent !important;
    color: #ffffff !important;
}

footer .ml-footer-newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

footer .ml-footer-newsletter-button {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

footer .ml-footer-newsletter-button:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

#newsletter-message.ml-footer-newsletter-message {
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.74) !important;
}

#newsletter-message.ml-footer-newsletter-message[data-state="error"] {
    color: rgba(255, 255, 255, 0.58) !important;
}

#cookie-consent {
    background: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

#accept-cookies {
    min-height: 2.8rem;
    padding-inline: 1.15rem !important;
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

#accept-cookies:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#purchase-notifications-container .purchase-notification__product {
    margin-top: 0.32rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem;
    font-weight: 400 !important;
    line-height: 1.45;
    color: #000000 !important;
}

#purchase-notifications-container .purchase-notification__message {
    margin-top: 0.32rem;
    font-size: 0.62rem;
    font-weight: 500 !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.46) !important;
}

#purchase-notifications-container .purchase-notification__meta {
    margin-top: 0.18rem;
    color: rgba(0, 0, 0, 0.68) !important;
}

#frontend-confirm-overlay .fas,
#quick-add-modal .fas,
#quick-view-modal .fas {
    color: #000000 !important;
}

#quick-add-modal [class*="text-red-"],
#quick-add-modal [class*="text-green-"],
#quick-add-modal [class*="text-blue-"],
#quick-add-modal [class*="text-yellow-"],
#quick-add-modal [class*="text-emerald-"],
#quick-add-modal [class*="text-amber-"] {
    color: rgba(0, 0, 0, 0.72) !important;
}

#quick-add-modal [class*="bg-green-"],
#quick-add-modal [class*="bg-red-"],
#quick-add-modal [class*="bg-blue-"],
#quick-add-modal [class*="bg-yellow-"],
#quick-add-modal [class*="bg-emerald-"],
#quick-add-modal [class*="bg-amber-"] {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.ml-site-body .purchase-notification__card,
body.ml-site-body .ml-site-toast,
body.ml-site-body #frontend-confirm-overlay button,
body.ml-site-body #quick-add-modal button,
body.ml-site-body #quick-view-modal button,
body.ml-site-body #welcome-offer-modal button,
body.ml-site-body #chat-widget button {
    transition: background 0.24s ease, color 0.24s ease, border-color 0.24s ease, transform 0.24s ease !important;
}

/* Final Gucci hardening for remaining frontend accent utilities and inline badges. */
body.ml-site-body .ml-monochrome-badge {
    display: inline-flex;
    align-items: center;
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid rgba(17, 17, 17, 0.12) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.ml-site-body [class*="text-red-"],
body.ml-site-body [class*="text-green-"],
body.ml-site-body [class*="text-blue-"],
body.ml-site-body [class*="text-yellow-"],
body.ml-site-body [class*="text-purple-"],
body.ml-site-body [class*="text-emerald-"],
body.ml-site-body [class*="text-amber-"],
body.ml-site-body [class*="text-indigo-"],
body.ml-site-body [class*="text-cyan-"],
body.ml-site-body [class*="text-orange-"] {
    color: #111111 !important;
}

body.ml-site-body [class*="bg-red-"],
body.ml-site-body [class*="bg-green-"],
body.ml-site-body [class*="bg-blue-"],
body.ml-site-body [class*="bg-yellow-"],
body.ml-site-body [class*="bg-purple-"],
body.ml-site-body [class*="bg-emerald-"],
body.ml-site-body [class*="bg-amber-"],
body.ml-site-body [class*="bg-indigo-"],
body.ml-site-body [class*="bg-cyan-"],
body.ml-site-body [class*="bg-orange-"] {
    background-color: #f5f5f5 !important;
    color: #111111 !important;
    box-shadow: none !important;
}

body.ml-site-body [class*="border-red-"],
body.ml-site-body [class*="border-green-"],
body.ml-site-body [class*="border-blue-"],
body.ml-site-body [class*="border-yellow-"],
body.ml-site-body [class*="border-purple-"],
body.ml-site-body [class*="border-emerald-"],
body.ml-site-body [class*="border-amber-"],
body.ml-site-body [class*="border-indigo-"],
body.ml-site-body [class*="border-cyan-"],
body.ml-site-body [class*="border-orange-"] {
    border-color: rgba(17, 17, 17, 0.14) !important;
}

body.ml-site-body [class*="from-red"],
body.ml-site-body [class*="from-green"],
body.ml-site-body [class*="from-blue"],
body.ml-site-body [class*="from-yellow"],
body.ml-site-body [class*="from-purple"],
body.ml-site-body [class*="from-emerald"],
body.ml-site-body [class*="from-amber"],
body.ml-site-body [class*="from-indigo"],
body.ml-site-body [class*="from-cyan"],
body.ml-site-body [class*="from-orange"],
body.ml-site-body [class*="to-red"],
body.ml-site-body [class*="to-green"],
body.ml-site-body [class*="to-blue"],
body.ml-site-body [class*="to-yellow"],
body.ml-site-body [class*="to-purple"],
body.ml-site-body [class*="to-emerald"],
body.ml-site-body [class*="to-amber"],
body.ml-site-body [class*="to-indigo"],
body.ml-site-body [class*="to-cyan"],
body.ml-site-body [class*="to-orange"] {
    background-image: none !important;
}

/* Account usability refresh and homepage trust/journal refinement. */
.ml-account-primary-link,
.ml-account-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.95rem;
    padding: 0.82rem 1.15rem;
    border: 1px solid #000000;
    border-radius: 0 !important;
    background: #ffffff;
    color: #000000 !important;
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

.ml-account-primary-link {
    background: #000000;
    color: #ffffff !important;
}

.ml-account-primary-link:hover {
    background: #ffffff;
    color: #000000 !important;
}

.ml-account-secondary-button:hover {
    background: #000000;
    color: #ffffff !important;
}

.ml-account-primary-button {
    cursor: pointer;
}

.ml-account-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(0, 0, 0, 0.72) !important;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-decoration: none;
    text-transform: uppercase;
}

.ml-account-inline-link:hover {
    color: #000000 !important;
}

body.ml-page-account .ml-account-shell {
    max-width: 1520px !important;
}

body.ml-page-account .ml-account-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.9fr);
    gap: 1.5rem;
    margin-bottom: 2.2rem;
}

body.ml-page-account .ml-account-hero-copy,
body.ml-page-account .ml-account-hero-meta,
body.ml-page-account .ml-account-side-panel,
body.ml-page-account .ml-account-panel,
body.ml-page-account .ml-account-metric-card,
body.ml-page-account .ml-account-focus-card,
.ml-seen-benefit {
    border: 1px solid var(--ml-gucci-light-line);
    background: #ffffff;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.ml-page-account .ml-account-hero-copy {
    padding: clamp(1.8rem, 3vw, 2.6rem);
}

body.ml-page-account .ml-account-intro,
body.ml-page-account .ml-account-panel-copy,
body.ml-page-account .ml-account-section-copy,
body.ml-page-account .ml-account-note-list p,
.ml-seen-copy,
.ml-seen-card-note,
.ml-seen-benefit p,
.ml-assurance-copy,
.ml-assurance-note {
    color: rgba(0, 0, 0, 0.62);
    line-height: 1.7;
}

body.ml-page-account .ml-account-hero-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--ml-gucci-light-line);
    padding: 1px;
}

body.ml-page-account .ml-account-hero-stat {
    display: grid;
    gap: 0.45rem;
    padding: 1.35rem 1.25rem;
    background: #ffffff;
}

body.ml-page-account .ml-account-hero-label,
body.ml-page-account .ml-account-kicker,
body.ml-page-account .ml-account-panel-kicker,
.ml-assurance-kicker,
.ml-seen-kicker {
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

body.ml-page-account .ml-account-hero-stat strong,
body.ml-page-account .ml-account-metric-card strong {
    font-size: clamp(1.45rem, 2.2vw, 2.25rem);
    line-height: 1;
}

body.ml-page-account .ml-account-layout {
    display: grid;
    grid-template-columns: minmax(17rem, 19rem) minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

body.ml-page-account .ml-account-sidebar {
    position: sticky;
    top: 6.25rem;
    display: grid;
    gap: 1rem;
}

body.ml-page-account .ml-account-side-panel,
body.ml-page-account .ml-account-panel,
body.ml-page-account .ml-account-focus-card {
    padding: 1.5rem;
}

body.ml-page-account .ml-account-nav {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

body.ml-page-account .ml-account-nav-link {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--ml-gucci-light-line);
    color: #000000 !important;
    text-decoration: none;
    transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

body.ml-page-account .ml-account-nav-link span,
body.ml-page-account .ml-account-panel-title,
body.ml-page-account .ml-account-section-title,
body.ml-page-account .ml-account-focus-title,
.ml-seen-card-title,
.ml-assurance-label,
.ml-assurance-value {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

body.ml-page-account .ml-account-nav-link span {
    font-size: 0.92rem;
}

body.ml-page-account .ml-account-nav-link small {
    color: rgba(0, 0, 0, 0.52);
    font-size: 0.72rem;
    text-align: right;
}

body.ml-page-account .ml-account-nav-link:hover,
body.ml-page-account .ml-account-nav-link.is-active {
    border-color: #000000;
    background: #fafafa;
    transform: translateY(-1px);
}

body.ml-page-account .ml-account-support-links,
body.ml-page-account .ml-account-note-list,
body.ml-page-account .ml-account-shortcut-list {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

body.ml-page-account .ml-account-support-links a,
body.ml-page-account .ml-account-shortcut {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--ml-gucci-light-line);
    color: #000000 !important;
    text-decoration: none;
}

body.ml-page-account .ml-account-shortcut span,
body.ml-page-account .ml-account-note-list span {
    font-weight: 500;
}

body.ml-page-account .ml-account-shortcut small {
    color: rgba(0, 0, 0, 0.58);
    line-height: 1.6;
}

body.ml-page-account .ml-account-content {
    display: grid;
    gap: 1.5rem;
}

body.ml-page-account .ml-account-section-head {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: end;
}

body.ml-page-account .ml-account-section-head {
    margin-bottom: 0.5rem;
}

body.ml-page-account .ml-account-section-title {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.96;
}

body.ml-page-account .ml-account-focus-card,
body.ml-page-account .ml-account-copy-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

body.ml-page-account .ml-account-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body.ml-page-account .ml-account-dashboard-columns,
body.ml-page-account .ml-account-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.95fr);
    gap: 1rem;
}

body.ml-page-account .ml-account-panel-head,
body.ml-page-account .ml-account-recent-item,
body.ml-page-account .ml-account-order-top,
body.ml-page-account .ml-account-order-actions,
body.ml-page-account .ml-account-share-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

body.ml-page-account .ml-account-recent-list,
body.ml-page-account .ml-account-order-list {
    display: grid;
    gap: 0.85rem;
}

body.ml-page-account .ml-account-recent-item,
body.ml-page-account .ml-account-order-card {
    padding: 1rem 0;
    border-top: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-account .ml-account-recent-item:first-child,
body.ml-page-account .ml-account-order-card:first-child {
    padding-top: 0;
    border-top: 0;
}

body.ml-page-account .ml-account-recent-title,
body.ml-page-account .ml-account-order-id {
    font-size: 1rem;
    font-weight: 500;
}

body.ml-page-account .ml-account-recent-copy {
    color: rgba(0, 0, 0, 0.58);
    font-size: 0.92rem;
}

body.ml-page-account .ml-account-recent-side {
    display: grid;
    justify-items: end;
    gap: 0.5rem;
}

body.ml-page-account .ml-account-order-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0 1.2rem;
}

body.ml-page-account .ml-account-order-meta dt {
    color: rgba(0, 0, 0, 0.45);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.ml-page-account .ml-account-order-meta dd {
    margin-top: 0.35rem;
    font-size: 0.95rem;
}

body.ml-page-account .ml-account-alert,
body.ml-page-account .ml-account-empty-state {
    padding: 1rem 1.1rem;
    border: 1px solid var(--ml-gucci-light-line);
    background: #ffffff;
}

body.ml-page-account .ml-account-alert.is-error {
    border-color: #000000;
}

body.ml-page-account .ml-account-divider {
    height: 1px;
    background: var(--ml-gucci-light-line);
}

.ml-order-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--ml-gucci-light-line);
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ml-order-status.is-complete {
    border-color: #000000;
}

.ml-order-status.is-muted {
    color: rgba(0, 0, 0, 0.56);
}

body.ml-page-account .ml-account-share-row {
    flex-wrap: wrap;
    margin-top: 1rem;
}

.ml-assurance-head {
    display: block;
}

.ml-seen-header {
    display: block;
}

@media (max-width: 1100px) {
    body.ml-page-account .ml-account-hero,
    body.ml-page-account .ml-account-layout,
    body.ml-page-account .ml-account-dashboard-columns,
    body.ml-page-account .ml-account-profile-grid {
        grid-template-columns: 1fr;
        display: grid;
    }

    body.ml-page-account .ml-account-sidebar {
        position: static;
    }

    body.ml-page-account .ml-account-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.ml-page-account .ml-account-hero-meta,
    body.ml-page-account .ml-account-metric-grid,
    body.ml-page-account .ml-account-order-meta,
    .ml-assurance-grid,
    .ml-seen-grid {
        grid-template-columns: 1fr;
    }

    body.ml-page-account .ml-account-copy-row,
    body.ml-page-account .ml-account-focus-card {
        flex-direction: column;
        align-items: stretch;
    }

    body.ml-page-account .ml-account-panel-head,
    body.ml-page-account .ml-account-recent-item,
    body.ml-page-account .ml-account-order-top,
    body.ml-page-account .ml-account-order-actions {
        flex-direction: column;
    }

    body.ml-page-account .ml-account-recent-side {
        justify-items: start;
    }

    body.ml-page-account .ml-account-nav-link {
        flex-direction: column;
    }

    body.ml-page-account .ml-account-nav-link small {
        text-align: left;
    }
}

/* Final monochrome cleanup: remove remaining warm luxury accents from older UI layers. */
:root {
    --ml-lux-bg: #ffffff;
    --ml-lux-paper: #ffffff;
    --ml-lux-paper-strong: #f5f5f5;
    --ml-lux-ink: #000000;
    --ml-lux-muted: rgba(0, 0, 0, 0.62);
    --ml-lux-line: rgba(0, 0, 0, 0.12);
    --ml-lux-line-strong: rgba(0, 0, 0, 0.22);
    --ml-lux-accent: #000000;
    --ml-lux-olive: #111111;
    --ml-lux-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

html,
body.ml-site-body {
    background: #ffffff !important;
}

body.ml-site-body {
    background-image: none !important;
    color: #000000 !important;
}

body.ml-site-body .luxury-hover-button::after {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

body.ml-site-body .luxury-parallax-surface::before,
body.ml-site-body .luxury-parallax-surface[data-luxury-parallax-hero="1"]::before {
    background:
        radial-gradient(120% 110% at 12% 0%, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 246, 0.72) 42%, rgba(255, 255, 255, 0) 78%),
        radial-gradient(95% 85% at 92% 12%, rgba(229, 229, 229, 0.42) 0%, rgba(255, 255, 255, 0) 74%) !important;
}

#purchase-notifications-container .purchase-notification__eyebrow,
#welcome-offer-modal .mlwo-kicker,
#welcome-offer-modal .mlwo-success-title {
    color: #000000 !important;
}

#purchase-notifications-container .purchase-notification__card,
#welcome-offer-modal .mlwo-card,
#frontend-confirm-overlay > div,
#quick-add-modal > div,
#quick-view-modal > div,
.ml-site-toast,
#_wl_toast,
.wishlist-notification {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
    color: #000000 !important;
}

#welcome-offer-modal .mlwo-success,
#welcome-offer-modal .mlwo-code {
    background: #f5f5f5 !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
}

/* Product detail, account join, story editorial, and footer refinement. */
body.ml-page-product .ml-pdp-shell {
    gap: clamp(2.4rem, 4vw, 5rem);
    margin-top: 2rem;
}

body.ml-page-product .ml-pdp-gallery {
    gap: 1rem;
}

body.ml-page-product .ml-product-main-media-frame {
    min-height: clamp(34rem, 70vh, 52rem);
}

body.ml-page-product .ml-product-main-media-frame .aspect-square {
    height: 100%;
}

body.ml-page-product .ml-product-main-media-frame img,
body.ml-page-product .ml-product-main-media-frame video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.ml-page-product .ml-product-thumb-media.is-active {
    border-color: #000000 !important;
}

body.ml-page-product .ml-pdp-sidebar {
    display: flex;
    justify-content: flex-end;
}

body.ml-page-product .ml-pdp-buybox {
    width: min(100%, 32rem);
}

body.ml-page-product .ml-pdp-recommended__head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

body.ml-page-product .ml-pdp-recommended h2 {
    text-transform: none !important;
    letter-spacing: -0.04em !important;
}

body.ml-page-product .ml-pdp-details {
    margin-top: 2rem;
}

body.ml-page-auth .ml-account-join-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 34rem);
    gap: clamp(2rem, 4vw, 5rem);
    align-items: start;
    max-width: 1440px !important;
}

body.ml-page-auth .ml-account-join-intro {
    display: grid;
    gap: 2rem;
    align-content: start;
}

.ml-auth-kicker {
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

body.ml-page-auth .ml-account-join-title,
body.ml-page-auth .ml-account-join-form-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
    font-weight: 400 !important;
    line-height: 0.94 !important;
    letter-spacing: -0.05em !important;
    text-transform: none !important;
}

body.ml-page-auth .ml-account-join-lead,
body.ml-page-auth .ml-account-join-form-copy {
    max-width: 38rem;
    color: rgba(0, 0, 0, 0.62);
    line-height: 1.75;
}

body.ml-page-auth .ml-account-join-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--ml-gucci-light-line);
}

body.ml-page-auth .ml-account-join-card {
    display: grid;
    gap: 0.8rem;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid transparent;
}

body.ml-page-auth .ml-account-join-card h2 {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.35;
}

body.ml-page-auth .ml-account-join-card p {
    color: rgba(0, 0, 0, 0.62);
    line-height: 1.7;
}

body.ml-page-auth .ml-account-join-form-panel {
    max-width: none !important;
    border: 1px solid var(--ml-gucci-light-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.ml-page-auth .ml-account-join-form {
    display: grid;
    gap: 1.15rem;
    margin-top: 2rem;
}

body.ml-page-auth .ml-account-join-field,
body.ml-page-auth .ml-account-join-field-grid,
body.ml-page-auth .ml-account-join-checkbox {
    padding-top: 1.15rem;
    border-top: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-auth .ml-account-join-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.ml-page-auth .ml-account-join-field label {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

body.ml-page-auth .ml-account-join-field input,
body.ml-page-auth .ml-account-join-field select {
    width: 100%;
    min-height: 3.2rem;
    padding: 0 0.95rem;
    border: 1px solid var(--ml-gucci-light-line);
    border-radius: 0 !important;
    background: #ffffff;
    color: #000000;
    box-shadow: none !important;
}

body.ml-page-auth .ml-account-join-checkbox {
    display: flex;
    gap: 0.9rem;
    align-items: start;
    color: rgba(0, 0, 0, 0.68);
    line-height: 1.65;
}

body.ml-page-auth .ml-account-join-checkbox input {
    margin-top: 0.2rem;
}

body.ml-page-auth .ml-account-join-alert {
    margin-top: 1.5rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--ml-gucci-light-line);
    border-radius: 0 !important;
    background: #ffffff;
    color: #000000;
}

body.ml-page-auth .ml-account-join-legal,
body.ml-page-auth .ml-account-join-signin {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    color: rgba(0, 0, 0, 0.62);
}

body.ml-page-auth .ml-account-join-legal a,
body.ml-page-auth .ml-account-join-signin a {
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

body.ml-page-story .ml-story-editorial {
    background: #ffffff;
}

body.ml-page-story .ml-story-hero {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 1.5rem 4rem;
}

body.ml-page-story .ml-story-hero-media {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f5f5f5;
}

body.ml-page-story .ml-story-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.ml-page-story .ml-story-hero-image--placeholder {
    background: linear-gradient(135deg, #f5f5f5 0%, #ebebeb 100%);
}

body.ml-page-story .ml-story-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 52rem;
    margin: -4.5rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    background: #ffffff;
    text-align: center;
}

body.ml-page-story .ml-story-kicker {
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

body.ml-page-story .ml-story-hero-title {
    margin-top: 0.7rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(2.8rem, 6vw, 5.4rem);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.ml-page-story .ml-story-hero-subtitle {
    margin-top: 0.95rem;
    font-size: clamp(0.88rem, 1.5vw, 1.05rem);
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.56);
}

body.ml-page-story .ml-story-hero-lead {
    margin: 1rem auto 0;
    max-width: 38rem;
    color: rgba(0, 0, 0, 0.64);
    line-height: 1.85;
}

body.ml-page-story .ml-story-gallery {
    max-width: 1680px;
    margin: -1.6rem auto 0;
    padding: 0 1.5rem 4.5rem;
}

body.ml-page-story .ml-story-gallery-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.85rem, 2vw, 1.3rem);
}

body.ml-page-story .ml-story-gallery-card {
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
}

body.ml-page-story .ml-story-gallery-image {
    width: 100%;
    height: clamp(15rem, 30vw, 22rem);
    object-fit: cover;
    display: block;
    transition: transform 420ms ease;
}

body.ml-page-story .ml-story-gallery-card:hover .ml-story-gallery-image {
    transform: scale(1.03);
}

body.ml-page-story .ml-story-editorial-flow {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 1.5rem 5rem;
    display: grid;
    gap: clamp(3rem, 6vw, 6rem);
}

body.ml-page-story .ml-story-row {
    display: grid;
    grid-template-columns: minmax(3.5rem, 4.5rem) minmax(0, 1fr);
    gap: clamp(1.2rem, 3vw, 2.4rem);
    align-items: start;
}

body.ml-page-story .ml-story-row-marker {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1.7rem;
    border-top: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-story .ml-story-row-marker span {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(0.72rem, 1.8vw, 0.88rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.14em;
    color: rgba(0, 0, 0, 0.42);
}

body.ml-page-story .ml-story-row-copy {
    max-width: 42rem;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0 0;
    border-top: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-story .ml-story-row-title {
    margin-top: 0.7rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.ml-page-story .ml-story-row-paragraph {
    margin-top: 1rem;
    color: rgba(0, 0, 0, 0.64);
    line-height: 1.85;
}

body.ml-page-story .ml-story-row-list {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.45rem;
    color: rgba(0, 0, 0, 0.8);
}

body.ml-page-story .ml-story-row-list li {
    list-style: disc;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.77rem;
}

footer .ml-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr));
    gap: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

footer .ml-footer-heading {
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.56);
}

footer .ml-footer-copy {
    margin-top: 0.9rem;
    max-width: 20rem;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.75;
}

footer .ml-footer-link-list {
    display: grid;
    gap: 0.8rem;
    margin-top: 1rem;
    list-style: none;
    padding: 0;
}

footer .ml-footer-link-list a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.24s ease;
}

footer .ml-footer-link-list a:hover {
    color: rgba(255, 255, 255, 0.68);
}

footer .ml-footer-selectors {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.5rem;
    max-width: 20rem;
}

footer .ml-footer-social-links {
    display: flex;
    flex-wrap: wrap;
}

footer .ml-footer-selector span {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.62rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48);
}

footer .ml-footer-selector select {
    width: 100%;
    min-height: 3rem;
    padding: 0 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0 !important;
    background: transparent;
    color: #ffffff;
    box-shadow: none !important;
}

footer .ml-footer-legacy-nav,
footer .ml-footer-legacy-accordion,
footer .ml-footer-payment-legacy {
    display: none !important;
}

footer .ml-footer-newsletter-legacy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 34rem);
    gap: 2rem;
    align-items: end;
    text-align: left !important;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

footer .ml-footer-newsletter-legacy h5 {
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.56);
}

footer .ml-footer-newsletter-legacy p {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
}

footer .ml-footer-newsletter-legacy #newsletter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
}

footer .ml-footer-newsletter-legacy #newsletter-message {
    grid-column: 1 / -1;
    margin-top: -0.15rem;
}

footer .ml-footer-payment-methods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.8rem;
    padding: 1.05rem 0 1.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

footer .ml-footer-payment-label {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.54);
}

footer .ml-footer-payment-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

footer .ml-footer-payment-methods--icons-only {
    justify-content: center;
}

footer .ml-footer-payment-methods--icons-only .ml-footer-payment-list {
    justify-content: center;
    width: 100%;
}

footer .ml-footer-payment-methods--icons-only .ml-footer-payment-chip {
    gap: 0;
    padding: 0.34rem 0.55rem;
}

footer .ml-footer-payment-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
    min-height: 2.26rem;
    padding: 0.34rem 0.86rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1;
}

footer .ml-footer-payment-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    height: 1.48rem;
    padding: 0.14rem 0.4rem;
    border-radius: 999px;
    background: #ffffff;
}

footer .ml-footer-payment-chip > span:not(.ml-footer-payment-icon-wrap) {
    display: inline-block;
}

footer .ml-footer-payment-icon {
    width: auto;
    height: 1.02rem;
    max-width: 3.5rem;
    display: block;
    flex-shrink: 0;
}

footer .ml-footer-payment-icon--mastercard {
    height: 1.08rem;
}

footer .ml-footer-payment-icon--payfast,
footer .ml-footer-payment-icon--visa,
footer .ml-footer-payment-icon--instant-eft {
    height: 0.96rem;
}

footer .ml-footer-payment-icon-fallback {
    display: none;
    color: #111111;
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

footer .ml-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1.75rem;
}

footer .ml-footer-brandmark {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

footer .ml-footer-logo-mark {
    width: 5.4rem;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

footer .ml-footer-brandmark span {
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.82);
}

footer .ml-footer-legal-links {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

footer .ml-footer-legal-links a,
footer .ml-footer-copyright {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.56);
    text-decoration: none;
}

footer .ml-footer-legal-links a:hover {
    color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 1100px) {
    body.ml-page-auth .ml-account-join-shell,
    footer .ml-footer-grid,
    footer .ml-footer-newsletter-legacy {
        grid-template-columns: 1fr;
    }

    body.ml-page-auth .ml-account-join-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.ml-page-product .ml-product-main-media-frame {
        min-height: auto;
    }

    body.ml-page-auth .ml-account-join-field-grid {
        grid-template-columns: 1fr;
    }

    body.ml-page-story .ml-story-hero {
        padding-inline: 1rem;
    }

    body.ml-page-story .ml-story-hero-copy {
        margin-top: -2rem;
        padding: 1.5rem;
    }

    body.ml-page-story .ml-story-gallery {
        margin-top: -0.85rem;
        padding: 0 1rem 3rem;
    }

    body.ml-page-story .ml-story-gallery-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.ml-page-story .ml-story-gallery-image {
        height: 10.8rem;
    }

    body.ml-page-story .ml-story-editorial-flow {
        padding-inline: 1rem;
    }

    body.ml-page-story .ml-story-row {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    body.ml-page-story .ml-story-row-marker {
        justify-content: flex-start;
        padding-top: 1rem;
    }

    footer .ml-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    footer .ml-footer-payment-methods {
        align-items: flex-start;
    }

    footer .ml-footer-newsletter-legacy #newsletter-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    body.ml-page-story .ml-story-gallery-track {
        grid-template-columns: 1fr;
    }

    body.ml-page-story .ml-story-gallery-image {
        height: 13.2rem;
    }
}

@keyframes ml-chat-dot-pulse {
    0%,
    80%,
    100% {
        opacity: 0.3;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        transform: translateY(-1px);
    }
}

@keyframes ml-home-hero-fade-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ml-home-hero-button-reveal {
    from {
        opacity: 0;
        transform: translateY(26px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ml-home-hero-zoom {
    from {
        transform: scale(1.03);
    }
    to {
        transform: scale(1.1);
    }
}

body.ml-page-home.ml-home-has-hero #announcement-bar {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3002 !important;
}

body.ml-page-home.ml-home-has-hero #main-header {
    position: fixed;
    top: 1.9rem;
    left: 0;
    right: 0;
    z-index: 3001 !important;
    transition: background-color 0.32s ease, border-color 0.32s ease, color 0.32s ease, backdrop-filter 0.32s ease;
}

body.ml-page-home.ml-home-has-hero .ml-header-page-nav {
    transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.25s ease;
}

body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header a,
body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header button,
body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .ml-header-menu-label,
body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .ml-header-icon {
    color: #ffffff !important;
}

body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .ml-brand-logo {
    filter: brightness(0) invert(1);
}

body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .ml-icon-badge {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
}

body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .ml-header-page-nav {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    max-height: 0;
    overflow: hidden;
}

body.ml-page-home .ml-home-slogan-band {
    position: relative;
    z-index: 3;
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

body.ml-page-home .ml-home-slogan-band .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

body.ml-page-home .ml-home-slogan-band__title {
    margin: 0;
    text-align: center;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(0.98rem, 1.8vw, 1.18rem);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #111111;
    text-wrap: balance;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero {
    position: relative;
    width: 100vw;
    height: 100svh;
    min-height: 100svh;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    background: #000000;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000000;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    filter: brightness(0.74) contrast(1.08) saturate(1.03);
    animation: ml-home-hero-zoom 19s ease-in-out infinite alternate;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 85% at 50% 52%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.56) 100%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.26) 38%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle {
    position: absolute;
    left: 1rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.34);
    color: #ffffff;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-icon {
    width: 1.08rem;
    height: 1.08rem;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-icon--off {
    display: none;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle.is-muted {
    background: rgba(255, 255, 255, 0.9);
    color: #111111;
    border-color: rgba(255, 255, 255, 0.95);
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle:hover,
body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle:focus-visible {
    background: #ffffff;
    color: #111111;
    border-color: #ffffff;
    transform: translateY(-1px);
    outline: none;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle.is-muted .ml-home-video-hero__audio-icon--on {
    display: none;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle.is-muted .ml-home-video-hero__audio-icon--off {
    display: block;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.9rem;
    max-width: min(48rem, 88vw);
    margin: 0 auto;
    padding: clamp(5.5rem, 9vw, 9rem) 1.2rem 2rem;
    color: #ffffff;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__kicker,
body.ml-page-home.ml-home-has-hero .ml-home-video-hero__title,
body.ml-page-home.ml-home-has-hero .ml-home-video-hero__subtitle {
    opacity: 0;
    animation: ml-home-hero-fade-up 0.85s ease forwards;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__kicker {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.68rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    animation-delay: 0.1s;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__title {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(2.1rem, 6.4vw, 5rem);
    font-weight: 300;
    line-height: 1.02;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #ffffff;
    animation-delay: 0.22s;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__subtitle {
    margin: 0;
    max-width: 34rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.82);
    animation-delay: 0.34s;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__actions {
    margin-top: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.7rem;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    min-width: 10.6rem;
    padding: 0.65rem 1.25rem;
    border: 1px solid #ffffff;
    border-radius: 0;
    background: #ffffff;
    color: #000000;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.69rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0;
    transform: translateY(26px);
    animation: ml-home-hero-button-reveal 0.7s ease-out forwards;
    will-change: opacity, transform;
    transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__actions .ml-home-video-hero__cta:nth-child(1) {
    animation-delay: 0.62s;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__actions .ml-home-video-hero__cta:nth-child(2) {
    animation-delay: 0.72s;
}

body.ml-page-home.ml-home-has-hero .ml-home-video-hero__cta:hover,
body.ml-page-home.ml-home-has-hero .ml-home-video-hero__cta:focus-visible {
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
    transform: scale(1.02);
}

@media (max-width: 767px) {
    body.ml-page-home .ml-home-slogan-band .container {
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
    }

    body.ml-page-home .ml-home-slogan-band__title {
        font-size: 0.74rem;
        letter-spacing: 0.12em;
        line-height: 1.45;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .container.ml-header-grid {
        grid-template-columns: 1fr auto 1fr !important;
        gap: 0.3rem !important;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .container.ml-header-grid > div:first-child {
        display: block !important;
        min-width: 2.1rem;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top .ml-header-brand-stack {
        justify-self: center;
        align-items: center;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top .ml-brand-link {
        justify-content: center;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top .ml-brand-logo {
        max-width: min(8.25rem, 42vw);
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero {
        min-height: 100svh;
        height: 100svh;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__copy {
        max-width: calc(100vw - 2rem);
        padding-top: 6.25rem;
        gap: 0.8rem;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__audio-toggle {
        left: 0.75rem;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 0.75rem);
        width: 2.45rem;
        height: 2.45rem;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__kicker {
        font-size: 0.62rem;
        letter-spacing: 0.22em;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__title {
        font-size: clamp(1.5rem, 9.1vw, 2.5rem);
        letter-spacing: 0.1em;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__subtitle {
        font-size: 0.8rem;
        line-height: 1.65;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__actions {
        width: min(14rem, 100%);
        flex-direction: column;
        gap: 0.55rem;
    }

    body.ml-page-home.ml-home-has-hero .ml-home-video-hero__cta {
        width: 100%;
        min-width: 0;
    }
}

@keyframes ml-account-editorial-fade {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.ml-page-account .ml-account-shell {
    max-width: 1360px !important;
    padding-top: clamp(2.2rem, 3.5vw, 4rem);
}

body.ml-page-account .ml-account-editorial-hero {
    display: grid;
    gap: 0.9rem;
    max-width: min(46rem, 100%);
    margin-bottom: clamp(1.35rem, 2vw, 2.2rem);
    animation: ml-account-editorial-fade 0.52s ease both;
}

body.ml-page-account .ml-account-editorial-eyebrow,
body.ml-page-account .ml-account-nav-heading {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.63rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
}

body.ml-page-account .ml-account-editorial-title {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 4.8vw, 4.15rem);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.02em;
    color: #121212;
}

body.ml-page-account .ml-account-editorial-copy {
    margin: 0;
    max-width: 42rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.78;
    color: rgba(0, 0, 0, 0.66);
}

body.ml-page-account .ml-account-editorial-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: clamp(1.4rem, 2.1vw, 2.3rem);
}

body.ml-page-account .ml-account-stat-card {
    display: grid;
    gap: 0.7rem;
    min-height: 8.8rem;
    padding: 1.2rem 1.15rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #f5f5f5;
    transition: transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
    animation: ml-account-editorial-fade 0.58s ease both;
}

body.ml-page-account .ml-account-stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 0, 0, 0.28);
    background: #ffffff;
}

body.ml-page-account .ml-account-stat-label {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

body.ml-page-account .ml-account-stat-value {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.4rem, 2.25vw, 2.1rem);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #121212;
}

body.ml-page-account .ml-account-editorial-layout {
    display: grid;
    grid-template-columns: minmax(16.25rem, 19.5rem) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 2.2rem);
    align-items: start;
}

body.ml-page-account .ml-account-editorial-sidebar {
    position: sticky;
    top: 6.1rem;
}

body.ml-page-account .ml-account-nav-panel {
    padding: 1.2rem 1.1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #ffffff;
    animation: ml-account-editorial-fade 0.65s ease both;
}

body.ml-page-account .ml-account-nav {
    display: grid;
    gap: 0;
    margin-top: 0.8rem;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
}

body.ml-page-account .ml-account-nav-link {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.92rem 0.7rem 0.92rem 0.86rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    border-left: 2px solid transparent;
    background: transparent;
    color: #111111 !important;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
    transform: none !important;
}

body.ml-page-account .ml-account-nav-link span {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.83rem;
    font-weight: 500;
    letter-spacing: 0.04em;
}

body.ml-page-account .ml-account-nav-link small {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

body.ml-page-account .ml-account-nav-link:hover,
body.ml-page-account .ml-account-nav-link.is-active {
    background: #f3f3f3;
    border-left-color: #111111;
    border-color: rgba(0, 0, 0, 0.09);
}

body.ml-page-account .ml-account-nav-link.is-logout {
    margin-top: 0.55rem;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

body.ml-page-account .ml-account-editorial-main {
    display: grid;
    gap: 1rem;
    animation: ml-account-editorial-fade 0.7s ease both;
}

body.ml-page-account .ml-account-feature-card {
    display: grid;
    gap: 1.1rem;
    align-content: start;
    min-height: 16.5rem;
    padding: clamp(1.35rem, 2.3vw, 2rem);
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
}

body.ml-page-account .ml-account-feature-title {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.01em;
    color: #101010;
}

body.ml-page-account .ml-account-feature-copy {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.76;
    color: rgba(0, 0, 0, 0.66);
}

body.ml-page-account .ml-account-feature-cta,
body.ml-page-account .ml-account-primary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.95rem;
    width: fit-content;
    padding: 0.78rem 1.32rem;
    border: 1px solid #101010;
    background: #111111;
    color: #ffffff !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

body.ml-page-account .ml-account-feature-cta:hover,
body.ml-page-account .ml-account-feature-cta:focus-visible,
body.ml-page-account .ml-account-primary-link:hover,
body.ml-page-account .ml-account-primary-link:focus-visible {
    background: #ffffff;
    color: #111111 !important;
    transform: translateY(-1px);
}

body.ml-page-account .ml-account-help-panel {
    padding: 1.35rem 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #ffffff;
}

body.ml-page-account .ml-account-help-title {
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.25rem, 1.9vw, 1.8rem);
    font-weight: 500;
    line-height: 1.1;
}

body.ml-page-account .ml-account-help-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.9rem;
}

body.ml-page-account .ml-account-help-link {
    padding: 0.82rem 0.1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: #101010 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.18s ease, border-color 0.18s ease;
}

body.ml-page-account .ml-account-help-link:hover {
    color: rgba(0, 0, 0, 0.68) !important;
    border-bottom-color: rgba(0, 0, 0, 0.34);
}

body.ml-page-account .ml-account-nav-link:focus-visible,
body.ml-page-account .ml-account-help-link:focus-visible,
body.ml-page-account .ml-account-feature-cta:focus-visible,
body.ml-page-account .ml-account-primary-link:focus-visible,
body.ml-page-account .ml-account-secondary-button:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    body.ml-page-account .ml-account-editorial-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.ml-page-account .ml-account-editorial-layout {
        grid-template-columns: 1fr;
    }

    body.ml-page-account .ml-account-editorial-sidebar {
        position: static;
    }
}

@media (max-width: 767px) {
    body.ml-page-account .ml-account-shell {
        padding-top: 1.8rem;
    }

    body.ml-page-account .ml-account-editorial-stats {
        grid-template-columns: 1fr;
    }

    body.ml-page-account .ml-account-stat-card {
        min-height: auto;
    }

    body.ml-page-account .ml-account-nav-link {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    body.ml-page-account .ml-account-nav-link small {
        text-align: left;
    }

    body.ml-page-account .ml-account-help-grid {
        grid-template-columns: 1fr;
    }
}

/* Account redesign pass: stronger editorial hierarchy and clearer interaction states. */
@keyframes ml-account-v2-fade-up {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.ml-page-account main.ml-account-portal-page {
    --ml-account-bg: #f8f8f8;
    --ml-account-paper: #ffffff;
    --ml-account-ink: #0a0a0a;
    --ml-account-muted: rgba(0, 0, 0, 0.62);
    --ml-account-line: rgba(0, 0, 0, 0.12);
    --ml-account-line-strong: rgba(0, 0, 0, 0.28);
    --ml-account-shadow: 0 24px 44px -38px rgba(0, 0, 0, 0.5);
    background: var(--ml-account-bg);
}

body.ml-page-account main.ml-account-portal-page .ml-account-shell {
    max-width: 1496px !important;
    padding-top: clamp(2.2rem, 3.8vw, 4.2rem);
    padding-bottom: clamp(3.2rem, 5vw, 5.4rem);
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-hero {
    max-width: min(62rem, 100%);
    gap: 1.12rem;
    margin-bottom: clamp(1.8rem, 2.2vw, 2.7rem);
    padding-bottom: clamp(1rem, 1.8vw, 1.7rem);
    border-bottom: 1px solid var(--ml-account-line);
    animation: ml-account-v2-fade-up 0.52s ease both;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-eyebrow,
body.ml-page-account main.ml-account-portal-page .ml-account-nav-heading,
body.ml-page-account main.ml-account-portal-page .ml-account-kicker,
body.ml-page-account main.ml-account-portal-page .ml-account-panel-kicker {
    color: rgba(0, 0, 0, 0.5);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-title {
    margin: 0;
    color: var(--ml-account-ink);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(2.5rem, 5.9vw, 5rem);
    font-weight: 500;
    line-height: 0.93;
    letter-spacing: -0.015em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-copy {
    margin: 0;
    max-width: 46rem;
    color: var(--ml-account-muted);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.82;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: clamp(1.45rem, 2.6vw, 2.35rem);
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-card {
    min-height: 10rem;
    gap: 0.85rem;
    padding: 1.35rem 1.25rem;
    border: 1px solid var(--ml-account-line);
    background: var(--ml-account-paper);
    box-shadow: var(--ml-account-shadow);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-card:hover {
    transform: translateY(-4px);
    border-color: var(--ml-account-line-strong);
    box-shadow: 0 32px 52px -38px rgba(0, 0, 0, 0.55);
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-card:nth-child(4) {
    background: #0a0a0a;
    border-color: #0a0a0a;
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-card:nth-child(4) .ml-account-stat-label {
    color: rgba(255, 255, 255, 0.7);
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-card:nth-child(4) .ml-account-stat-value {
    color: #ffffff;
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-label {
    margin: 0;
    color: rgba(0, 0, 0, 0.48);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-account main.ml-account-portal-page .ml-account-stat-value {
    margin: 0;
    color: var(--ml-account-ink);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.62rem, 2.6vw, 2.34rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.01em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-layout {
    display: grid;
    grid-template-columns: minmax(17.5rem, 22rem) minmax(0, 1fr);
    gap: clamp(1.05rem, 2.4vw, 2.35rem);
    align-items: start;
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-sidebar {
    position: sticky;
    top: 6.2rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-panel,
body.ml-page-account main.ml-account-portal-page .ml-account-panel,
body.ml-page-account main.ml-account-portal-page .ml-account-metric-card,
body.ml-page-account main.ml-account-portal-page .ml-account-empty-state,
body.ml-page-account main.ml-account-portal-page .ml-account-alert,
body.ml-page-account main.ml-account-portal-page .ml-account-help-panel {
    border: 1px solid var(--ml-account-line);
    background: var(--ml-account-paper);
    box-shadow: var(--ml-account-shadow);
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-panel {
    padding: 1.25rem 1.12rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav {
    margin-top: 0.75rem;
    border-top: 1px solid var(--ml-account-line);
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link {
    padding: 1rem 0.72rem 1rem 0.9rem;
    border: 0;
    border-bottom: 1px solid var(--ml-account-line);
    border-left: 2px solid transparent;
    color: #101010 !important;
    background: transparent;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link span {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.86rem;
    font-weight: 500;
    letter-spacing: 0.05em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link small {
    color: rgba(0, 0, 0, 0.52);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link:hover,
body.ml-page-account main.ml-account-portal-page .ml-account-nav-link.is-active {
    border-left-color: #111111;
    background: #f1f1f1;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link.is-logout {
    margin-top: 0.58rem;
    border-top: 1px solid var(--ml-account-line);
}

body.ml-page-account main.ml-account-portal-page .ml-account-editorial-main {
    display: grid;
    gap: 1.12rem;
    min-width: 0;
    animation: ml-account-v2-fade-up 0.58s ease both;
}

body.ml-page-account main.ml-account-portal-page .ml-account-dashboard-panels {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 1.12rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-card {
    min-height: 17.5rem;
    padding: clamp(1.55rem, 2.45vw, 2.15rem);
    border: 1px solid #111111;
    background: linear-gradient(162deg, #0a0a0a 0%, #1d1d1d 100%);
    box-shadow: 0 36px 60px -42px rgba(0, 0, 0, 0.8);
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-card .ml-account-panel-kicker {
    color: rgba(255, 255, 255, 0.68);
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-title {
    color: #ffffff;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.75rem, 2.85vw, 2.9rem);
    font-weight: 500;
    line-height: 0.96;
    letter-spacing: -0.01em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-copy {
    color: rgba(255, 255, 255, 0.78);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.91rem;
    line-height: 1.78;
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta,
body.ml-page-account main.ml-account-portal-page .ml-account-primary-link {
    min-height: 3rem;
    padding: 0.8rem 1.45rem;
    border: 1px solid #111111;
    background: #111111;
    color: #ffffff !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.67rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta {
    border-color: #ffffff;
    background: #ffffff;
    color: #111111 !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta:hover,
body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta:focus-visible {
    background: transparent;
    color: #ffffff !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-primary-link:hover,
body.ml-page-account main.ml-account-portal-page .ml-account-primary-link:focus-visible {
    background: #ffffff;
    color: #111111 !important;
    transform: translateY(-1px);
}

body.ml-page-account main.ml-account-portal-page .ml-account-secondary-button {
    min-height: 2.9rem;
    padding: 0.75rem 1.1rem;
    border: 1px solid #111111;
    background: #ffffff;
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.ml-page-account main.ml-account-portal-page .ml-account-secondary-button:hover {
    background: #111111;
    color: #ffffff !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-help-panel {
    padding: 1.5rem 1.35rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-help-title {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.34rem, 2.1vw, 2rem);
    font-weight: 500;
    line-height: 1.05;
}

body.ml-page-account main.ml-account-portal-page .ml-account-help-grid {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-help-link {
    padding: 0.9rem 0.08rem;
    border-bottom: 1px solid var(--ml-account-line);
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.73rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
}

body.ml-page-account main.ml-account-portal-page .ml-account-help-link:hover {
    border-bottom-color: var(--ml-account-line-strong);
    color: rgba(0, 0, 0, 0.68) !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-section-head {
    margin-bottom: 0.7rem;
    display: flex;
    justify-content: space-between;
    gap: 1.4rem;
    align-items: flex-end;
}

body.ml-page-account main.ml-account-portal-page .ml-account-section-title {
    margin: 0;
    color: #101010;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.88rem, 3.1vw, 3.25rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.012em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-section-copy,
body.ml-page-account main.ml-account-portal-page .ml-account-panel-copy,
body.ml-page-account main.ml-account-portal-page .ml-account-note-list p,
body.ml-page-account main.ml-account-portal-page .ml-account-recent-copy {
    color: var(--ml-account-muted);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.72;
}

body.ml-page-account main.ml-account-portal-page .ml-account-panel,
body.ml-page-account main.ml-account-portal-page .ml-account-metric-card {
    padding: 1.35rem 1.25rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-panel-title {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.3rem, 2.1vw, 2rem);
    font-weight: 500;
    line-height: 1.02;
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-list {
    gap: 1.04rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-card {
    padding: 1.2rem 1.18rem;
    border: 1px solid var(--ml-account-line);
    background: #ffffff;
    box-shadow: var(--ml-account-shadow);
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-card:first-child {
    padding-top: 1.2rem;
    border-top: 1px solid var(--ml-account-line);
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-id,
body.ml-page-account main.ml-account-portal-page .ml-account-recent-title {
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.99rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-meta {
    margin: 1rem 0 1.14rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-meta dt {
    color: rgba(0, 0, 0, 0.48);
    font-size: 0.64rem;
    letter-spacing: 0.18em;
}

body.ml-page-account main.ml-account-portal-page .ml-account-order-meta dd {
    color: #111111;
    margin-top: 0.33rem;
    font-size: 0.93rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-inline-link {
    color: rgba(0, 0, 0, 0.66) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
}

body.ml-page-account main.ml-account-portal-page .ml-account-inline-link:hover {
    color: #111111 !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-metric-grid {
    gap: 0.9rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-metric-card strong {
    color: #101010;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.52rem, 2.3vw, 2.2rem);
    font-weight: 400;
    line-height: 1;
}

body.ml-page-account main.ml-account-portal-page .ml-account-copy-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-share-row {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-divider {
    background: var(--ml-account-line);
}

body.ml-page-account main.ml-account-portal-page .ml-account-alert,
body.ml-page-account main.ml-account-portal-page .ml-account-empty-state {
    padding: 1.05rem 1.1rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-alert.is-error {
    border-color: #111111;
}

body.ml-page-account main.ml-account-portal-page .ml-order-status {
    min-height: 2rem;
    padding: 0.43rem 0.82rem;
    border: 1px solid var(--ml-account-line);
    background: #ffffff;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.ml-page-account main.ml-account-portal-page .ml-order-status.is-complete {
    border-color: #111111;
}

body.ml-page-account main.ml-account-portal-page .ml-order-status.is-muted {
    color: rgba(0, 0, 0, 0.58);
}

body.ml-page-account main.ml-account-portal-page .ml-account-profile-grid {
    gap: 0.95rem;
}

body.ml-page-account main.ml-account-portal-page .ml-account-panel input[type="text"],
body.ml-page-account main.ml-account-portal-page .ml-account-panel input[type="email"],
body.ml-page-account main.ml-account-portal-page .ml-account-panel input[type="password"] {
    border: 0 !important;
    border-bottom: 1px solid var(--ml-account-line-strong) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    padding: 0.76rem 0.08rem !important;
    box-shadow: none !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-panel input[type="email"][readonly] {
    color: rgba(0, 0, 0, 0.5) !important;
    border-bottom-style: dashed !important;
    cursor: not-allowed;
}

body.ml-page-account main.ml-account-portal-page .ml-account-panel input:focus {
    outline: none !important;
    border-bottom-color: #111111 !important;
}

body.ml-page-account main.ml-account-portal-page .ml-account-nav-link:focus-visible,
body.ml-page-account main.ml-account-portal-page .ml-account-help-link:focus-visible,
body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta:focus-visible,
body.ml-page-account main.ml-account-portal-page .ml-account-primary-link:focus-visible,
body.ml-page-account main.ml-account-portal-page .ml-account-secondary-button:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 2px;
}

@media (max-width: 1200px) {
    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-layout {
        grid-template-columns: minmax(15.5rem, 18.5rem) minmax(0, 1fr);
        gap: 1rem;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-dashboard-panels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-layout {
        grid-template-columns: 1fr;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-sidebar {
        position: static;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body.ml-page-account main.ml-account-portal-page .ml-account-shell {
        padding-top: 1.65rem;
        padding-bottom: 3rem;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-title {
        font-size: clamp(2rem, 10vw, 2.86rem);
        line-height: 0.98;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-editorial-stats {
        grid-template-columns: 1fr;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-nav-link {
        grid-template-columns: 1fr;
        gap: 0.34rem;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-nav-link small {
        text-align: left;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-help-grid,
    body.ml-page-account main.ml-account-portal-page .ml-account-order-meta {
        grid-template-columns: 1fr;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-order-top,
    body.ml-page-account main.ml-account-portal-page .ml-account-order-actions,
    body.ml-page-account main.ml-account-portal-page .ml-account-panel-head,
    body.ml-page-account main.ml-account-portal-page .ml-account-copy-row {
        flex-direction: column;
        align-items: stretch;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-copy-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-share-row {
        flex-direction: column;
        align-items: stretch;
    }

    body.ml-page-account main.ml-account-portal-page .ml-account-secondary-button,
    body.ml-page-account main.ml-account-portal-page .ml-account-primary-link,
    body.ml-page-account main.ml-account-portal-page .ml-account-feature-cta {
        width: 100%;
    }
}

/* Hero mobile header fix: prevent menu button clipping by avoiding forced 3-column centering. */
@media (max-width: 767px) {
    body.ml-page-home.ml-home-has-hero #main-header .container.ml-header-grid {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.5rem !important;
    }

    body.ml-page-home.ml-home-has-hero #main-header .container.ml-header-grid > div:first-child {
        display: none !important;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-brand-stack {
        justify-self: start !important;
        align-items: flex-start !important;
    }

    body.ml-page-home.ml-home-has-hero .ml-brand-link {
        justify-content: flex-start !important;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-util-row {
        justify-self: end;
        gap: 0.1rem;
        min-width: max-content;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-menu-label {
        display: none !important;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-icon-btn,
    body.ml-page-home.ml-home-has-hero .ml-header-menu-btn {
        min-width: 2.5rem;
        min-height: 2.5rem;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-menu-btn {
        padding: 0 0.12rem !important;
    }
}

/* Product listing and PDP refinement: monochrome luxury browsing flow. */
body.ml-page-products .ml-collection-hero-banner__media {
    min-height: clamp(14rem, 30vw, 20rem);
    align-items: center;
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.84) 100%),
        var(--ml-collection-hero-image);
}

body.ml-page-products .ml-collection-hero-banner__content {
    max-width: 42rem;
    color: #111111;
}

body.ml-page-products .ml-collection-hero-banner__eyebrow {
    color: rgba(0, 0, 0, 0.56);
}

body.ml-page-products .ml-collection-hero-banner__title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.45rem, 3.2vw, 2.6rem);
    font-weight: 300 !important;
    letter-spacing: 0.12em;
    line-height: 1.15;
    text-transform: uppercase;
}

body.ml-page-products .ml-collection-hero-banner__copy,
body.ml-page-products .ml-collection-hero-banner__meta {
    color: rgba(0, 0, 0, 0.66);
}

body.ml-page-products .ml-collection-toolbar__inner {
    display: block;
    padding: 0;
    border-bottom: 0;
}

body.ml-page-products .ml-collection-toolbar__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-top: 1px solid var(--ml-gucci-light-line);
    border-bottom: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-products .ml-collection-toolbar__sort {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

body.ml-page-products .ml-collection-toolbar__label {
    margin: 0;
    color: rgba(0, 0, 0, 0.56);
    font-size: 0.64rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.ml-page-products .ml-collection-toolbar__select {
    min-width: 13rem;
    min-height: 2.3rem;
    padding: 0.42rem 0.8rem;
    border-radius: 0 !important;
    font-size: 0.68rem;
    letter-spacing: 0.14em !important;
    text-transform: uppercase;
}

body.ml-page-products .ml-collection-filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.3rem;
    padding: 0.4rem 0.76rem;
    border: 1px solid var(--ml-gucci-light-line);
    background: #ffffff;
    color: #111111;
    font-size: 0.66rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.ml-page-products .ml-collection-filter-toggle:hover,
body.ml-page-products .ml-collection-filter-toggle[aria-expanded="true"] {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
}

body.ml-page-products .ml-collection-filter-toggle__icon {
    width: 0.92rem;
    height: 0.92rem;
}

body.ml-page-products .ml-collection-filter-panel {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem 0.95rem;
    padding: 0.88rem 0 0.2rem;
}

body.ml-page-products .ml-collection-filter-panel[hidden] {
    display: none !important;
}

body.ml-page-products .ml-collection-filter-panel .ml-collection-toolbar__count {
    margin-right: 0.2rem;
}

body.ml-page-products .ml-product-grid {
    gap: 2.75rem 1.2rem;
}

body.ml-page-products .ml-product-card-kicker {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 12;
    margin: 0;
    padding: 0.26rem 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.62);
    background: rgba(255, 255, 255, 0.78);
    color: #111111;
    font-size: 0.55rem;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.ml-page-product .ml-pdp-shell {
    margin-top: 0.35rem;
}

body.ml-page-product .ml-pdp-gallery .ml-pdp-main-media {
    min-height: clamp(32rem, 78vh, 58rem);
}

body.ml-page-product .ml-pdp-gallery .ml-pdp-main-media img,
body.ml-page-product .ml-pdp-gallery .ml-pdp-main-media video {
    width: 100%;
    height: 100%;
}

body.ml-page-product .ml-pdp-variation-preview {
    margin-top: 1rem;
    padding: 0.95rem 0 0.25rem;
    border-top: 1px solid var(--ml-gucci-light-line);
}

body.ml-page-product .ml-pdp-variation-preview__label {
    margin: 0;
    color: rgba(0, 0, 0, 0.56);
    font-size: 0.64rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-product .ml-pdp-variation-preview__swatches {
    margin-top: 0.62rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.52rem;
}

body.ml-page-product .ml-pdp-variation-swatch {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.95rem;
    padding: 0.34rem 0.6rem;
    border: 1px solid var(--ml-gucci-light-line);
    color: #111111;
    font-size: 0.63rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.ml-page-product .ml-pdp-variation-swatch__dot {
    width: 0.72rem;
    height: 0.72rem;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 999px;
    background: var(--ml-swatch-color, #111111);
    flex-shrink: 0;
}

body.ml-page-product .ml-pdp-variation-swatch__name {
    display: inline-block;
}

@media (max-width: 1023px) {
    body.ml-page-products .ml-collection-toolbar__bar {
        gap: 0.75rem;
    }

    body.ml-page-products .ml-collection-toolbar__select {
        min-width: 11.5rem;
    }
}

@media (max-width: 767px) {
    body.ml-page-products .ml-collection-hero-banner__media {
        min-height: 12.5rem;
        padding: 1.2rem;
    }

    body.ml-page-products .ml-collection-toolbar__bar {
        align-items: flex-start;
        flex-direction: column;
    }

    body.ml-page-products .ml-collection-toolbar__sort,
    body.ml-page-products .ml-collection-filter-toggle,
    body.ml-page-products .ml-collection-toolbar__select {
        width: 100%;
    }

    body.ml-page-products .ml-collection-filter-toggle {
        justify-content: space-between;
    }

    body.ml-page-products .ml-product-grid {
        gap: 2rem 0.9rem;
    }

    body.ml-page-product .ml-pdp-gallery .ml-pdp-main-media {
        min-height: 24rem;
    }
}

/* Homepage style journal polish: Gucci-style editorial grid with compact proof stats. */
body.ml-page-home .ml-seen-wrap {
    margin-top: 0;
    padding: clamp(1.6rem, 3vw, 2.5rem) 0 0;
    border-top: 1px solid var(--ml-gucci-light-line);
    background: transparent;
    box-shadow: none;
}

body.ml-page-home .ml-seen-header {
    max-width: 44rem;
    margin: 0 auto 1.6rem !important;
    text-align: center;
}

body.ml-page-home .ml-seen-kicker {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.24em !important;
}

body.ml-page-home .ml-seen-title {
    margin-top: 0.45rem;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.55rem, 3vw, 2.5rem) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}

body.ml-page-home .ml-seen-copy {
    max-width: 36rem;
    margin: 0.7rem auto 0;
    color: rgba(0, 0, 0, 0.62) !important;
    font-size: 0.88rem !important;
    line-height: 1.75 !important;
}

body.ml-page-home .ml-seen-proof {
    margin: 1rem auto 0;
    max-width: 30rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

body.ml-page-home .ml-seen-proof-item {
    margin: 0;
    padding: 0.88rem 0.75rem 0.8rem;
    border: 1px solid var(--ml-gucci-light-line);
    background: #ffffff;
}

body.ml-page-home .ml-seen-proof-value {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1rem, 2.5vw, 1.38rem);
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.05;
}

body.ml-page-home .ml-seen-proof-label {
    margin: 0.28rem 0 0;
    color: rgba(0, 0, 0, 0.54);
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.58rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-home .ml-seen-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.65rem, 1.3vw, 1.05rem);
}

body.ml-page-home .ml-seen-card {
    margin: 0;
    border: 1px solid var(--ml-gucci-light-line);
    background: #ffffff;
    overflow: hidden;
}

body.ml-page-home .ml-seen-link,
body.ml-page-home .ml-seen-media {
    display: block;
    text-decoration: none;
    color: inherit;
}

body.ml-page-home .customer-photo-grid.ml-seen-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

body.ml-page-home .ml-seen-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.55rem 0.62rem;
    border-top: 1px solid rgba(255, 255, 255, 0.34);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.12));
    color: #ffffff;
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.94;
}

body.ml-page-home .ml-seen-card:hover .customer-photo-grid.ml-seen-image {
    transform: scale(1.03);
}

body.ml-page-home .ml-seen-empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 1rem 0.95rem;
    border: 1px solid var(--ml-gucci-light-line);
    color: rgba(0, 0, 0, 0.62);
    text-align: center;
    font-size: 0.82rem;
}

@media (max-width: 1023px) {
    body.ml-page-home .ml-seen-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.ml-page-home .ml-seen-proof {
        grid-template-columns: 1fr;
    }

    body.ml-page-home .ml-seen-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }
}

/* Global frame removal: strip section/card/panel borders and frame shadows site-wide. */
body.ml-site-body section,
body.ml-site-body article,
body.ml-site-body aside,
body.ml-site-body .ml-theme-panel,
body.ml-site-body [class*="panel"],
body.ml-site-body [class*="card"],
body.ml-site-body [class*="wrap"],
body.ml-site-body [class*="shell"],
body.ml-site-body [class*="frame"] {
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove decorative frame pseudo-elements from legacy UI blocks. */
body.ml-site-body .ml-assurance-panel::before,
body.ml-site-body .ml-seen-wrap::before,
body.ml-site-body .ml-theme-panel::before,
body.ml-site-body .ml-theme-panel::after,
body.ml-site-body .ml-account-panel::before,
body.ml-site-body .ml-account-panel::after {
    content: none !important;
}

/* Contact page Gucci pass: remove legacy UI feel and match site editorial language. */
body.ml-page-content .ml-contact-page {
    background: #ffffff;
}

body.ml-page-content .ml-contact-page .ml-contact-shell {
    max-width: 1200px !important;
}

body.ml-page-content .ml-contact-page .ml-theme-title {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(2rem, 5.2vw, 4rem) !important;
    font-weight: 500 !important;
    line-height: 0.96 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}

body.ml-page-content .ml-contact-page .ml-theme-title + p {
    color: rgba(0, 0, 0, 0.62);
    font-size: 0.9rem;
    line-height: 1.7;
}

body.ml-page-content .ml-contact-page .prose {
    color: rgba(0, 0, 0, 0.66) !important;
    font-size: 0.92rem;
    line-height: 1.75;
}

body.ml-page-content .ml-contact-page .ml-contact-grid {
    gap: clamp(1.2rem, 3vw, 3rem);
}

body.ml-page-content .ml-contact-page .ml-contact-panel {
    padding: clamp(0.4rem, 1.2vw, 0.9rem) 0 !important;
    background: transparent !important;
}

body.ml-page-content .ml-contact-page .ml-contact-heading {
    margin-bottom: 1.2rem !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    color: #111111;
}

body.ml-page-content .ml-contact-page .ml-contact-alert {
    border: 0 !important;
    border-left: 2px solid #111111 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0.3rem 0 0.3rem 0.8rem !important;
    color: #111111 !important;
    font-size: 0.78rem;
    line-height: 1.6;
}

body.ml-page-content .ml-contact-page .ml-contact-label {
    color: rgba(0, 0, 0, 0.52) !important;
    font-size: 0.6rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
}

body.ml-page-content .ml-contact-page .ml-contact-input,
body.ml-page-content .ml-contact-page .ml-contact-textarea {
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    padding: 0.55rem 0.05rem !important;
    min-height: 2.35rem;
    box-shadow: none !important;
    font-size: 0.84rem;
    line-height: 1.6;
}

body.ml-page-content .ml-contact-page .ml-contact-textarea {
    min-height: 7rem;
}

body.ml-page-content .ml-contact-page .ml-contact-input::placeholder,
body.ml-page-content .ml-contact-page .ml-contact-textarea::placeholder {
    color: rgba(0, 0, 0, 0.42);
}

body.ml-page-content .ml-contact-page .ml-contact-input:focus,
body.ml-page-content .ml-contact-page .ml-contact-textarea:focus {
    border-bottom-color: #111111 !important;
}

body.ml-page-content .ml-contact-page .ml-contact-submit {
    min-height: 3rem;
    border: 1px solid #111111 !important;
    border-radius: 0 !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

body.ml-page-content .ml-contact-page .ml-contact-submit:hover,
body.ml-page-content .ml-contact-page .ml-contact-submit:focus-visible {
    background: #ffffff !important;
    color: #111111 !important;
}

body.ml-page-content .ml-contact-page .ml-contact-item {
    gap: 0.85rem !important;
    align-items: flex-start;
}

body.ml-page-content .ml-contact-page .ml-contact-item-icon {
    width: 1rem;
    text-align: center;
    font-size: 0.88rem !important;
    margin-top: 0.12rem !important;
    color: rgba(0, 0, 0, 0.68);
}

body.ml-page-content .ml-contact-page .ml-contact-item-label {
    margin: 0;
    color: #111111;
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-content .ml-contact-page .ml-contact-item-value {
    margin-top: 0.35rem;
    color: rgba(0, 0, 0, 0.66) !important;
    font-size: 0.84rem !important;
    line-height: 1.7;
}

body.ml-page-content .ml-contact-page .ml-contact-follow-heading {
    color: rgba(0, 0, 0, 0.55);
    font-size: 0.63rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

body.ml-page-content .ml-contact-page .ml-contact-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    color: #111111 !important;
    transition: opacity 0.2s ease;
}

body.ml-page-content .ml-contact-page .ml-contact-social-link .ml-contact-social-icon {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
    fill: currentColor !important;
    stroke: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.ml-page-content .ml-contact-page .ml-contact-social-link:hover {
    opacity: 0.62;
}

@media (max-width: 767px) {
    body.ml-page-content .ml-contact-page .ml-contact-grid {
        gap: 1.5rem;
    }
}

/* Homepage story block: use the same site-wide font family throughout. */
body.ml-page-home .ml-story-section,
body.ml-page-home .ml-story-section .ml-story-title,
body.ml-page-home .ml-story-section .ml-story-content,
body.ml-page-home .ml-story-section .ml-story-content p,
body.ml-page-home .ml-story-section .ml-story-portrait-caption {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Monochrome hardening pass: remove remaining warm legacy tint tokens globally. */
:root {
    --ml-lux-bg: #ffffff;
    --ml-lux-paper: #ffffff;
    --ml-lux-paper-strong: #f5f5f5;
    --ml-lux-ink: #111111;
    --ml-lux-muted: rgba(0, 0, 0, 0.62);
    --ml-lux-line: rgba(0, 0, 0, 0.14);
    --ml-lux-line-strong: rgba(0, 0, 0, 0.24);
    --ml-lux-accent: #111111;
    --ml-lux-olive: #111111;
    --ml-lux-shadow: none;
}

html,
body {
    background: #ffffff !important;
    color: #111111 !important;
}

body.ml-site-body .ml-buybox-rating {
    border-color: rgba(0, 0, 0, 0.18) !important;
    background: #f5f5f5 !important;
    color: #111111 !important;
}

body.ml-site-body .ml-hero-product-card__media,
body.ml-site-body .ml-product-media {
    background: #f5f5f5 !important;
}

body.ml-site-body .ml-hero-product-card__cta,
body.ml-site-body .ml-card-cta {
    color: #111111 !important;
}

/* Keep only the new footer system visible. */
footer .ml-footer-legacy-nav,
footer .ml-footer-legacy-accordion,
footer .ml-footer-newsletter-legacy,
footer .ml-footer-payment-legacy {
    display: none !important;
}

/* Contact info icons now use inline SVG for consistent rendering. */
body.ml-page-content .ml-contact-page .ml-contact-item-icon {
    width: 1rem !important;
    height: 1rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.ml-page-content .ml-contact-page .ml-contact-item-icon .ml-contact-info-icon {
    width: 1rem;
    height: 1rem;
    display: block;
    stroke: currentColor;
}

/* Mobile header safety: prevent MENU clipping on hero pages. */
@media (max-width: 767px) {
    body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .container.ml-header-grid {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.5rem !important;
    }

    body.ml-page-home.ml-home-has-hero.ml-home-hero-top #main-header .container.ml-header-grid > div:first-child {
        display: none !important;
    }

    body.ml-page-home.ml-home-has-hero .ml-header-menu-btn {
        min-width: 2.7rem !important;
        min-height: 2.7rem !important;
        padding: 0 !important;
    }
}

/* Full-screen client advisor chat: Galxboy-style overlay shell with admin-managed quick replies. */
body.ml-chat-open,
body.ml-site-body.ml-chat-open {
    overflow: hidden !important;
}

/* Homepage assurance + style journal refinement: light neutral luxury, thin black outlines, and airy spacing. */
body.ml-page-home .ml-assurance-social {
    background: var(--ml-assurance-bg, #f2f2f2) !important;
    padding-top: clamp(3.6rem, 7vw, 6rem) !important;
    padding-bottom: clamp(3.8rem, 7vw, 6.2rem) !important;
}

body.ml-page-home .ml-assurance-panel {
    background: transparent !important;
    padding: 0 !important;
    max-width: 960px;
    margin: 0 auto clamp(4rem, 7vw, 6rem) !important;
}

body.ml-page-home .ml-assurance-head {
    max-width: 42rem;
    margin: 0 auto;
    text-align: center;
}

body.ml-page-home .ml-assurance-kicker {
    color: var(--ml-assurance-text, #111111) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-assurance-title {
    margin-top: 0.65rem !important;
    color: var(--ml-assurance-text, #111111) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.7rem, 3.4vw, 2.45rem) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-assurance-copy {
    margin: 0.95rem auto 0 !important;
    max-width: 36rem;
    color: var(--ml-assurance-text, #111111) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

body.ml-page-home .ml-assurance-grid {
    max-width: 840px;
    margin: clamp(2.2rem, 5vw, 3.4rem) auto 0;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(2.4rem, 4.8vw, 3.7rem) clamp(2rem, 4vw, 4.2rem) !important;
    background: transparent !important;
}

body.ml-page-home .ml-assurance-item {
    background: transparent !important;
    border: 0 !important;
    margin: 0;
    padding: 0 0.5rem !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.ml-page-home .ml-assurance-item:nth-child(n + 3) {
    padding-top: clamp(1.6rem, 3vw, 2.25rem) !important;
    border-top: 1px solid var(--ml-assurance-divider, rgba(0, 0, 0, 0.22)) !important;
}

body.ml-page-home .ml-assurance-icon {
    width: 2.6rem;
    height: 2.6rem;
    margin: 0 auto 0.9rem !important;
    border: 0 !important;
    color: var(--ml-assurance-text, #111111) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.ml-page-home .ml-assurance-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    stroke: currentColor;
    fill: none;
}

body.ml-page-home .ml-assurance-label {
    color: var(--ml-assurance-text, #111111) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.63rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-assurance-value {
    margin-top: 0.42rem !important;
    color: var(--ml-assurance-text, #111111) !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-transform: none !important;
}

body.ml-page-home .ml-assurance-note {
    margin-top: 0.22rem !important;
    color: var(--ml-assurance-text, #111111) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.ml-page-home .ml-seen-wrap {
    margin-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.ml-page-home .ml-seen-header {
    max-width: 44rem;
    margin: 0 auto clamp(2rem, 4vw, 3.1rem) !important;
    text-align: center;
}

body.ml-page-home .ml-seen-kicker {
    color: #111111 !important;
    font-size: 0.62rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-seen-title {
    margin-top: 0.65rem;
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.9rem, 4.1vw, 2.85rem) !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-seen-subtitle {
    margin: 0.74rem 0 0;
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.96rem !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

body.ml-page-home .ml-seen-copy {
    margin: 0.48rem auto 0;
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.24em !important;
    line-height: 1.8 !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-seen-proof {
    margin: clamp(1.55rem, 3.2vw, 2.4rem) auto 0 !important;
    max-width: 34rem;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1.2rem, 3.5vw, 3rem) !important;
}

body.ml-page-home .ml-seen-proof-item {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: center;
}

body.ml-page-home .ml-seen-proof-value {
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.65rem, 4.3vw, 2.55rem) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
}

body.ml-page-home .ml-seen-proof-label {
    margin-top: 0.54rem !important;
    color: #111111 !important;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.67rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
}

body.ml-page-home .ml-seen-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(0.75rem, 1.6vw, 1.2rem) !important;
}

body.ml-page-home .ml-seen-card {
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    background: #f5f5f5 !important;
    overflow: hidden;
}

body.ml-page-home .ml-seen-link,
body.ml-page-home .ml-seen-media {
    display: block;
    position: relative;
    color: inherit;
    text-decoration: none;
}

body.ml-page-home .customer-photo-grid.ml-seen-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    transition: transform 0.42s ease;
}

body.ml-page-home .ml-seen-overlay {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    padding: 0.75rem 0.82rem;
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    background: linear-gradient(180deg, rgba(10, 10, 10, 0.02) 0%, rgba(10, 10, 10, 0.72) 66%, rgba(10, 10, 10, 0.86) 100%);
    color: #ffffff;
    opacity: 0.9;
    transition: opacity 0.28s ease;
}

body.ml-page-home .ml-seen-overlay-label {
    font-size: 0.53rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-home .ml-seen-overlay-cta {
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.ml-page-home .ml-seen-card:hover .customer-photo-grid.ml-seen-image {
    transform: scale(1.035);
}

body.ml-page-home .ml-seen-card:hover .ml-seen-overlay {
    opacity: 1;
}

body.ml-page-home .ml-seen-actions {
    margin-top: clamp(1.7rem, 3.2vw, 2.8rem);
    text-align: center;
}

body.ml-page-home .ml-seen-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.68rem 1.6rem;
    border: 1px solid #111111;
    background: #111111;
    color: #ffffff;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.63rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

body.ml-page-home .ml-seen-more-btn:hover {
    background: #ffffff;
    color: #111111;
}

@media (max-width: 1023px) {
    body.ml-page-home .ml-seen-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.ml-page-home .ml-assurance-social {
        background: var(--ml-assurance-bg, #f2f2f2) !important;
    }

    body.ml-page-home .ml-assurance-panel {
        background: transparent !important;
    }

    body.ml-page-home .ml-assurance-kicker,
    body.ml-page-home .ml-assurance-title,
    body.ml-page-home .ml-assurance-copy,
    body.ml-page-home .ml-assurance-label,
    body.ml-page-home .ml-assurance-value,
    body.ml-page-home .ml-assurance-note {
        color: var(--ml-assurance-text, #111111) !important;
    }

    body.ml-page-home .ml-assurance-icon {
        color: var(--ml-assurance-text, #111111) !important;
    }

    body.ml-page-home .ml-assurance-icon svg {
        stroke: currentColor !important;
    }

    body.ml-page-home .ml-assurance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.9rem 1.1rem !important;
    }

    body.ml-page-home .ml-assurance-item:nth-child(n + 3) {
        padding-top: 1.25rem !important;
    }

    body.ml-page-home .ml-seen-proof {
        gap: 1.4rem !important;
    }

    body.ml-page-home .ml-seen-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}



/* Homepage discovery edit: new arrivals + category tiles inspired by premium fashion storefronts. */
body.ml-page-home .ml-home-discovery {
    background: #f5f5f5;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

body.ml-page-home .ml-home-discovery-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.9rem 1.2rem;
    margin-bottom: 1.25rem;
}

body.ml-page-home .ml-home-discovery-head--secondary {
    margin-top: clamp(2rem, 4vw, 3rem);
}

body.ml-page-home .ml-home-discovery-kicker {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-discovery-title {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.25rem, 3.2vw, 2.05rem);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.1;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-discovery-title--small {
    font-size: clamp(1.05rem, 2.6vw, 1.45rem);
}

body.ml-page-home .ml-home-discovery-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.62rem 1.2rem;
    border: 1px solid #111111;
    background: #111111;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.ml-page-home .ml-home-discovery-link:hover,
body.ml-page-home .ml-home-discovery-link:focus-visible {
    background: transparent;
    color: #111111;
}

body.ml-page-home .ml-home-arrivals-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.8vw, 1.35rem);
}

body.ml-page-home .ml-home-arrival-card {
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #f5f5f5;
    min-width: 0;
}

body.ml-page-home .ml-home-arrival-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

body.ml-page-home .ml-home-arrival-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    background: #eeeeee;
}

body.ml-page-home .ml-home-arrival-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

body.ml-page-home .ml-home-arrival-pill {
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.3rem 0.52rem;
    border: 1px solid rgba(0, 0, 0, 0.45);
    background: rgba(255, 255, 255, 0.92);
    color: #111111;
    font-size: 0.56rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrival-meta {
    padding: 0.78rem 0.74rem 0.9rem;
}

body.ml-page-home .ml-home-arrival-category {
    margin: 0;
    color: rgba(17, 17, 17, 0.65);
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrival-name {
    margin: 0.35rem 0 0;
    color: #111111;
    font-size: 0.77rem;
    font-weight: 500;
    line-height: 1.45;
    min-height: 2.3em;
}

body.ml-page-home .ml-home-arrival-price {
    margin: 0.42rem 0 0;
    display: inline-flex;
    gap: 0.46rem;
    align-items: baseline;
    color: #111111;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
}

body.ml-page-home .ml-home-arrival-price-old {
    color: rgba(17, 17, 17, 0.52);
    text-decoration: line-through;
}

body.ml-page-home .ml-home-arrival-price-current {
    color: #111111;
    font-weight: 600;
}

body.ml-page-home .ml-home-arrival-card:hover .ml-home-arrival-image,
body.ml-page-home .ml-home-arrival-card:focus-within .ml-home-arrival-image {
    transform: scale(1.045);
}

body.ml-page-home .ml-home-category-tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.9vw, 1.4rem);
}

body.ml-page-home .ml-home-category-tile {
    position: relative;
    display: block;
    min-height: clamp(10rem, 17vw, 14rem);
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.16);
    text-decoration: none;
    color: #ffffff;
    background: #efefef;
}

body.ml-page-home .ml-home-category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

body.ml-page-home .ml-home-category-overlay {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.26rem;
    padding: 0.72rem 0.72rem 0.78rem;
    border-top: 1px solid rgba(255, 255, 255, 0.36);
    background: linear-gradient(180deg, rgba(14, 14, 14, 0.04) 0%, rgba(14, 14, 14, 0.73) 67%, rgba(14, 14, 14, 0.88) 100%);
}

body.ml-page-home .ml-home-category-name {
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.21em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-category-count {
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-category-tile:hover .ml-home-category-image,
body.ml-page-home .ml-home-category-tile:focus-visible .ml-home-category-image {
    transform: scale(1.05);
}

@media (max-width: 1023px) {
    body.ml-page-home .ml-home-arrivals-grid,
    body.ml-page-home .ml-home-category-tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.ml-page-home .ml-home-discovery {
        padding-top: 2.4rem !important;
        padding-bottom: 2.4rem !important;
    }

    body.ml-page-home .ml-home-discovery-head {
        margin-bottom: 0.95rem;
    }

    body.ml-page-home .ml-home-discovery-link {
        width: 100%;
    }

    body.ml-page-home .ml-home-arrivals-grid,
    body.ml-page-home .ml-home-category-tiles {
        gap: 0.72rem;
    }

    body.ml-page-home .ml-home-arrival-meta {
        padding: 0.62rem 0.58rem 0.7rem;
    }
}

/* Homepage coming-soon strip with admin-managed copy and launch cards. */
body.ml-page-home .ml-home-arrivals-experience {
    --ml-arrivals-sticky-top: 0px;
    background: #f6f6f6;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    position: relative;
}

body.ml-page-home .ml-home-arrivals-header {
    padding-top: clamp(2rem, 5vw, 3.5rem);
    padding-bottom: clamp(1rem, 2.4vw, 1.4rem);
}

body.ml-page-home .ml-home-arrivals-kicker {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-title-row {
    margin-top: 0.7rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.9rem 1.2rem;
}

body.ml-page-home .ml-home-arrivals-title {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.45rem, 4vw, 2.5rem);
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1.06;
}

body.ml-page-home .ml-home-arrivals-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0.62rem 1.18rem;
    border: 1px solid #111111;
    background: #ffffff;
    color: #111111;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.ml-page-home .ml-home-arrivals-link:hover,
body.ml-page-home .ml-home-arrivals-link:focus-visible {
    background: #111111;
    color: #ffffff;
}

body.ml-page-home .ml-home-arrivals-nav-wrap {
    position: sticky;
    top: var(--ml-arrivals-sticky-top, 0px);
    z-index: 30;
    background: #111111;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

body.ml-page-home .ml-home-arrivals-nav {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.2rem 0;
}

body.ml-page-home .ml-home-arrivals-nav::-webkit-scrollbar {
    display: none;
}

body.ml-page-home .ml-home-arrivals-nav-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    white-space: nowrap;
    min-height: 2.4rem;
    padding: 0.68rem 0.72rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

body.ml-page-home .ml-home-arrivals-nav-btn::after {
    content: "";
    position: absolute;
    left: 0.72rem;
    right: 0.72rem;
    bottom: 0.38rem;
    height: 1px;
    background: transparent;
    transition: background-color 0.2s ease;
}

body.ml-page-home .ml-home-arrivals-nav-btn.is-active {
    color: #ffffff;
}

body.ml-page-home .ml-home-arrivals-nav-btn.is-active::after {
    background: #ffffff;
}

body.ml-page-home .ml-home-arrivals-slides {
    background: #f6f6f6;
}

body.ml-page-home .ml-home-arrivals-slide {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    scroll-margin-top: calc(var(--ml-arrivals-sticky-top, 0px) + 1.2rem);
}

body.ml-page-home .ml-home-arrivals-slide-link {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    text-decoration: none;
    color: inherit;
}

body.ml-page-home .ml-home-arrivals-slide-copy {
    padding-top: clamp(1.4rem, 4vw, 2.4rem);
}

body.ml-page-home .ml-home-arrivals-slide-copy .container {
    max-width: 1300px;
}

body.ml-page-home .ml-home-arrivals-slide-tagline {
    margin: 0;
    color: rgba(17, 17, 17, 0.74);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-slide-title {
    margin: 0.7rem 0 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.6rem, 5.3vw, 3.3rem);
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.03;
    text-transform: uppercase;
    max-width: 15ch;
}

body.ml-page-home .ml-home-arrivals-slide-price {
    margin: 0.75rem 0 0;
    display: inline-flex;
    align-items: baseline;
    gap: 0.6rem;
    color: #111111;
    font-size: 0.73rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-slide-price-old {
    color: rgba(17, 17, 17, 0.52);
    text-decoration: line-through;
}

body.ml-page-home .ml-home-arrivals-slide-price-current {
    color: #111111;
    font-weight: 600;
}

body.ml-page-home .ml-home-arrivals-slide-price-note {
    margin: 0.42rem 0 0;
    color: rgba(17, 17, 17, 0.62);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-slide-media {
    margin: clamp(1.05rem, 2.4vw, 1.5rem) auto 0;
    width: min(1360px, calc(100% - 3rem));
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.65rem, 1.3vw, 1.2rem);
}

body.ml-page-home .ml-home-arrivals-pane {
    position: relative;
    min-height: clamp(340px, 63vh, 760px);
    overflow: hidden;
    background: #ececec;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

body.ml-page-home .ml-home-arrivals-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

body.ml-page-home .ml-home-arrivals-slide-link:hover .ml-home-arrivals-image,
body.ml-page-home .ml-home-arrivals-slide-link:focus-visible .ml-home-arrivals-image {
    transform: scale(1.03);
}

body.ml-page-home .ml-home-arrivals-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.36rem;
    margin: 0.95rem auto 0;
    width: fit-content;
    padding: 0 0.75rem;
}

body.ml-page-home .ml-home-arrivals-progress-dot {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.26);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

body.ml-page-home .ml-home-arrivals-progress-dot.is-active {
    background: #111111;
    transform: scale(1.06);
}

body.ml-page-home .ml-home-arrivals-scroll-hint {
    position: sticky;
    bottom: 1.1rem;
    width: 2.4rem;
    height: 2.4rem;
    margin: -3rem auto 0;
    pointer-events: none;
    z-index: 15;
}

body.ml-page-home .ml-home-arrivals-scroll-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(17, 17, 17, 0.4);
    border-radius: 999px;
}

body.ml-page-home .ml-home-arrivals-scroll-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.34rem;
    height: 0.34rem;
    margin-top: -0.17rem;
    margin-left: -0.17rem;
    border-radius: 999px;
    background: #111111;
}

body.ml-page-home .ml-home-arrivals-categories {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

body.ml-page-home .ml-home-arrivals-categories-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.7rem 1.1rem;
    margin-bottom: 0.95rem;
}

body.ml-page-home .ml-home-arrivals-categories-kicker {
    margin: 0;
    color: rgba(17, 17, 17, 0.72);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.23em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-categories-title {
    margin: 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.1rem, 2.5vw, 1.65rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-category-rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 21vw);
    gap: clamp(0.75rem, 1.8vw, 1.2rem);
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 0.2rem;
}

body.ml-page-home .ml-home-arrivals-category-card {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background: #ffffff;
    min-height: 100%;
    text-decoration: none;
    color: #111111;
}

body.ml-page-home .ml-home-arrivals-category-media {
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #f1f1f1;
}

body.ml-page-home .ml-home-arrivals-category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

body.ml-page-home .ml-home-arrivals-category-body {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.7rem 0.72rem 0.78rem;
}

body.ml-page-home .ml-home-arrivals-category-name {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-arrivals-category-count {
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(17, 17, 17, 0.62);
}

body.ml-page-home .ml-home-arrivals-category-card:hover .ml-home-arrivals-category-image,
body.ml-page-home .ml-home-arrivals-category-card:focus-visible .ml-home-arrivals-category-image {
    transform: scale(1.04);
}

body.ml-page-home .ml-home-category-nav-shell {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.95rem 0;
}

body.ml-page-home .ml-home-category-nav__label {
    margin: 0 0 0.7rem;
    text-align: center;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.48);
}

body.ml-page-home .ml-home-category-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.8rem 1.2rem;
}

body.ml-page-home .ml-home-category-nav__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.12rem;
    border-bottom: 1px solid transparent;
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.56);
    transition: color 220ms ease, border-color 220ms ease;
}

body.ml-page-home .ml-home-category-nav__link:hover,
body.ml-page-home .ml-home-category-nav__link:focus-visible,
body.ml-page-home .ml-home-category-nav__link.is-active {
    border-color: rgba(0, 0, 0, 0.9);
    color: #000000;
    outline: none;
}

@media (max-width: 1023px) {
    body.ml-page-home .ml-home-arrivals-slide-link {
        min-height: 94svh;
    }

    body.ml-page-home .ml-home-arrivals-slide-media {
        width: calc(100% - 2rem);
        margin-top: 0.95rem;
    }

    body.ml-page-home .ml-home-arrivals-pane {
        min-height: clamp(260px, 50vh, 560px);
    }

    body.ml-page-home .ml-home-arrivals-category-rail {
        grid-auto-columns: minmax(180px, 36vw);
    }
}

@media (max-width: 767px) {
    body.ml-page-home .ml-home-arrivals-header {
        padding-top: 1.65rem;
        padding-bottom: 0.95rem;
    }

    body.ml-page-home .ml-home-arrivals-title-row {
        margin-top: 0.62rem;
    }

    body.ml-page-home .ml-home-arrivals-link {
        width: 100%;
    }

    body.ml-page-home .ml-home-arrivals-nav-wrap {
        top: var(--ml-arrivals-sticky-top, 0px);
    }

    body.ml-page-home .ml-home-arrivals-nav-btn {
        font-size: 0.56rem;
        letter-spacing: 0.16em;
        padding-left: 0.56rem;
        padding-right: 0.56rem;
    }

    body.ml-page-home .ml-home-arrivals-slide-copy {
        padding-top: 1.25rem;
    }

    body.ml-page-home .ml-home-arrivals-slide-title {
        font-size: clamp(1.18rem, 8vw, 1.92rem);
        max-width: none;
    }

    body.ml-page-home .ml-home-arrivals-slide-price {
        margin-top: 0.58rem;
    }

    body.ml-page-home .ml-home-arrivals-slide-media {
        gap: 0.52rem;
        width: calc(100% - 1rem);
    }

    body.ml-page-home .ml-home-arrivals-pane {
        min-height: clamp(190px, 40vh, 330px);
    }

    body.ml-page-home .ml-home-arrivals-scroll-hint {
        width: 2rem;
        height: 2rem;
        margin-top: -2.5rem;
    }

    body.ml-page-home .ml-home-arrivals-categories {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    body.ml-page-home .ml-home-arrivals-category-rail {
        grid-auto-columns: minmax(152px, 62vw);
    }

    body.ml-page-home .ml-home-category-nav-shell {
        padding: 0.85rem 0;
    }

    body.ml-page-home .ml-home-category-nav {
        justify-content: flex-start;
        gap: 0.7rem 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ml-page-home .ml-home-arrivals-image,
    body.ml-page-home .ml-home-arrivals-category-image {
        transition: none;
    }
}

body.ml-page-home .ml-home-coming-soon {
    background: #f6f6f6;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

body.ml-page-home .ml-home-coming-soon.is-visible {
    opacity: 1;
    transform: translateY(0);
}

body.ml-page-home .ml-home-coming-soon-head {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(1rem, 3vw, 2rem);
    margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
}

body.ml-page-home .ml-home-coming-soon-kicker {
    margin: 0;
    color: #111111;
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

body.ml-page-home .ml-home-coming-soon-title {
    margin: 0.35rem 0 0;
    color: #111111;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(1.3rem, 3.2vw, 2.5rem);
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1.06;
}

body.ml-page-home .ml-home-coming-soon-copy {
    margin: 0.55rem 0 0;
    color: rgba(17, 17, 17, 0.74);
    font-size: 0.84rem;
    line-height: 1.72;
    max-width: 34rem;
}

body.ml-page-home .ml-home-coming-soon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.64rem 1.24rem;
    border: 1px solid #111111;
    background: #ffffff;
    color: #111111;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

body.ml-page-home .ml-home-coming-soon-link:hover,
body.ml-page-home .ml-home-coming-soon-link:focus-visible {
    background: #111111;
    color: #ffffff;
}

body.ml-page-home .ml-home-coming-soon-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: clamp(0.85rem, 2.1vw, 1.35rem);
}

body.ml-page-home .ml-home-coming-soon-layout.is-single {
    grid-template-columns: minmax(0, 1fr);
    max-width: min(760px, 100%);
    margin-left: auto;
    margin-right: auto;
}

body.ml-page-home .ml-home-coming-soon-featured {
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #efefef;
    overflow: hidden;
}

body.ml-page-home .ml-home-coming-soon-featured-link {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

body.ml-page-home .ml-home-coming-soon-featured-image {
    width: 100%;
    aspect-ratio: 7 / 8;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

body.ml-page-home .ml-home-coming-soon-featured-overlay {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
    padding: 0.95rem 1rem 1.05rem;
    color: #ffffff;
    background: linear-gradient(180deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.72) 66%, rgba(8, 8, 8, 0.9) 100%);
}

body.ml-page-home .ml-home-coming-soon-featured-kicker {
    font-size: 0.56rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    opacity: 0.9;
}

body.ml-page-home .ml-home-coming-soon-featured-name {
    font-size: clamp(0.75rem, 1.6vw, 0.94rem);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.34;
}

body.ml-page-home .ml-home-coming-soon-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.7rem, 1.5vw, 1rem);
}

body.ml-page-home .ml-home-coming-soon-mini-card {
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #f2f2f2;
}

body.ml-page-home .ml-home-coming-soon-mini-link {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}

body.ml-page-home .ml-home-coming-soon-mini-image {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

body.ml-page-home .ml-home-coming-soon-mini-meta {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    padding: 0.66rem 0.68rem 0.72rem;
}

body.ml-page-home .ml-home-coming-soon-name {
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #111111;
    line-height: 1.4;
}

body.ml-page-home .ml-home-coming-soon-chip {
    font-size: 0.54rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(17, 17, 17, 0.6);
}

body.ml-page-home .ml-home-coming-soon-hover-text {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: 0.54rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

body.ml-page-home .ml-home-coming-soon-featured-link:hover .ml-home-coming-soon-hover-text,
body.ml-page-home .ml-home-coming-soon-featured-link:focus-visible .ml-home-coming-soon-hover-text,
body.ml-page-home .ml-home-coming-soon-mini-link:hover .ml-home-coming-soon-hover-text,
body.ml-page-home .ml-home-coming-soon-mini-link:focus-visible .ml-home-coming-soon-hover-text {
    opacity: 1;
    transform: translateY(0);
}

body.ml-page-home .ml-home-coming-soon-featured-link:hover .ml-home-coming-soon-featured-image,
body.ml-page-home .ml-home-coming-soon-featured-link:focus-visible .ml-home-coming-soon-featured-image,
body.ml-page-home .ml-home-coming-soon-mini-link:hover .ml-home-coming-soon-mini-image,
body.ml-page-home .ml-home-coming-soon-mini-link:focus-visible .ml-home-coming-soon-mini-image {
    transform: scale(1.035);
}

body.ml-page-home .ml-home-coming-soon-empty {
    margin: 0;
    padding: 1rem;
    border: 1px dashed rgba(0, 0, 0, 0.24);
    color: rgba(17, 17, 17, 0.74);
    font-size: 0.8rem;
}

@media (max-width: 1023px) {
    body.ml-page-home .ml-home-coming-soon-head {
        flex-wrap: wrap;
    }

    body.ml-page-home .ml-home-coming-soon-layout {
        grid-template-columns: 1fr;
    }

    body.ml-page-home .ml-home-coming-soon-featured-image {
        aspect-ratio: 4 / 5;
    }

    body.ml-page-home .ml-home-coming-soon-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.ml-page-home .ml-home-coming-soon {
        padding-top: 2.2rem !important;
        padding-bottom: 2.2rem !important;
    }

    body.ml-page-home .ml-home-coming-soon-link {
        width: 100%;
    }

    body.ml-page-home .ml-home-coming-soon-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.ml-page-home .ml-home-coming-soon-featured-overlay {
        padding: 0.74rem 0.76rem 0.82rem;
    }
}

/* Consistent typography fallback for legacy utility/content templates. */
body.ml-site-body .font-inter {
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}