/* Final storefront palette authority.
   Legacy theme literals remain fallbacks only; live/saved customizer colors win. */
html body:not(.admin) {
    --rr-storefront-primary: var(--rr-lc-primary, var(--rr-lc-primary-color, #2563eb));
    --rr-storefront-secondary: var(--rr-lc-secondary, var(--rr-lc-secondary-color, #111827));
    --rr-storefront-main-text: var(--rr-lc-main-text, var(--rr-lc-text-color, #111827));
    --rr-storefront-soft: color-mix(in srgb, var(--rr-storefront-primary) 10%, #ffffff);
    --rr-storefront-border: color-mix(in srgb, var(--rr-storefront-primary) 28%, #e5e7eb);
    --rr-rating-gold: #f5b301;
    --rr-active-theme-accent: var(--rr-storefront-primary) !important;
    --products-accent: var(--rr-storefront-primary) !important;
    --product-action-color: var(--rr-storefront-primary) !important;
    --product-action-hover-color: var(--rr-storefront-secondary) !important;
    --product-detail-accent: var(--rr-storefront-primary) !important;
    --rr-card-theme-accent: var(--rr-storefront-primary) !important;
    --rr-home-carousel-accent: var(--rr-storefront-primary) !important;
    --rr-featured-cat-accent: var(--rr-storefront-primary) !important;
    --rr-mobile-cart-button-accent: var(--rr-storefront-primary) !important;
    --rr-search-accent-strong: var(--rr-storefront-primary) !important;
    --rr-search-accent: var(--rr-storefront-primary) !important;
    --rr-search-soft: var(--rr-storefront-soft) !important;
    --rr-search-soft-border: var(--rr-storefront-border) !important;
}

/* Retire direct colors left by the original main-theme stylesheet. */
html body:not(.admin) :is(
    .logo span,
    .auth-links a:hover,
    .floating-card strong,
    .section-subtitle,
    .storefront-carousel-btn,
    .product-detail-link
) {
    color: var(--rr-storefront-primary) !important;
}

html body:not(.admin) .product-detail-link {
    background: var(--rr-storefront-primary) !important;
    color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #ffffff)) !important;
}

html body:not(.admin) .product-detail-link:hover {
    background: var(--rr-storefront-secondary) !important;
}

html body:not(.admin) .storefront-carousel-btn {
    border-color: var(--rr-storefront-border) !important;
}

html body:not(.admin) .storefront-carousel-btn:hover {
    background: var(--rr-storefront-soft) !important;
}

html body:not(.admin) .storefront-product-row::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--rr-storefront-primary) 42%, transparent) !important;
}

html body:not(.admin) .rr-central-storefront-header .rr-header-action-tablet-badge-v3 {
    color: var(--rr-storefront-primary) !important;
    border-color: var(--rr-storefront-border) !important;
}

html body:not(.admin) nav.rr-category-mega-nav .rr-nav-sub-toggle {
    display: none !important;
}

/* Mobile drawer reference palette: light cards with Accent / Third Color details. */
@media (max-width: 1180px) {
    html body:not(.admin) {
        --rr-mobile-drawer-accent: var(--rr-lc-accent-color, var(--rr-storefront-primary));
        --rr-mobile-active-category-text: var(--rr-mobile-drawer-accent) !important;
        --rr-mobile-drawer-primary: var(--rr-storefront-primary) !important;
        --rr-mobile-drawer-secondary: var(--rr-storefront-primary) !important;
        --rr-mobile-drawer-card: #f5f5f5 !important;
        --rr-mobile-drawer-ink: var(--rr-storefront-main-text) !important;
        --rr-mobile-drawer-line: color-mix(in srgb, var(--rr-storefront-main-text) 13%, transparent) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav > :is(
        .rr-dynamic-category-nav-inner,
        .container.nav-inner.rr-dynamic-category-nav-inner
    ) {
        background: var(--rr-lc-page-bg, #ffffff) !important;
        background-color: var(--rr-lc-page-bg, #ffffff) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-drawer-head {
        background: var(--rr-storefront-primary) !important;
        background-image: none !important;
        color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #ffffff)) !important;
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-drawer-head > .rr-mobile-nav-account-card {
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(
        .rr-mobile-nav-category-card,
        .rr-mobile-nav-quicklinks-box
    ) {
        background: var(--rr-mobile-drawer-card) !important;
        background-color: var(--rr-mobile-drawer-card) !important;
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-quicklinks-title::after {
        background: var(--rr-mobile-drawer-accent) !important;
    }

    /* Hovering a mobile category must not recolor it. */
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link,
        .rr-nav-child-link,
        .rr-nav-child-category-link,
        .rr-nav-brand-link
    ):is(:hover, :focus, :focus-visible) {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--rr-mobile-drawer-ink) !important;
        -webkit-text-fill-color: var(--rr-mobile-drawer-ink) !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Only the selected/open category uses Accent / Third Color. */
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link,
        .rr-nav-child-link,
        .rr-nav-child-category-link,
        .rr-nav-brand-link
    ):is(.active, .is-active),
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item.rr-open > :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link
    ) {
        --rr-active-top-category-text: var(--rr-lc-accent-color, #f59e0b) !important;
        background: transparent !important;
        background-color: transparent !important;
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Clear right chevron for every category that contains subcategories. */
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item.rr-has-children > .rr-nav-toggle {
        position: absolute !important;
        top: 7px !important;
        right: 0 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        color: #7b838d !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item.rr-has-children > .rr-nav-toggle::before {
        content: "" !important;
        display: block !important;
        width: 9px !important;
        height: 9px !important;
        margin: 10px auto !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(-45deg) !important;
        transition: transform 0.18s ease !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item.rr-open > .rr-nav-toggle::before {
        transform: rotate(45deg) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link
    ):is(.active, .is-active) > span,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:is(.active, .is-active) > :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link
    ) > span {
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item.rr-open > .rr-nav-toggle,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card :is(.active, .is-active) + .rr-nav-toggle {
        color: var(--rr-lc-accent-color, #f59e0b) !important;
    }
}

/* Phone-only active color variable. Desktop and tablet remain unchanged. */
@media (max-width: 760px) {
    /* Dedicated phone parent-link state: closed stays normal; open/current uses Accent / Third. */
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item > a.rr-mobile-category-parent-link > span {
        color: var(--rr-mobile-drawer-ink, var(--rr-storefront-main-text, #1f2937)) !important;
        -webkit-text-fill-color: var(--rr-mobile-drawer-ink, var(--rr-storefront-main-text, #1f2937)) !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:is(.rr-open, .active, .is-active) > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:is(.rr-open, .active, .is-active) > a.rr-mobile-category-parent-link > span,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link > span,
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card a.rr-mobile-category-parent-link:is(.active, .is-active),
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card a.rr-mobile-category-parent-link:is(.active, .is-active) > span {
        --rr-active-top-category-text: var(--rr-lc-accent-color, #f59e0b) !important;
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card > .rr-nav-plain-link:is(.active, .is-active),
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:is(.active, .is-active, .rr-open) > :is(.nav-link, .rr-nav-parent-link, .rr-nav-plain-link),
    html body:not(.admin) nav.rr-category-mega-nav .rr-mobile-nav-category-card .rr-nav-item:is(.active, .is-active, .rr-open) > :is(.nav-link, .rr-nav-parent-link, .rr-nav-plain-link) > span {
        --rr-active-top-category-text: var(--rr-lc-accent-color, #f59e0b) !important;
        color: var(--rr-active-top-category-text) !important;
        -webkit-text-fill-color: var(--rr-active-top-category-text) !important;
    }

    /*
       Absolute final mobile drawer state.
       The desktop category-active color can be white; in the phone drawer the
       selected/open parent must always remain readable and use Accent / Third.
    */
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:visited,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:focus,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:active,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link > span {
        color: var(--rr-mobile-drawer-ink, var(--rr-storefront-main-text, #1f2937)) !important;
        -webkit-text-fill-color: var(--rr-mobile-drawer-ink, var(--rr-storefront-main-text, #1f2937)) !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        text-decoration: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:visited,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:focus,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:active,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link > span,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link > span {
        --rr-active-top-category-text: var(--rr-lc-accent-color, #f59e0b) !important;
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:hover,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:focus,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link:active,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link > span {
        color: var(--rr-storefront-main-text, #1f2937) !important;
        -webkit-text-fill-color: var(--rr-storefront-main-text, #1f2937) !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        text-decoration: none !important;
    }

    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:hover,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:focus,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link:active,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active, .rr-open) > a.rr-mobile-category-parent-link > span,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link:hover,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > a.rr-mobile-category-parent-link > span {
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands {
        position: relative !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-child-category-link {
        padding-right: 42px !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-child-category-link span::after {
        content: none !important;
        display: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-sub-toggle {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        color: var(--rr-storefront-main-text, #1f2937) !important;
        -webkit-text-fill-color: var(--rr-storefront-main-text, #1f2937) !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands.rr-sub-open > .rr-nav-sub-toggle {
        color: var(--rr-lc-accent-color, #f59e0b) !important;
        -webkit-text-fill-color: var(--rr-lc-accent-color, #f59e0b) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-sub-toggle::before {
        content: "+" !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands.rr-sub-open > .rr-nav-sub-toggle::before {
        content: "-" !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-sub-toggle {
        font-size: 0 !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-sub-toggle::before {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-brand-list {
        display: none !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands.rr-sub-open > .rr-nav-brand-list {
        display: block !important;
    }
}

html body:not(.admin) .all-products-page,
html body:not(.admin) .all-products-page * {
    --rr-active-theme-accent: var(--rr-storefront-primary) !important;
    --products-accent: var(--rr-storefront-primary) !important;
    --products-soft-bg: var(--rr-storefront-soft) !important;
    --products-heading: var(--rr-storefront-main-text) !important;
    --rr-filter-accent: var(--rr-storefront-primary) !important;
    --rr-filter-soft: var(--rr-storefront-soft) !important;
    --rr-filter-heading: var(--rr-storefront-main-text) !important;
    --rr-products-ui-accent: var(--rr-storefront-primary) !important;
    --rr-products-ui-soft: var(--rr-storefront-soft) !important;
    --rr-products-ui-heading: var(--rr-storefront-main-text) !important;
    --rr-products-accent: var(--rr-storefront-primary) !important;
    --rr-ap-accent-final: var(--rr-storefront-primary) !important;
    --rr-ap-primary: var(--rr-storefront-primary) !important;
    --rr-ap-primary-dark: var(--rr-storefront-secondary) !important;
    --rr-ap-soft: var(--rr-storefront-soft) !important;
    --rr-ap-border: var(--rr-storefront-border) !important;
    --rr-ap-accent-line: var(--rr-storefront-primary) !important;
    --rr-ap-line-final: var(--rr-storefront-primary) !important;
    --rr-card-theme-accent: var(--rr-storefront-primary) !important;
    --product-action-color: var(--rr-storefront-primary) !important;
    --product-action-hover-color: var(--rr-storefront-secondary) !important;
    --product-action-soft-bg: var(--rr-storefront-soft) !important;
    --wishlist-accent: var(--rr-storefront-primary) !important;
}

/* Product-detail PHP/theme fallbacks must never outrank saved customizer colors. */
html body:not(.admin) .rr-pd-page {
    --rr-wi12-03-product-detail-central-1: var(--rr-storefront-primary) !important;
    --rr-wi12-03-product-detail-central-2: var(--rr-storefront-main-text) !important;
    --rr-wi12-03-product-detail-central-3: var(--rr-storefront-soft) !important;
    --rr-wi12-03-product-detail-central-4: var(--rr-storefront-border) !important;
    --rr-wi12-03-product-detail-central-5: var(--rr-storefront-border) !important;
    --rr-wi12-03-product-detail-central-6: var(--rr-storefront-soft) !important;
    --rr-wi12-03-product-detail-central-7: var(--rr-storefront-primary) !important;
    --rr-wi12-03-product-detail-central-8: var(--rr-storefront-secondary) !important;
    --rr-pd-accent: var(--rr-storefront-primary) !important;
    --rr-pd-heading: var(--rr-storefront-main-text) !important;
    --rr-pd-soft: var(--rr-storefront-soft) !important;
    --rr-pd-border: var(--rr-storefront-border) !important;
    --rr-pd-info-border: var(--rr-storefront-border) !important;
    --rr-pd-badge-bg: var(--rr-storefront-soft) !important;
    --rr-pd-badge-color: var(--rr-storefront-primary) !important;
    --rr-pd-buy-bg: var(--rr-storefront-secondary) !important;
    --rr-review-accent: var(--rr-storefront-primary) !important;
    --rr-review-accent-soft: var(--rr-storefront-soft) !important;
    --rr-review-accent-border: var(--rr-storefront-border) !important;
    --rr-review-heading: var(--rr-storefront-main-text) !important;
    --rr-related-accent: var(--rr-storefront-primary) !important;
    --rr-related-heading: var(--rr-storefront-main-text) !important;
}

html body:not(.admin) .rr-pd-page :is(
    .product-detail-anchor-section,
    .rr-pd-related-products
) {
    border-color: color-mix(in srgb, var(--rr-storefront-primary) 18%, #e5edf6) !important;
}

html body:not(.admin) .rr-pd-page :is(
    .rr-pd-gallery-card,
    .rr-pd-action-panel,
    .rr-review-main-card,
    .rr-review-card,
    .rr-pd-related-products,
    .product-detail-anchor-section
) {
    --rr-related-accent: var(--rr-storefront-primary) !important;
    --rr-review-accent: var(--rr-storefront-primary) !important;
}

html body:not(.admin) .cart-page {
    --cart-page-bg: var(--rr-lc-page-bg, #ffffff) !important;
    --cart-soft-bg: var(--rr-storefront-soft) !important;
    --cart-border: var(--rr-storefront-border) !important;
    --cart-accent: var(--rr-storefront-primary) !important;
    --cart-heading: var(--rr-storefront-main-text) !important;
}

html body:not(.admin) .rr-wishlist-page {
    --wishlist-page-bg: var(--rr-lc-page-bg, #ffffff) !important;
    --wishlist-accent: var(--rr-storefront-primary) !important;
    --wishlist-primary: var(--rr-storefront-primary) !important;
    --wishlist-secondary: var(--rr-storefront-secondary) !important;
    --wishlist-soft: var(--rr-storefront-soft) !important;
    --wishlist-heading: var(--rr-storefront-main-text) !important;
}

html body:not(.admin) .order-tracking-page {
    --tracking-page-bg: var(--rr-lc-page-bg, #ffffff) !important;
    --tracking-accent: var(--rr-storefront-primary) !important;
    --tracking-heading: var(--rr-storefront-main-text) !important;
}

html body:not(.admin) :is(.rr-theme-faq-page, .rr-faq-section) {
    --rr-faq-page-accent: var(--rr-storefront-primary) !important;
    --rr-faq-page-soft: var(--rr-storefront-soft) !important;
    --rr-faq-accent: var(--rr-storefront-primary) !important;
    --rr-faq-soft: var(--rr-storefront-soft) !important;
}

html body:not(.admin) .rr-support-page {
    --rr-support-accent: var(--rr-storefront-primary) !important;
    --rr-support-dark: var(--rr-storefront-secondary) !important;
    --rr-support-soft: var(--rr-storefront-soft) !important;
}

html body:not(.admin) .rr-order-confirmation-page {
    --rr-oc-accent: var(--rr-storefront-primary) !important;
}

html body:not(.admin) .rr-testimonials-final {
    --rr-testimonial-accent: var(--rr-storefront-primary) !important;
}

html body:not(.admin) a.rr-mobile-floating-cart {
    --rr-active-theme-accent: var(--rr-storefront-primary) !important;
    background: var(--rr-storefront-primary) !important;
    color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #ffffff)) !important;
    box-shadow: none !important;
    transition: box-shadow .18s ease !important;
}

html body:not(.admin) a.rr-mobile-floating-cart :is(
    .rr-mobile-floating-cart-icon,
    .rr-mobile-floating-cart-count,
    .rr-mobile-floating-cart-total
) {
    box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html body:not(.admin) a.rr-mobile-floating-cart:hover {
        box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--rr-lc-shadow, var(--rr-lc-shadow-color, #0f172a)) 38%, transparent) !important;
    }
}

html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-total {
    color: var(--rr-storefront-primary) !important;
}

/* Cart/wishlist confirmations are success feedback, so they stay green. */
html body:not(.admin) :is(.rr-cart-feedback-toast, .rr-cart-toast-final, .shared-toast) {
    --rr-cart-toast-bg: #16a34a !important;
    --rr-cart-toast-bg-2: #15803d !important;
    --rr-cart-toast-shadow: rgba(22, 163, 74, .26) !important;
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 24px -12px rgba(22, 101, 52, .34) !important;
}

/* Ratings are intentionally independent from the customizable accent color. */
html body:not(.admin) :is(
    .rating,
    .stars,
    .rr-testimonial-stars,
    .rr-review-score-row em,
    .rr-review-bar-row span,
    .rr-review-card-head em,
    .admin-review-stars,
    .review-stars,
    .rating-stars,
    .star-rating
),
html body:not(.admin) :is(
    .rating,
    .stars,
    .rr-testimonial-stars,
    .admin-review-stars,
    .review-stars,
    .rating-stars,
    .star-rating
) * {
    color: var(--rr-rating-gold) !important;
    -webkit-text-fill-color: var(--rr-rating-gold) !important;
    fill: var(--rr-rating-gold) !important;
}

/* Quick-view popup accent colors follow Accent / Third Color from the customizer. */
html body:not(.admin) {
    --rr-qv-accent: var(--rr-lc-accent-color, var(--rr-storefront-accent, var(--rr-lc-primary, var(--rr-lc-primary-color, #f97316)))) !important;
    --rr-qv-accent-soft: color-mix(in srgb, var(--rr-qv-accent) 12%, transparent) !important;
    --rr-qv-accent-shadow: color-mix(in srgb, var(--rr-qv-accent) 22%, transparent) !important;
}

html body:not(.admin) :is(
    .quick-view-close,
    .quick-view-dialog .quick-view-close
) {
    background: var(--rr-qv-accent) !important;
    border-color: var(--rr-qv-accent) !important;
    color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #fff)) !important;
}

html body:not(.admin) :is(
    .quick-view-badge,
    .quick-view-category,
    .quick-view-meta,
    .quick-view-meta *,
    .quick-view-detail-link
) {
    color: var(--rr-qv-accent) !important;
    -webkit-text-fill-color: var(--rr-qv-accent) !important;
}

html body:not(.admin) .quick-view-gallery::after,
html body:not(.admin) .quick-view-image-panel::after,
html body:not(.admin) .quick-view-image-wrap::after,
html body:not(.admin) .quick-view-media::after {
    background: var(--rr-qv-accent) !important;
}

html body:not(.admin) .quick-view-dialog :is(
    .add-to-cart-btn,
    .buy-now-btn,
    button:not(.quick-view-close)
) {
    border-color: var(--rr-qv-accent) !important;
    background: var(--rr-qv-accent) !important;
    color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #fff)) !important;
    box-shadow: none !important;
}

html body:not(.admin) .quick-view-detail-link {
    background: #fff !important;
    border-color: color-mix(in srgb, var(--rr-qv-accent) 34%, #dbeafe) !important;
    box-shadow: none !important;
}

html body:not(.admin) .quick-view-detail-link:hover {
    background: var(--rr-qv-accent) !important;
    border-color: var(--rr-qv-accent) !important;
    color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #fff)) !important;
    -webkit-text-fill-color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #fff)) !important;
}

/* Desktop/tablet category nav: no mobile +/- toggles in dropdowns, active category uses Category Highlight Color. */
html body:not(.admin) {
    --rr-category-active-highlight: var(--rr-lc-category-active, var(--rr-lc-category-highlight-color, var(--rr-category-nav-primary, var(--rr-storefront-primary, #f97316)))) !important;
}

@media (min-width: 1181px) {
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-nav-dropdown .rr-nav-toggle,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-builder-mega-dropdown .rr-nav-toggle,
    html body:not(.admin) .rr-category-dropdown-portal .rr-nav-toggle,
    html body:not(.admin) .rr-category-dropdown-portal .rr-nav-sub-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav :is(
        .nav-link.active,
        .nav-link.is-active,
        .rr-nav-parent-link.active,
        .rr-nav-parent-link.is-active,
        .rr-nav-plain-link.active,
        .rr-nav-plain-link.is-active
    ),
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-nav-item:is(.active, .is-active) > :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        color: var(--rr-category-active-highlight) !important;
        -webkit-text-fill-color: var(--rr-category-active-highlight) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav :is(
        .nav-link.active,
        .nav-link.is-active,
        .rr-nav-parent-link.active,
        .rr-nav-parent-link.is-active,
        .rr-nav-plain-link.active,
        .rr-nav-plain-link.is-active
    ) *,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-nav-item:is(.active, .is-active) > :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link
    ) * {
        color: var(--rr-category-active-highlight) !important;
        -webkit-text-fill-color: var(--rr-category-active-highlight) !important;
    }
}

/* Beat live-customizer primary-color active rules for selected desktop/tablet main category. */
@media (min-width: 761px) {
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active) > a.rr-nav-parent-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active) > a.rr-nav-parent-link:is(.active, .is-active, :hover, :focus, :focus-visible),
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active) > a.rr-nav-parent-link * {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        color: var(--rr-lc-category-active, var(--rr-lc-category-text, var(--rr-lc-category-text-color, #ffffff))) !important;
        -webkit-text-fill-color: var(--rr-lc-category-active, var(--rr-lc-category-text, var(--rr-lc-category-text-color, #ffffff))) !important;
        text-shadow: none !important;
    }

    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active) > .rr-nav-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.active, .is-active) > .rr-nav-toggle:is(:hover, :focus, :focus-visible) {
        color: var(--rr-lc-category-active, var(--rr-lc-category-text, var(--rr-lc-category-text-color, #ffffff))) !important;
        -webkit-text-fill-color: var(--rr-lc-category-active, var(--rr-lc-category-text, var(--rr-lc-category-text-color, #ffffff))) !important;
    }
}

/* Mobile/tablet drawer: restore expandable subcategories after desktop active fixes. */
@media (max-width: 1180px) {
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown {
        display: none !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.rr-open, .active, .is-active) > .rr-nav-dropdown,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.rr-open, .active, .is-active) > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown {
        display: block !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav.rr-mobile-user-opened .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.active, .is-active):not(.rr-open) > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav.rr-mobile-user-opened .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.active, .is-active):not(.rr-open) > .rr-nav-dropdown {
        display: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-sub-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-sub-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands > .rr-nav-brand-list {
        display: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands.rr-sub-open > .rr-nav-brand-list,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands:has(> .rr-nav-sub-toggle[aria-expanded="true"]) > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands.rr-sub-open > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card .rr-nav-category-group-has-brands:has(> .rr-nav-sub-toggle[aria-expanded="true"]) > .rr-nav-brand-list {
        display: block !important;
    }

    /* Mobile-only: brand-only categories should not show a duplicate self row. */
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-child-category-link,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-sub-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-child-category-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-sub-toggle {
        display: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.rr-open, .active, .is-active) > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-brand-list,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:is(.rr-open, .active, .is-active) > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown > .rr-nav-self-brand-group > .rr-nav-brand-list {
        display: block !important;
        padding: 0 0 0 18px !important;
    }

    /* Real child categories must remain visible on mobile even when there is only one child. */
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group) > .rr-nav-child-category-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group) > .rr-nav-child-category-link {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group) > .rr-nav-sub-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group) > .rr-nav-sub-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group):not(.rr-sub-open) > .rr-nav-brand-list,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group):not(:has(> .rr-nav-sub-toggle[aria-expanded="true"])) > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group):not(.rr-sub-open) > .rr-nav-brand-list,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item.rr-has-children > .rr-nav-dropdown > .rr-nav-category-group-has-brands:not(.rr-nav-self-brand-group):not(:has(> .rr-nav-sub-toggle[aria-expanded="true"])) > .rr-nav-brand-list {
        display: none !important;
    }
}

/* Mobile drawer: show top-level categories only. Subcategories stay available on desktop/tablet hover nav. */
@media (max-width: 1180px) {
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > .rr-nav-toggle,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > .rr-nav-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > .rr-nav-dropdown,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.rr-open, .active, .is-active) > .rr-nav-dropdown,
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:is(.rr-open, .active, .is-active) > .rr-nav-dropdown,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item:has(> .rr-nav-toggle[aria-expanded="true"]) > .rr-nav-dropdown {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav .rr-mobile-nav-category-card > .rr-nav-item > a.rr-mobile-category-parent-link {
        padding-right: 2px !important;
    }
}

/* Phone product cards: final price-to-cart spacing authority. */
@media (max-width: 768px) {
    html body:not(.admin) main #popular-products .product-grid > article.rr-central-product-card > .rr-mobile-product-add-form,
    html body:not(.admin) main #top-selling-products .product-grid > article.rr-central-product-card > .rr-mobile-product-add-form,
    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid > article.rr-central-product-card > .rr-mobile-product-add-form,
    html body:not(.admin) main .product-grid.storefront-product-row > article.rr-central-product-card > .rr-mobile-product-add-form,
    html body:not(.admin) main .rr-pd-page .rr-pd-related-grid.rr-central-products-grid > article.rr-central-product-card > .rr-mobile-product-add-form {
        margin-top: 10px !important;
    }
}

/* Category markup separation: never render the phone-only list on desktop/tablet. */
@media (min-width: 768px) {
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-main-category-nav-only,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-main-category-nav-only {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* On phones, hide the desktop mega-menu copy and show only flat category links. */
@media (max-width: 767px) {
    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-full-category-nav,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-full-category-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-main-category-nav-only,
    html body:is(#rr-primary-theme-authority, body):not(.admin) nav.rr-category-mega-nav.rr-dynamic-category-nav div.rr-mobile-nav-category-card.rr-main-category-nav-only {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}