/* Final mobile product-card containment and wishlist-state authority. */
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus,
html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:active {
    background: #fff !important;
    color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
    border-color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
}

/* RR_TABLET_PRODUCT_CARD_ADD_BUTTON_FINAL_AUTHORITY_V2: must stay at EOF. */
@media (min-width: 641px) and (max-width: 1180px) {
    html body:not(.admin) main article.rr-central-product-card {
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 16px 18px !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        translate: none !important;
        pointer-events: auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .shared-product-cart-btn,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: var(--rr-lc-primary, var(--rr-card-theme-accent, var(--products-accent, #f97316))) !important;
        background-image: none !important;
        color: var(--rr-lc-highlight-text, #ffffff) !important;
        box-shadow: 0 12px 24px color-mix(in srgb, var(--rr-lc-primary, var(--products-accent, #f97316)) 18%, transparent) !important;
        transform: none !important;
        translate: none !important;
        overflow: hidden !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 17px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        box-sizing: border-box !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .shared-product-cart-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .shared-product-cart-btn::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"]::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"]::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn > svg,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .shared-product-cart-btn > svg,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] > svg {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn > span,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .shared-product-cart-btn > span,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] > span {
        position: static !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transform: none !important;
        pointer-events: none !important;
    }
}

/* RR_TABLET_PRODUCT_CARD_ADD_BUTTON_CLEAN_V1 */
@media (min-width: 641px) and (max-width: 1180px) {
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        display: block !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        margin: 0 16px 18px !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn {
        position: relative !important;
        inset: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: var(--rr-lc-primary, var(--rr-card-theme-accent, var(--products-accent, #f97316))) !important;
        background-image: none !important;
        color: var(--rr-lc-highlight-text, #ffffff) !important;
        box-shadow: 0 14px 30px color-mix(in srgb, var(--rr-lc-primary, var(--products-accent, #f97316)) 18%, transparent) !important;
        transform: none !important;
        translate: none !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: 17px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        box-sizing: border-box !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn > svg,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn > svg {
        display: block !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        flex: 0 0 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: currentColor !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn > svg path,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn > svg path {
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn > span,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn > span {
        position: static !important;
        display: inline-block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: inherit !important;
        font: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn:hover,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn:hover {
        background: var(--rr-lc-secondary, var(--product-action-heading, #111827)) !important;
        background-image: none !important;
        color: var(--rr-lc-highlight-text, #ffffff) !important;
        transform: translateY(-1px) !important;
    }
}

/* RR_PRODUCT_CARD_MOBILE_LAYOUT_AUTHORITY_V2: must stay last. */
@media (max-width: 768px) {
    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid,
    html body:not(.admin) main .product-grid.storefront-product-row,
    html body:not(.admin) main #popular-products .product-grid,
    html body:not(.admin) main #top-selling-products .product-grid,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid {
        grid-auto-rows: auto !important;
        align-items: start !important;
    }

    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid > article.rr-central-product-card,
    html body:not(.admin) main .product-grid.storefront-product-row > article.rr-central-product-card,
    html body:not(.admin) main #popular-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main #top-selling-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid > article.rr-central-product-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-self: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-media {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body {
        position: relative !important;
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 104px !important;
        max-height: none !important;
        padding: 12px 12px 10px !important;
        gap: 5px !important;
        overflow: visible !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-brand,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title > a {
        display: -webkit-box !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        line-height: 1.15 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: calc(100% - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 8px 12px 12px !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        translate: none !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        cursor: pointer !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:hover,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:focus,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:active,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] {
        background: #fff !important;
        color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
        border-color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg {
        display: block !important;
        color: inherit !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg path {
        display: initial !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted svg path,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] svg path {
        fill: currentColor !important;
    }
}

/* RR_TABLET_PRODUCT_CARD_ADD_BUTTON_EOF_AUTHORITY_V3: actual last rule. */
@media (min-width: 641px) and (max-width: 1180px) {
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        display: block !important;
        position: relative !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 16px 18px !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: var(--rr-lc-primary, var(--rr-card-theme-accent, var(--products-accent, #f97316))) !important;
        background-image: none !important;
        color: var(--rr-lc-highlight-text, #ffffff) !important;
        box-shadow: 0 12px 24px color-mix(in srgb, var(--rr-lc-primary, var(--products-accent, #f97316)) 18%, transparent) !important;
        font-size: 17px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        transform: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"]::before,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"]::after,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn > svg,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn > svg,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] > svg {
        content: none !important;
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.rr-mobile-product-add-btn > span,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button.shared-product-cart-btn > span,
    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > button[type="submit"] > span {
        display: block !important;
        position: static !important;
        max-width: 100% !important;
        color: inherit !important;
        font: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transform: none !important;
    }
}

/* Last-resort authority for listing cards on phone/tablet widths. */
@media (max-width: 768px) {
    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid,
    html body:not(.admin) main .product-grid.storefront-product-row,
    html body:not(.admin) main #popular-products .product-grid,
    html body:not(.admin) main #top-selling-products .product-grid,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid {
        grid-auto-rows: auto !important;
        align-items: start !important;
    }

    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid > article.rr-central-product-card,
    html body:not(.admin) main .product-grid.storefront-product-row > article.rr-central-product-card,
    html body:not(.admin) main #popular-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main #top-selling-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid > article.rr-central-product-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-self: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-media {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body {
        position: relative !important;
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 96px !important;
        max-height: none !important;
        padding: 12px 12px 9px !important;
        gap: 5px !important;
        overflow: visible !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-brand,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title > a {
        display: -webkit-box !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        line-height: 1.15 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: calc(100% - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 8px 12px 12px !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        translate: none !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        cursor: pointer !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:hover,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:focus,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:active,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] {
        background: #fff !important;
        color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
        border-color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg * {
        display: block !important;
        color: inherit !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted svg *,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] svg * {
        fill: currentColor !important;
    }
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn svg {
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn svg path {
    display: initial !important;
    stroke: currentColor !important;
    fill: none !important;
}

html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted svg path {
    fill: currentColor !important;
}

@media (max-width: 640px) {
    html body:not(.admin) main .product-grid,
    html body:not(.admin) main .rr-central-products-grid {
        grid-auto-rows: auto !important;
        align-items: start !important;
    }

    html body:not(.admin) main article.rr-central-product-card {
        display: flex !important;
        flex-direction: column !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 86px !important;
        max-height: none !important;
        padding: 10px 10px 8px !important;
        gap: 4px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-brand,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        position: static !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title > a {
        display: -webkit-box !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 34px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        min-height: 18px !important;
        line-height: 1.15 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        position: relative !important;
        inset: auto !important;
        z-index: 2 !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: calc(100% - 16px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 2px 8px 8px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn,
    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted,
    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:focus,
    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn:active {
        background: #fff !important;
        color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
        border-color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .14) !important;
    }

    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn svg {
        display: block !important;
        width: 19px !important;
        height: 19px !important;
        fill: none !important;
        stroke: currentColor !important;
        overflow: visible !important;
    }

    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn svg path {
        display: initial !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main .rr-central-product-card .rr-central-product-actions .rr-wishlist-toggle-btn.is-wishlisted svg path {
        fill: currentColor !important;
    }
}

/* RR_PRODUCT_CARD_MOBILE_LAYOUT_AUTHORITY_V3: must stay last. */
@media (max-width: 1100px) {
    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid,
    html body:not(.admin) main .product-grid.storefront-product-row,
    html body:not(.admin) main #popular-products .product-grid,
    html body:not(.admin) main #top-selling-products .product-grid,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid {
        grid-auto-rows: auto !important;
        align-items: start !important;
    }

    html body:not(.admin) main .all-products-page .all-products-grid.rr-central-products-grid > article.rr-central-product-card,
    html body:not(.admin) main .product-grid.storefront-product-row > article.rr-central-product-card,
    html body:not(.admin) main #popular-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main #top-selling-products .product-grid > article.rr-central-product-card,
    html body:not(.admin) main .rr-pd-related-grid.rr-central-products-grid > article.rr-central-product-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-self: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-media {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body {
        position: relative !important;
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 104px !important;
        max-height: none !important;
        padding: 12px 12px 10px !important;
        gap: 5px !important;
        overflow: visible !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-brand,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title,
    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-title > a {
        display: -webkit-box !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-central-product-body > .rr-central-product-price {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        line-height: 1.15 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: calc(100% - 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 8px 12px 12px !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        translate: none !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    html body:not(.admin) main article.rr-central-product-card > .rr-mobile-product-add-form > .rr-mobile-product-add-btn {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        cursor: pointer !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:hover,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:focus,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn:active,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] {
        background: #fff !important;
        color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
        border-color: var(--rr-card-theme-accent, var(--products-accent, #f97316)) !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg {
        display: block !important;
        color: inherit !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn svg path {
        display: initial !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn.is-wishlisted svg path,
    html body:not(.admin) main article.rr-central-product-card .rr-wishlist-toggle-btn[aria-pressed="true"] svg path {
        fill: currentColor !important;
    }
}