/**
 * کامپوننت کارت و کروسل محصول
 * منبع واحد برای:
 * - محصولات مرتبط در صفحه محصول
 * - محصولات مرتبط در صفحه سبد خرید
 *
 * پوسته و حرکت هر سه context توسط product-carousel-settings.css و موتور
 * مشترک shortcode-widgets.js کنترل می‌شود؛ ظاهر کارت همچنان در این فایل است.
 *
 * نکته: صفحه شاپ از این فایل استفاده نمی‌کند و کارت اختصاصی خودش را دارد.
 */

/* ==========================================================================
   01. متغیرهای کامپوننت
   ========================================================================== */
:root {
    --rp-product-carousel-gap: 16px;
    --rp-product-card-border: #eef1f4;
    --rp-product-card-bg: #fff;
    --rp-product-card-text: #111820;
    --rp-product-card-muted: #6b7280;
    --rp-product-card-red: #ff4d4f;
    --rp-product-card-plus: #ff5722;
    --rp-product-card-plus-disabled: #d7cecb;
    --rp-product-card-plus-loading: #ff5722;

    --rp-product-carousel-dot-size: 9px;
    --rp-product-carousel-dot-inactive-width: var(--rp-product-carousel-dot-size);
    --rp-product-carousel-dot-active-width: 18px;
    --rp-product-carousel-dot-container-height: 18px;
    --rp-product-carousel-dot-bg: #e1e7ed;
    --rp-product-carousel-dot-active-bg: #111820;
    --rp-product-carousel-dot-gap: 6px;
    --rp-product-carousel-dot-margin-top: 14px;
}

/* ==========================================================================
   02. بدنه مشترک کروسل
   ========================================================================== */
body.single-product .rp-product-carousel,
body.woocommerce-cart .rp-product-carousel,
body.single-product .rp-single-related-carousel,
body.woocommerce-cart .rp-cart-related-carousel {
    width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}



body.woocommerce-cart .rp-product-carousel--cart-related,
body.woocommerce-cart .rp-cart-related-carousel {
    margin-top: 20px !important;
}

/* هدر کروسل */
body.single-product .rp-single-related-head,
body.woocommerce-cart .rp-cart-related-head,
body.woocommerce-cart .rp-single-related-head {
    margin: 0 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: rtl !important;
}

body.single-product .rp-single-related-head h2,
body.woocommerce-cart .rp-cart-related-head h2,
body.woocommerce-cart .rp-single-related-head h2 {
    margin: 0 !important;
    color: var(--rp-product-card-text) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.8 !important;
    text-align: right !important;
}

/* پوسته و viewport */
body.single-product .rp-single-related-shell,
body.woocommerce-cart .rp-cart-related-shell,
body.woocommerce-cart .rp-single-related-shell {
    position: relative !important;
    width: 100% !important;
    direction: rtl !important;
}

body.single-product .rp-single-related-viewport,
body.woocommerce-cart .rp-cart-related-viewport,
body.woocommerce-cart .rp-single-related-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
    box-sizing: border-box !important;
}

body.single-product .rp-single-related-viewport::-webkit-scrollbar,
body.woocommerce-cart .rp-cart-related-viewport::-webkit-scrollbar,
body.woocommerce-cart .rp-single-related-viewport::-webkit-scrollbar {
    display: none !important;
}

/* track */
body.single-product .rp-single-related-track,
body.woocommerce-cart .rp-cart-related-track,
body.woocommerce-cart .rp-single-related-track {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--rp-product-carousel-gap) !important;
    direction: rtl !important;
    scroll-snap-type: x proximity !important;
    transform: none !important;
    transition: none !important;
}

/* آیتم‌های کروسل */
body.single-product .rp-single-related-track > li.product,
body.woocommerce-cart .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-single-related-track > li.product {
    flex: 0 0 var(--rp-related-desktop-basis) !important;
    width: var(--rp-related-desktop-basis) !important;
    min-width: var(--rp-related-desktop-basis) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    scroll-snap-align: start !important;
    direction: rtl !important;
}



/* فلش‌های کروسل */
body.single-product .rp-single-related-arrow,
body.woocommerce-cart .rp-cart-related-arrow,
body.woocommerce-cart .rp-single-related-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 20 !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid #e8ecef !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--rp-product-card-text) !important;
    box-shadow: 0 10px 28px rgba(17, 24, 32, .08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
}

body.single-product .rp-single-related-arrow-prev,
body.woocommerce-cart .rp-cart-related-arrow-prev {
    right: -18px !important;
}

body.single-product .rp-single-related-arrow-next,
body.woocommerce-cart .rp-cart-related-arrow-next {
    left: -18px !important;
}

/* pagination محصولات مرتبط؛ در دسکتاپ مخفی، در موبایل مثل «نیازت میشه» */
body.single-product .rp-single-related-dots,
body.woocommerce-cart .rp-cart-related-dots {
    display: none !important;
}

body.single-product .rp-single-related-dot,
body.woocommerce-cart .rp-cart-related-dot {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
}

body.single-product .rp-single-related-dot::before,
body.single-product .rp-single-related-dot::after,
body.woocommerce-cart .rp-cart-related-dot::before,
body.woocommerce-cart .rp-cart-related-dot::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 900px) {
    body.single-product .rp-single-related-dots,
    body.woocommerce-cart .rp-cart-related-dots {
        width: 100% !important;
        min-height: var(--rp-product-carousel-dot-container-height) !important;
        height: var(--rp-product-carousel-dot-container-height) !important;
        margin: var(--rp-product-carousel-dot-margin-top) auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--rp-product-carousel-dot-gap) !important;
        direction: rtl !important;
        text-align: center !important;
        line-height: 0 !important;
        font-size: 0 !important;
        overflow: visible !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.single-product .rp-single-related-dot,
    body.woocommerce-cart .rp-cart-related-dot {
        display: block !important;
        flex: 0 0 var(--rp-product-carousel-dot-inactive-width) !important;
        width: var(--rp-product-carousel-dot-inactive-width) !important;
        min-width: var(--rp-product-carousel-dot-inactive-width) !important;
        max-width: var(--rp-product-carousel-dot-inactive-width) !important;
        height: var(--rp-product-carousel-dot-size) !important;
        min-height: var(--rp-product-carousel-dot-size) !important;
        max-height: var(--rp-product-carousel-dot-size) !important;
        border-radius: 999px !important;
        background: var(--rp-product-carousel-dot-bg) !important;
        opacity: 1 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;
        transition: flex-basis .18s ease, width .18s ease, min-width .18s ease, max-width .18s ease, background-color .18s ease, opacity .18s ease !important;
    }

    body.single-product .rp-single-related-dot.is-active,
    body.single-product .rp-single-related-dot[aria-current="true"],
    body.woocommerce-cart .rp-cart-related-dot.is-active,
    body.woocommerce-cart .rp-cart-related-dot[aria-current="true"] {
        flex-basis: var(--rp-product-carousel-dot-active-width) !important;
        width: var(--rp-product-carousel-dot-active-width) !important;
        min-width: var(--rp-product-carousel-dot-active-width) !important;
        max-width: var(--rp-product-carousel-dot-active-width) !important;
        background: var(--rp-product-carousel-dot-active-bg) !important;
    }
}

/* ==========================================================================
   03. کارت محصول مشترک
   ========================================================================== */
body.single-product .rp-product-card-component,
body.woocommerce-cart .rp-product-card-component {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
    direction: rtl !important;
    font-family: var(--rp-font, inherit) !important;
    box-sizing: border-box !important;
}

body.single-product .rp-product-card-component .rp-shop-card-mobile,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-mobile {
    display: none !important;
}

body.single-product .rp-product-card-component .rp-shop-card-desktop,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-desktop {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

body.single-product .rp-product-card-component .rp-shop-card-inner,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-inner {
    position: relative !important;
    width: 100% !important;
    min-height: 280px !important;
    height: auto !important;
    padding: 20px !important;
    border: 1px solid var(--rp-product-card-border) !important;
    border-radius: 14px !important;
    background: var(--rp-product-card-bg) !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    direction: rtl !important;
}

/* مواردی که در کارت کروسل نمایش نمی‌دهیم */
body.single-product .rp-product-card-component .onsale,
body.woocommerce-cart .rp-product-card-component .onsale,
body.single-product .rp-product-card-component .rp-card-compare,
body.woocommerce-cart .rp-product-card-component .rp-card-compare,
body.single-product .rp-product-card-component .rp-product-compare-btn,
body.woocommerce-cart .rp-product-card-component .rp-product-compare-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* ==========================================================================
   04. تصویر، عنوان و لینک
   ========================================================================== */
body.single-product .rp-product-card-component .rp-shop-card-link,
body.single-product .rp-product-card-component .rp-card-link,
body.single-product .rp-product-card-component .woocommerce-LoopProduct-link,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-link,
body.woocommerce-cart .rp-product-card-component .rp-card-link,
body.woocommerce-cart .rp-product-card-component .woocommerce-LoopProduct-link {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

body.single-product .rp-product-card-component .rp-card-media,
body.single-product .rp-product-card-component .rp-mobile-card-media,
body.woocommerce-cart .rp-product-card-component .rp-card-media,
body.woocommerce-cart .rp-product-card-component .rp-mobile-card-media {
    width: 138px !important;
    min-width: 138px !important;
    height: 138px !important;
    min-height: 138px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.single-product .rp-product-card-component .rp-card-media img,
body.single-product .rp-product-card-component .rp-mobile-card-media img,
body.woocommerce-cart .rp-product-card-component .rp-card-media img,
body.woocommerce-cart .rp-product-card-component .rp-mobile-card-media img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

body.single-product .rp-product-card-component .rp-card-title,
body.single-product .rp-product-card-component .woocommerce-loop-product__title,
body.woocommerce-cart .rp-product-card-component .rp-card-title,
body.woocommerce-cart .rp-product-card-component .woocommerce-loop-product__title {
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--rp-product-card-text) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.75 !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* ==========================================================================
   05. رنگ‌ها و دکمه افزودن
   ========================================================================== */
body.single-product .rp-product-card-component .rp-shop-card-actions,
body.single-product .rp-product-card-component .rp-card-actions,
body.single-product .rp-product-card-component .rp-mobile-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-mobile-card-actions {
    position: relative !important;
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: auto 0 10px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    z-index: 8 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

body.single-product .rp-product-card-component .rp-card-actions--simple,
body.single-product .rp-product-card-component .rp-shop-card-actions--simple,
body.woocommerce-cart .rp-product-card-component .rp-card-actions--simple,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-actions--simple {
    justify-content: flex-end !important;
}

body.single-product .rp-product-card-component .rp-card-swatches,
body.single-product .rp-product-card-component .rp-shop-card-swatches,
body.woocommerce-cart .rp-product-card-component .rp-card-swatches,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-swatches {
    order: 1 !important;
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

body.single-product .rp-product-card-component .rp-card-swatch,
body.single-product .rp-product-card-component .rp-shop-swatch,
body.woocommerce-cart .rp-product-card-component .rp-card-swatch,
body.woocommerce-cart .rp-product-card-component .rp-shop-swatch {
    position: relative !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid var(--swatch-color, rgba(17, 24, 32, .22)) !important;
    outline: 0 !important;
    background-color: var(--swatch-color, #d6dadd) !important;
    background-image: var(--swatch-image, none) !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 0 2px #fff, 0 2px 7px rgba(17, 24, 32, .10) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

body.single-product .rp-product-card-component .rp-card-swatch.is-active,
body.single-product .rp-product-card-component .rp-shop-swatch.is-active,
body.single-product .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
body.single-product .rp-product-card-component .rp-shop-swatch[aria-pressed="true"],
body.woocommerce-cart .rp-product-card-component .rp-card-swatch.is-active,
body.woocommerce-cart .rp-product-card-component .rp-shop-swatch.is-active,
body.woocommerce-cart .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
body.woocommerce-cart .rp-product-card-component .rp-shop-swatch[aria-pressed="true"] {
    outline: 0 !important;
    border-color: var(--swatch-color, #111820) !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(17, 24, 32, .16) !important;
}

body.single-product .rp-product-card-component .rp-card-swatch.is-active::after,
body.single-product .rp-product-card-component .rp-shop-swatch.is-active::after,
body.single-product .rp-product-card-component .rp-card-swatch[aria-pressed="true"]::after,
body.single-product .rp-product-card-component .rp-shop-swatch[aria-pressed="true"]::after,
body.woocommerce-cart .rp-product-card-component .rp-card-swatch.is-active::after,
body.woocommerce-cart .rp-product-card-component .rp-shop-swatch.is-active::after,
body.woocommerce-cart .rp-product-card-component .rp-card-swatch[aria-pressed="true"]::after,
body.woocommerce-cart .rp-product-card-component .rp-shop-swatch[aria-pressed="true"]::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .65) !important;
    border-radius: 50% !important;
}

/* دکمه مثبت */
body.single-product .rp-product-card-component .rp-card-add,
body.single-product .rp-product-card-component .rp-product-quick-add,
body.woocommerce-cart .rp-product-card-component .rp-card-add,
body.woocommerce-cart .rp-product-card-component .rp-product-quick-add {
    order: 2 !important;
    position: relative !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--rp-product-card-plus) !important;
    background-color: var(--rp-product-card-plus) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    box-shadow: none !important;
}

body.single-product .rp-product-card-component .rp-card-add.is-needs-choice:not(.is-ready),
body.single-product .rp-product-card-component .rp-product-quick-add.is-needs-choice:not(.is-ready),
body.woocommerce-cart .rp-product-card-component .rp-card-add.is-needs-choice:not(.is-ready),
body.woocommerce-cart .rp-product-card-component .rp-product-quick-add.is-needs-choice:not(.is-ready) {
    background: var(--rp-product-card-plus-disabled) !important;
    background-color: var(--rp-product-card-plus-disabled) !important;
}

body.single-product .rp-product-card-component .rp-card-add span,
body.single-product .rp-product-card-component .rp-product-quick-add span,
body.woocommerce-cart .rp-product-card-component .rp-card-add span,
body.woocommerce-cart .rp-product-card-component .rp-product-quick-add span {
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(2px) !important;
}

/* loading دکمه مثبت */
body.single-product .rp-product-card-component [data-rp-quick-add].is-loading,
body.single-product .rp-product-card-component [data-rp-quick-add][aria-busy="true"],
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add].is-loading,
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add][aria-busy="true"] {
    background: var(--rp-product-card-plus-loading) !important;
    background-color: var(--rp-product-card-plus-loading) !important;
    color: transparent !important;
}

body.single-product .rp-product-card-component [data-rp-quick-add].is-loading > span,
body.single-product .rp-product-card-component [data-rp-quick-add][aria-busy="true"] > span,
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add].is-loading > span,
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add][aria-busy="true"] > span {
    opacity: 0 !important;
}

body.single-product .rp-product-card-component [data-rp-quick-add].is-loading::after,
body.single-product .rp-product-card-component [data-rp-quick-add][aria-busy="true"]::after,
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add].is-loading::after,
body.woocommerce-cart .rp-product-card-component [data-rp-quick-add][aria-busy="true"]::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 12px !important;
    margin: -6px 0 0 -6px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 87, 34, .28) !important;
    border-top-color: var(--rp-quick-add-spinner-color, #ff5722) !important;
    background: transparent !important;
    animation: rpPlusButtonSpin .72s linear infinite !important;
}

/* ==========================================================================
   06. قیمت
   ========================================================================== */
body.single-product .rp-product-card-component .rp-shop-card-footer,
body.single-product .rp-product-card-component .rp-card-footer,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-footer,
body.woocommerce-cart .rp-product-card-component .rp-card-footer {
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 4 !important;
}

body.single-product .rp-product-card-component .rp-card-price-wrap,
body.single-product .rp-product-card-component .rp-shop-card-price-wrap,
body.woocommerce-cart .rp-product-card-component .rp-card-price-wrap,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-wrap {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: left !important;
}

body.single-product .rp-product-card-component .rp-card-price,
body.single-product .rp-product-card-component .rp-shop-card-price,
body.woocommerce-cart .rp-product-card-component .rp-card-price,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
}

body.single-product .rp-product-card-component .rp-card-price-values,
body.single-product .rp-product-card-component .rp-shop-card-price-values,
body.woocommerce-cart .rp-product-card-component .rp-card-price-values,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-values {
    order: 1 !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
}

body.single-product .rp-product-card-component .rp-card-price-final,
body.single-product .rp-product-card-component .rp-shop-card-price-final,
body.single-product .rp-product-card-component .rp-card-price-final .amount,
body.single-product .rp-product-card-component .rp-card-price-final bdi,
body.single-product .rp-product-card-component .rp-shop-card-price-final .amount,
body.single-product .rp-product-card-component .rp-shop-card-price-final bdi,
body.single-product .rp-product-card-component .rp-card-price-final *,
body.single-product .rp-product-card-component .rp-shop-card-price-final *,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final .amount,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final bdi,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final .amount,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final bdi,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final *,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final * {
    color: var(--rp-product-card-text) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body.single-product .rp-product-card-component .rp-card-price-before,
body.single-product .rp-product-card-component .rp-shop-card-price-before,
body.single-product .rp-product-card-component .rp-shop-card-price-before-discount,
body.single-product .rp-product-card-component .rp-card-price-before *,
body.single-product .rp-product-card-component .rp-shop-card-price-before *,
body.single-product .rp-product-card-component .rp-shop-card-price-before-discount *,
body.woocommerce-cart .rp-product-card-component .rp-card-price-before,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-before,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-before-discount,
body.woocommerce-cart .rp-product-card-component .rp-card-price-before *,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-before *,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-before-discount * {
    color: var(--rp-product-card-red) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: line-through !important;
    text-decoration-color: var(--rp-product-card-red) !important;
    text-decoration-thickness: 1px !important;
}

body.single-product .rp-product-card-component .rp-card-currency,
body.single-product .rp-product-card-component .rp-shop-card-currency,
body.single-product .rp-product-card-component .woocommerce-Price-currencySymbol,
body.woocommerce-cart .rp-product-card-component .rp-card-currency,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-currency,
body.woocommerce-cart .rp-product-card-component .woocommerce-Price-currencySymbol {
    color: var(--rp-product-card-text) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* ==========================================================================
   07. موبایل
   ========================================================================== */
@media (max-width: 900px) {
    body.single-product .rp-single-related-track > li.product,
body.woocommerce-cart .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-related-mobile-basis) !important;
        width: var(--rp-related-mobile-basis) !important;
        min-width: var(--rp-related-mobile-basis) !important;
        max-width: none !important;
    }

    

    

    body.single-product .rp-single-related-track,
body.woocommerce-cart .rp-cart-related-track,
body.woocommerce-cart .rp-single-related-track {
        direction: ltr !important;
        padding: 0 2px 10px !important;
    }

    body.single-product .rp-product-card-component .rp-shop-card-inner,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-inner {
        min-height: 300px !important;
        max-height: 325px !important;
        padding: 20px !important;
    }

    body.single-product .rp-product-card-component .rp-shop-card-actions,
body.single-product .rp-product-card-component .rp-card-actions,
body.single-product .rp-product-card-component .rp-mobile-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-card-actions,
body.woocommerce-cart .rp-product-card-component .rp-mobile-card-actions {
        position: absolute !important;
        right: 15px !important;
        left: 0 !important;
        bottom: 55px !important;
        width: 90% !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    body.single-product .rp-product-card-component .rp-shop-card-footer,
body.single-product .rp-product-card-component .rp-card-footer,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-footer,
body.woocommerce-cart .rp-product-card-component .rp-card-footer {
        position: absolute !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 16px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 20px !important;
    }

    body.single-product .rp-product-card-component .rp-card-add,
body.single-product .rp-product-card-component .rp-product-quick-add,
body.woocommerce-cart .rp-product-card-component .rp-card-add,
body.woocommerce-cart .rp-product-card-component .rp-product-quick-add {
        position: absolute !important;
        left: 178px !important;
        right: auto !important;
        bottom: 0 !important;
        flex: 0 0 25px !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
    }

    body.single-product .rp-single-related-arrow,
body.woocommerce-cart .rp-cart-related-arrow,
body.woocommerce-cart .rp-single-related-arrow {
        display: none !important;
    }
}

/* ==========================================================================
   08. تبلت و دسکتاپ
   ========================================================================== */
@media (min-width: 901px) and (max-width: 1199px) {
    body.single-product .rp-single-related-track > li.product,
body.woocommerce-cart .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-related-tablet-basis) !important;
        width: var(--rp-related-tablet-basis) !important;
        min-width: var(--rp-related-tablet-basis) !important;
    }
}

/* دسکتاپ: «نیازت میشه» داخل ستون کناری باید عرض کامل ستون را بگیرد. */


/* ==========================================================================
   10. ناوبری و اسکرول روان کروسل محصول
   --------------------------------------------------------------------------
   فلش‌های کروسل حذف می‌شوند و pagination خطی/نقطه‌ای مرجع کنترل است.
   حرکت کروسل بر پایه scroll native است تا flicker ناشی از transform حذف شود.
   ========================================================================== */

/* فلش‌ها در کامپوننت محصول استفاده نمی‌شوند. */
body.single-product .rp-product-carousel .rp-single-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow,
body.single-product .rp-single-related-arrow,
body.woocommerce-cart .rp-cart-related-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* track باید با scroll حرکت کند، نه transform. */
body.single-product .rp-product-carousel .rp-single-related-track,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    will-change: scroll-position !important;
    backface-visibility: hidden !important;
}

/* viewport روان و بدون scrollbar نمایشی */
body.single-product .rp-product-carousel .rp-single-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-single-related-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    contain: paint !important;
}

body.single-product .rp-product-carousel .rp-single-related-viewport::-webkit-scrollbar,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-viewport::-webkit-scrollbar,
body.woocommerce-cart .rp-product-carousel .rp-single-related-viewport::-webkit-scrollbar {
    display: none !important;
}

/* اسلایدها در scroll native ثابت و بدون shrink باشند. */
body.single-product .rp-product-carousel .rp-single-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product {
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
}

/* pagination نیازت میشه وسط‌چین */






/* دسکتاپ: viewport نیازت میشه هم برنامه‌ای scroll شود؛ فلش لازم نیست. */


/* ==========================================================================
   11. موبایل یکسان + فلش دسکتاپ روی hover
   --------------------------------------------------------------------------
   عرض کارت‌های موبایل برای نیازت میشه و محصولات مرتبط یکسان شد.
   در دسکتاپ فلش‌های کروسل فقط هنگام hover/focus نمایش داده می‌شوند.
   ========================================================================== */
:root {
    --rp-product-carousel-mobile-card-width: clamp(240px, 58vw, 340px);
}

/* موبایل: همه کروسل‌های محصول عرض یکسان بگیرند. */
@media (max-width: 900px) {
    body.single-product .rp-product-carousel,
body.woocommerce-cart .rp-product-carousel,
body.single-product .rp-single-related-carousel,
body.woocommerce-cart .rp-cart-related-carousel {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-single-related-viewport {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 0 !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-track,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        gap: 16px !important;
        padding: 0 2px 10px !important;
        direction: ltr !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    

    

    
}

/* دسکتاپ: فلش‌ها فقط موقع hover/focus دیده شوند. */
@media (min-width: 901px) {
    body.single-product .rp-product-carousel,
body.woocommerce-cart .rp-product-carousel {
        position: relative !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow,
body.single-product .rp-single-related-arrow,
body.woocommerce-cart .rp-cart-related-arrow {
        position: absolute !important;
        top: 50% !important;
        z-index: 30 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e8ecef !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: #111820 !important;
        box-shadow: 0 10px 28px rgba(17, 24, 32, .10) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-50%) scale(.96) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease, color .18s ease !important;
    }

    body.single-product .rp-product-carousel:hover .rp-single-related-arrow,
body.single-product .rp-product-carousel:focus-within .rp-single-related-arrow,
body.woocommerce-cart .rp-product-carousel:hover .rp-cart-related-arrow,
body.woocommerce-cart .rp-product-carousel:focus-within .rp-cart-related-arrow,
body.woocommerce-cart .rp-product-carousel:hover .rp-single-related-arrow,
body.woocommerce-cart .rp-product-carousel:focus-within .rp-single-related-arrow {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(-50%) scale(1) !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow:hover,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow:hover,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow:hover {
        background: #111820 !important;
        color: #fff !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-prev,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-prev,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-prev {
        right: -18px !important;
        left: auto !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-next,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-next,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-next {
        left: -18px !important;
        right: auto !important;
    }
}

/* ==========================================================================
   12. اصلاح عرض محصولات مرتبط موبایل
   --------------------------------------------------------------------------
   کارت «محصولات مرتبط» خودش li.product است؛ بنابراین نباید مثل کارت داخل
   اسلاید «نیازت میشه» width:100% بگیرد. اینجا عرض کارت مرتبط دوباره به
   مقدار کنترل‌شده کامپوننت برمی‌گردد.
   ========================================================================== */
@media (max-width: 900px) {
    body.single-product .rp-product-carousel .rp-single-related-track,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 16px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-track > li.product,
body.single-product .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        flex: 0 0 var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
        box-sizing: border-box !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component .rp-shop-card-inner,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component .rp-shop-card-inner,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component .rp-shop-card-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-viewport,
body.woocommerce-cart .rp-product-carousel .rp-single-related-viewport {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   13. اصلاح فلش‌ها و رفتار کارت مرتبط
   --------------------------------------------------------------------------
   فلش‌های دسکتاپ باید آیکن داشته باشند؛ کارت محصولات مرتبط هم نباید
   از استایل اختصاصی «نیازت میشه» اثر بگیرد.
   ========================================================================== */
@media (min-width: 901px) {
    body.single-product .rp-product-carousel .rp-single-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow {
        font-size: 0 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow::before {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: currentColor !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-prev::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-prev::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-prev::before {
        content: "‹" !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-next::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-next::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-next::before {
        content: "›" !important;
    }
}

/* کارت مرتبط: عرض کنترل‌شده، نه کش‌آمده. */
@media (max-width: 900px) {
    body.single-product .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
body.woocommerce-cart .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        flex-basis: var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
    }
}

/* ==========================================================================
   14. آیکن SVG دکمه‌های محصولات مرتبط
   --------------------------------------------------------------------------
   دکمه‌های ناوبری محصولات مرتبط از SVG اختصاصی استفاده می‌کنند.
   این بخش روی «نیازت میشه» اثر ندارد؛ آن بخش CSS مستقل خودش را دارد.
   ========================================================================== */
@media (min-width: 901px) {
    body.single-product .rp-product-carousel .rp-single-related-arrow::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow::before {
        content: "" !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        display: inline-block !important;
        background-image: url("../../icons/arrow-right.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-prev::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-prev::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-prev::before {
        background-image: url("../../icons/arrow-right.svg") !important;
        transform: none !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow-next::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow-next::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow-next::before {
        background-image: url("../../icons/arrow-left.svg") !important;
        transform: none !important;
    }

    body.single-product .rp-product-carousel .rp-single-related-arrow:hover::before,
body.woocommerce-cart .rp-product-carousel .rp-cart-related-arrow:hover::before,
body.woocommerce-cart .rp-product-carousel .rp-single-related-arrow:hover::before {
        filter: brightness(0) invert(1) !important;
    }
}

/* cart page final override: related carousel starts after the floated cart table and totals. */
body.woocommerce-cart .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

body.woocommerce-cart #rp-cart-related-products,
body.woocommerce-cart .rp-product-carousel--cart-related,
body.woocommerce-cart .rp-cart-related-carousel,
body.woocommerce-cart .rp-single-related-carousel.rp-cart-related-carousel {
    clear: both !important;
    float: none !important;
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin: 56px auto 0 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart #rp-cart-related-products .rp-cart-related-head,
body.woocommerce-cart #rp-cart-related-products .rp-single-related-head,
body.woocommerce-cart .rp-cart-related-head,
body.woocommerce-cart .rp-single-related-head {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}


/* v0.1.416: موبایل صفحه سبد خرید؛ کروسل محصولات مرتبط باید از سمت راست شروع شود. */
@media (max-width: 900px) {
    body.woocommerce-cart #rp-cart-related-products,
    body.woocommerce-cart #rp-cart-related-products .rp-cart-related-shell,
    body.woocommerce-cart #rp-cart-related-products .rp-cart-related-viewport,
    body.woocommerce-cart #rp-cart-related-products .rp-cart-related-track,
    body.woocommerce-cart .rp-product-carousel--cart-related,
    body.woocommerce-cart .rp-cart-related-carousel,
    body.woocommerce-cart .rp-cart-related-shell,
    body.woocommerce-cart .rp-cart-related-viewport,
    body.woocommerce-cart .rp-cart-related-track {
        direction: rtl !important;
    }

    body.woocommerce-cart #rp-cart-related-products .rp-cart-related-track,
    body.woocommerce-cart .rp-cart-related-carousel .rp-cart-related-track {
        justify-content: flex-start !important;
    }

    body.woocommerce-cart #rp-cart-related-products .rp-cart-related-track > li.product,
    body.woocommerce-cart .rp-cart-related-carousel .rp-cart-related-track > li.product,
    body.woocommerce-cart .rp-cart-related-carousel .rp-cart-related-track > li.product.rp-product-card-component {
        direction: rtl !important;
        scroll-snap-align: start !important;
    }
}

/* v0.1.415: compact discount badge position for related/product carousel cards */
body.single-product .rp-product-card-component .rp-shop-card-discount-badge.rp-card-discount-badge,
body.single-product .rp-product-card-component .rp-card-discount-badge,
body.single-product .rp-product-carousel .rp-shop-card-discount-badge.rp-card-discount-badge,
body.single-product .rp-product-carousel .rp-card-discount-badge,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-discount-badge.rp-card-discount-badge,
body.woocommerce-cart .rp-product-card-component .rp-card-discount-badge,
body.woocommerce-cart .rp-product-carousel .rp-shop-card-discount-badge.rp-card-discount-badge,
body.woocommerce-cart .rp-product-carousel .rp-card-discount-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    text-align: center !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    background: #ff5a4f !important;
    background-color: #ff5a4f !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 9 !important;
}

/* v0.1.415: ensure discount badge position is visible on single product related carousel cards */
body.single-product #rp-single-related-products .rp-product-card-component--single-related .rp-shop-card-discount-badge.rp-card-discount-badge,
body.single-product #rp-single-related-products .rp-product-card-component--single-related .rp-card-discount-badge,
body.single-product .rp-single-related-carousel .rp-product-card-component--single-related .rp-shop-card-discount-badge.rp-card-discount-badge,
body.single-product .rp-single-related-carousel .rp-product-card-component--single-related .rp-card-discount-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    text-align: center !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    background: #ff5a4f !important;
    background-color: #ff5a4f !important;
    color: #fff !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: 9 !important;
}



/* ==========================================================================
   Shortcode product widgets reuse the related-products card component
   ========================================================================== */
/**
 * کامپوننت کارت و کروسل محصول
 * منبع واحد برای:
 * - محصولات مرتبط در صفحه محصول
 * - محصولات مرتبط در صفحه سبد خرید
 *
 * پوسته و حرکت هر سه context توسط product-carousel-settings.css و موتور
 * مشترک shortcode-widgets.js کنترل می‌شود؛ ظاهر کارت همچنان در این فایل است.
 *
 * نکته: صفحه شاپ از این فایل استفاده نمی‌کند و کارت اختصاصی خودش را دارد.
 */

/* ==========================================================================
   01. متغیرهای کامپوننت
   ========================================================================== */
:root {
    --rp-product-carousel-gap: 16px;
    --rp-product-card-border: #eef1f4;
    --rp-product-card-bg: #fff;
    --rp-product-card-text: #111820;
    --rp-product-card-muted: #6b7280;
    --rp-product-card-red: #ff4d4f;
    --rp-product-card-plus: #ff5722;
    --rp-product-card-plus-disabled: #d7cecb;
    --rp-product-card-plus-loading: #ff5722;

    --rp-product-carousel-dot-size: 9px;
    --rp-product-carousel-dot-inactive-width: var(--rp-product-carousel-dot-size);
    --rp-product-carousel-dot-active-width: 18px;
    --rp-product-carousel-dot-container-height: 18px;
    --rp-product-carousel-dot-bg: #e1e7ed;
    --rp-product-carousel-dot-active-bg: #111820;
    --rp-product-carousel-dot-gap: 6px;
    --rp-product-carousel-dot-margin-top: 14px;
}

/* ==========================================================================
   02. بدنه مشترک کروسل
   ========================================================================== */
.rp-widget-products .rp-product-carousel,
.rp-widget-products .rp-product-carousel,
.rp-widget-products .rp-single-related-carousel,
.rp-widget-products .rp-cart-related-carousel {
    width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}



.rp-widget-products .rp-product-carousel--cart-related,
.rp-widget-products .rp-cart-related-carousel {
    margin-top: 20px !important;
}

/* هدر کروسل */
.rp-widget-products .rp-single-related-head,
.rp-widget-products .rp-cart-related-head,
.rp-widget-products .rp-single-related-head {
    margin: 0 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: rtl !important;
}

.rp-widget-products .rp-single-related-head h2,
.rp-widget-products .rp-cart-related-head h2,
.rp-widget-products .rp-single-related-head h2 {
    margin: 0 !important;
    color: var(--rp-product-card-text) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.8 !important;
    text-align: right !important;
}

/* پوسته و viewport */
.rp-widget-products .rp-single-related-shell,
.rp-widget-products .rp-cart-related-shell,
.rp-widget-products .rp-single-related-shell {
    position: relative !important;
    width: 100% !important;
    direction: rtl !important;
}

.rp-widget-products .rp-single-related-viewport,
.rp-widget-products .rp-cart-related-viewport,
.rp-widget-products .rp-single-related-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
    box-sizing: border-box !important;
}

.rp-widget-products .rp-single-related-viewport::-webkit-scrollbar,
.rp-widget-products .rp-cart-related-viewport::-webkit-scrollbar,
.rp-widget-products .rp-single-related-viewport::-webkit-scrollbar {
    display: none !important;
}

/* track */
.rp-widget-products .rp-single-related-track,
.rp-widget-products .rp-cart-related-track,
.rp-widget-products .rp-single-related-track {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--rp-product-carousel-gap) !important;
    direction: rtl !important;
    scroll-snap-type: x proximity !important;
    transform: none !important;
    transition: none !important;
}

/* آیتم‌های کروسل */
.rp-widget-products .rp-single-related-track > li.product,
.rp-widget-products .rp-cart-related-track > li.product,
.rp-widget-products .rp-single-related-track > li.product {
    flex: 0 0 var(--rp-related-desktop-basis) !important;
    width: var(--rp-related-desktop-basis) !important;
    min-width: var(--rp-related-desktop-basis) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    scroll-snap-align: start !important;
    direction: rtl !important;
}



/* فلش‌های کروسل */
.rp-widget-products .rp-single-related-arrow,
.rp-widget-products .rp-cart-related-arrow,
.rp-widget-products .rp-single-related-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 20 !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid #e8ecef !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--rp-product-card-text) !important;
    box-shadow: 0 10px 28px rgba(17, 24, 32, .08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
}

.rp-widget-products .rp-single-related-arrow-prev,
.rp-widget-products .rp-cart-related-arrow-prev {
    right: -18px !important;
}

.rp-widget-products .rp-single-related-arrow-next,
.rp-widget-products .rp-cart-related-arrow-next {
    left: -18px !important;
}

/* pagination محصولات مرتبط؛ در دسکتاپ مخفی، در موبایل مثل «نیازت میشه» */
.rp-widget-products .rp-single-related-dots,
.rp-widget-products .rp-cart-related-dots {
    display: none !important;
}

.rp-widget-products .rp-single-related-dot,
.rp-widget-products .rp-cart-related-dot {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
}

.rp-widget-products .rp-single-related-dot::before,
.rp-widget-products .rp-single-related-dot::after,
.rp-widget-products .rp-cart-related-dot::before,
.rp-widget-products .rp-cart-related-dot::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 900px) {
    .rp-widget-products .rp-single-related-dots,
    .rp-widget-products .rp-cart-related-dots {
        width: 100% !important;
        min-height: var(--rp-product-carousel-dot-container-height) !important;
        height: var(--rp-product-carousel-dot-container-height) !important;
        margin: var(--rp-product-carousel-dot-margin-top) auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--rp-product-carousel-dot-gap) !important;
        direction: rtl !important;
        text-align: center !important;
        line-height: 0 !important;
        font-size: 0 !important;
        overflow: visible !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .rp-widget-products .rp-single-related-dot,
    .rp-widget-products .rp-cart-related-dot {
        display: block !important;
        flex: 0 0 var(--rp-product-carousel-dot-inactive-width) !important;
        width: var(--rp-product-carousel-dot-inactive-width) !important;
        min-width: var(--rp-product-carousel-dot-inactive-width) !important;
        max-width: var(--rp-product-carousel-dot-inactive-width) !important;
        height: var(--rp-product-carousel-dot-size) !important;
        min-height: var(--rp-product-carousel-dot-size) !important;
        max-height: var(--rp-product-carousel-dot-size) !important;
        border-radius: 999px !important;
        background: var(--rp-product-carousel-dot-bg) !important;
        opacity: 1 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;
        transition: flex-basis .18s ease, width .18s ease, min-width .18s ease, max-width .18s ease, background-color .18s ease, opacity .18s ease !important;
    }

    .rp-widget-products .rp-single-related-dot.is-active,
    .rp-widget-products .rp-single-related-dot[aria-current="true"],
    .rp-widget-products .rp-cart-related-dot.is-active,
    .rp-widget-products .rp-cart-related-dot[aria-current="true"] {
        flex-basis: var(--rp-product-carousel-dot-active-width) !important;
        width: var(--rp-product-carousel-dot-active-width) !important;
        min-width: var(--rp-product-carousel-dot-active-width) !important;
        max-width: var(--rp-product-carousel-dot-active-width) !important;
        background: var(--rp-product-carousel-dot-active-bg) !important;
    }
}

/* ==========================================================================
   03. کارت محصول مشترک
   ========================================================================== */
.rp-widget-products .rp-product-card-component,
.rp-widget-products .rp-product-card-component {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
    direction: rtl !important;
    font-family: var(--rp-font, inherit) !important;
    box-sizing: border-box !important;
}

.rp-widget-products .rp-product-card-component :where(a, button, span, strong, small, bdi, del, ins, h1, h2, h3, h4, p) {
    font-family: inherit !important;
}

.rp-widget-products .rp-product-card-component .rp-shop-card-mobile,
.rp-widget-products .rp-product-card-component .rp-shop-card-mobile {
    display: none !important;
}

.rp-widget-products .rp-product-card-component .rp-shop-card-desktop,
.rp-widget-products .rp-product-card-component .rp-shop-card-desktop {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.rp-widget-products .rp-product-card-component .rp-shop-card-inner,
.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    position: relative !important;
    width: 100% !important;
    min-height: 280px !important;
    height: auto !important;
    padding: 20px !important;
    border: 1px solid var(--rp-product-card-border) !important;
    border-radius: 14px !important;
    background: var(--rp-product-card-bg) !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    direction: rtl !important;
}

/* مواردی که در کارت کروسل نمایش نمی‌دهیم */
.rp-widget-products .rp-product-card-component .onsale,
.rp-widget-products .rp-product-card-component .onsale,
.rp-widget-products .rp-product-card-component .rp-card-compare,
.rp-widget-products .rp-product-card-component .rp-card-compare,
.rp-widget-products .rp-product-card-component .rp-product-compare-btn,
.rp-widget-products .rp-product-card-component .rp-product-compare-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* ==========================================================================
   04. تصویر، عنوان و لینک
   ========================================================================== */
.rp-widget-products .rp-product-card-component .rp-shop-card-link,
.rp-widget-products .rp-product-card-component .rp-card-link,
.rp-widget-products .rp-product-card-component .woocommerce-LoopProduct-link,
.rp-widget-products .rp-product-card-component .rp-shop-card-link,
.rp-widget-products .rp-product-card-component .rp-card-link,
.rp-widget-products .rp-product-card-component .woocommerce-LoopProduct-link {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

.rp-widget-products .rp-product-card-component .rp-card-media,
.rp-widget-products .rp-product-card-component .rp-mobile-card-media,
.rp-widget-products .rp-product-card-component .rp-card-media,
.rp-widget-products .rp-product-card-component .rp-mobile-card-media {
    width: 138px !important;
    min-width: 138px !important;
    height: 138px !important;
    min-height: 138px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
}

.rp-widget-products .rp-product-card-component .rp-card-media img,
.rp-widget-products .rp-product-card-component .rp-mobile-card-media img,
.rp-widget-products .rp-product-card-component .rp-card-media img,
.rp-widget-products .rp-product-card-component .rp-mobile-card-media img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.rp-widget-products .rp-product-card-component .rp-card-title,
.rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
    min-height: 42px !important;
    max-height: 42px !important;
    width: 100% !important;
    align-self: stretch !important;
    margin: var(--rpw-product-title-margin-top, 20px) 0 10px !important;
    padding: 0 !important;
    color: var(--rpw-product-title-color, var(--rp-product-card-text)) !important;
    font-size: var(--rpw-product-title-size, 13px) !important;
    font-weight: var(--rpw-product-title-weight, 400) !important;
    line-height: var(--rpw-product-title-line, 1.7) !important;
    text-align: var(--rpw-product-title-align, right) !important;
    overflow: hidden !important;
}

/* ==========================================================================
   05. رنگ‌ها و دکمه افزودن
   ========================================================================== */
.rp-widget-products .rp-product-card-component .rp-shop-card-actions,
.rp-widget-products .rp-product-card-component .rp-card-actions,
.rp-widget-products .rp-product-card-component .rp-mobile-card-actions,
.rp-widget-products .rp-product-card-component .rp-shop-card-actions,
.rp-widget-products .rp-product-card-component .rp-card-actions,
.rp-widget-products .rp-product-card-component .rp-mobile-card-actions {
    position: relative !important;
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: auto 0 10px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    z-index: 8 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

.rp-widget-products .rp-product-card-component .rp-card-actions--simple,
.rp-widget-products .rp-product-card-component .rp-shop-card-actions--simple,
.rp-widget-products .rp-product-card-component .rp-card-actions--simple,
.rp-widget-products .rp-product-card-component .rp-shop-card-actions--simple {
    justify-content: flex-end !important;
}

.rp-widget-products .rp-product-card-component .rp-card-swatches,
.rp-widget-products .rp-product-card-component .rp-shop-card-swatches,
.rp-widget-products .rp-product-card-component .rp-card-swatches,
.rp-widget-products .rp-product-card-component .rp-shop-card-swatches {
    order: 1 !important;
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

.rp-widget-products .rp-product-card-component .rp-card-swatch,
.rp-widget-products .rp-product-card-component .rp-shop-swatch,
.rp-widget-products .rp-product-card-component .rp-card-swatch,
.rp-widget-products .rp-product-card-component .rp-shop-swatch {
    position: relative !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid var(--swatch-color, rgba(17, 24, 32, .22)) !important;
    outline: 0 !important;
    background-color: var(--swatch-color, #d6dadd) !important;
    background-image: var(--swatch-image, none) !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 0 2px #fff, 0 2px 7px rgba(17, 24, 32, .10) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

.rp-widget-products .rp-product-card-component .rp-card-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
.rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"],
.rp-widget-products .rp-product-card-component .rp-card-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
.rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"] {
    outline: 0 !important;
    border-color: var(--swatch-color, #111820) !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(17, 24, 32, .16) !important;
}

.rp-widget-products .rp-product-card-component .rp-card-swatch.is-active::after,
.rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active::after,
.rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"]::after,
.rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"]::after,
.rp-widget-products .rp-product-card-component .rp-card-swatch.is-active::after,
.rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active::after,
.rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"]::after,
.rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"]::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .65) !important;
    border-radius: 50% !important;
}

/* دکمه مثبت */
.rp-widget-products .rp-product-card-component .rp-card-add,
.rp-widget-products .rp-product-card-component .rp-product-quick-add,
.rp-widget-products .rp-product-card-component .rp-card-add,
.rp-widget-products .rp-product-card-component .rp-product-quick-add {
    order: 2 !important;
    position: relative !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--rp-product-card-plus) !important;
    background-color: var(--rp-product-card-plus) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    box-shadow: none !important;
}

.rp-widget-products .rp-product-card-component .rp-card-add.is-needs-choice:not(.is-ready),
.rp-widget-products .rp-product-card-component .rp-product-quick-add.is-needs-choice:not(.is-ready),
.rp-widget-products .rp-product-card-component .rp-card-add.is-needs-choice:not(.is-ready),
.rp-widget-products .rp-product-card-component .rp-product-quick-add.is-needs-choice:not(.is-ready) {
    background: var(--rp-product-card-plus-disabled) !important;
    background-color: var(--rp-product-card-plus-disabled) !important;
}

.rp-widget-products .rp-product-card-component .rp-card-add span,
.rp-widget-products .rp-product-card-component .rp-product-quick-add span,
.rp-widget-products .rp-product-card-component .rp-card-add span,
.rp-widget-products .rp-product-card-component .rp-product-quick-add span {
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(2px) !important;
}

/* loading دکمه مثبت */
.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"],
.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"] {
    background: var(--rp-product-card-plus-loading) !important;
    background-color: var(--rp-product-card-plus-loading) !important;
    color: transparent !important;
}

.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading > span,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"] > span,
.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading > span,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"] > span {
    opacity: 0 !important;
}

.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading::after,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"]::after,
.rp-widget-products .rp-product-card-component [data-rp-quick-add].is-loading::after,
.rp-widget-products .rp-product-card-component [data-rp-quick-add][aria-busy="true"]::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 12px !important;
    margin: -6px 0 0 -6px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 87, 34, .28) !important;
    border-top-color: var(--rp-quick-add-spinner-color, #ff5722) !important;
    background: transparent !important;
    animation: rpPlusButtonSpin .72s linear infinite !important;
}

/* ==========================================================================
   06. قیمت
   ========================================================================== */
.rp-widget-products .rp-product-card-component .rp-shop-card-footer,
.rp-widget-products .rp-product-card-component .rp-card-footer,
.rp-widget-products .rp-product-card-component .rp-shop-card-footer,
.rp-widget-products .rp-product-card-component .rp-card-footer {
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 4 !important;
}

.rp-widget-products .rp-product-card-component .rp-card-price-wrap,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-wrap,
.rp-widget-products .rp-product-card-component .rp-card-price-wrap,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-wrap {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: left !important;
}

.rp-widget-products .rp-product-card-component .rp-card-price,
.rp-widget-products .rp-product-card-component .rp-shop-card-price,
.rp-widget-products .rp-product-card-component .rp-card-price,
.rp-widget-products .rp-product-card-component .rp-shop-card-price {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
}

.rp-widget-products .rp-product-card-component .rp-card-price-values,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-values,
.rp-widget-products .rp-product-card-component .rp-card-price-values,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-values {
    order: 1 !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
}

.rp-widget-products .rp-product-card-component .rp-card-price-final,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final,
.rp-widget-products .rp-product-card-component .rp-card-price-final .amount,
.rp-widget-products .rp-product-card-component .rp-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final .amount,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-card-price-final *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final *,
.rp-widget-products .rp-product-card-component .rp-card-price-final,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final,
.rp-widget-products .rp-product-card-component .rp-card-price-final .amount,
.rp-widget-products .rp-product-card-component .rp-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final .amount,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-card-price-final *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final * {
    color: var(--rp-product-card-text) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.rp-widget-products .rp-product-card-component .rp-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount,
.rp-widget-products .rp-product-card-component .rp-card-price-before *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount *,
.rp-widget-products .rp-product-card-component .rp-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount,
.rp-widget-products .rp-product-card-component .rp-card-price-before *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before *,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount * {
    color: var(--rp-product-card-red) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: line-through !important;
    text-decoration-color: var(--rp-product-card-red) !important;
    text-decoration-thickness: 1px !important;
}

.rp-widget-products .rp-product-card-component .rp-card-currency,
.rp-widget-products .rp-product-card-component .rp-shop-card-currency,
.rp-widget-products .rp-product-card-component .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-product-card-component .rp-card-currency,
.rp-widget-products .rp-product-card-component .rp-shop-card-currency,
.rp-widget-products .rp-product-card-component .woocommerce-Price-currencySymbol {
    color: var(--rp-product-card-text) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* ==========================================================================
   07. موبایل
   ========================================================================== */
@media (max-width: 900px) {
    .rp-widget-products .rp-single-related-track > li.product,
.rp-widget-products .rp-cart-related-track > li.product,
.rp-widget-products .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-related-mobile-basis) !important;
        width: var(--rp-related-mobile-basis) !important;
        min-width: var(--rp-related-mobile-basis) !important;
        max-width: none !important;
    }

    

    

    .rp-widget-products .rp-single-related-track,
.rp-widget-products .rp-cart-related-track,
.rp-widget-products .rp-single-related-track {
        direction: ltr !important;
        padding: 0 2px 10px !important;
    }

    .rp-widget-products .rp-product-card-component .rp-shop-card-inner,
.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
        min-height: 300px !important;
        max-height: 325px !important;
        padding: 20px !important;
    }

    .rp-widget-products .rp-product-card-component .rp-shop-card-actions,
.rp-widget-products .rp-product-card-component .rp-card-actions,
.rp-widget-products .rp-product-card-component .rp-mobile-card-actions,
.rp-widget-products .rp-product-card-component .rp-shop-card-actions,
.rp-widget-products .rp-product-card-component .rp-card-actions,
.rp-widget-products .rp-product-card-component .rp-mobile-card-actions {
        position: absolute !important;
        right: 15px !important;
        left: 0 !important;
        bottom: 55px !important;
        width: 90% !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .rp-widget-products .rp-product-card-component .rp-shop-card-footer,
.rp-widget-products .rp-product-card-component .rp-card-footer,
.rp-widget-products .rp-product-card-component .rp-shop-card-footer,
.rp-widget-products .rp-product-card-component .rp-card-footer {
        position: absolute !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 16px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 20px !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-add,
.rp-widget-products .rp-product-card-component .rp-product-quick-add,
.rp-widget-products .rp-product-card-component .rp-card-add,
.rp-widget-products .rp-product-card-component .rp-product-quick-add {
        position: absolute !important;
        left: 178px !important;
        right: auto !important;
        bottom: 0 !important;
        flex: 0 0 25px !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
    }

    .rp-widget-products .rp-single-related-arrow,
.rp-widget-products .rp-cart-related-arrow,
.rp-widget-products .rp-single-related-arrow {
        display: none !important;
    }
}

/* ==========================================================================
   08. تبلت و دسکتاپ
   ========================================================================== */
@media (min-width: 901px) and (max-width: 1199px) {
    .rp-widget-products .rp-single-related-track > li.product,
.rp-widget-products .rp-cart-related-track > li.product,
.rp-widget-products .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-related-tablet-basis) !important;
        width: var(--rp-related-tablet-basis) !important;
        min-width: var(--rp-related-tablet-basis) !important;
    }
}

/* دسکتاپ: «نیازت میشه» داخل ستون کناری باید عرض کامل ستون را بگیرد. */


/* ==========================================================================
   10. ناوبری و اسکرول روان کروسل محصول
   --------------------------------------------------------------------------
   فلش‌های کروسل حذف می‌شوند و pagination خطی/نقطه‌ای مرجع کنترل است.
   حرکت کروسل بر پایه scroll native است تا flicker ناشی از transform حذف شود.
   ========================================================================== */

/* فلش‌ها در کامپوننت محصول استفاده نمی‌شوند. */
.rp-widget-products .rp-product-carousel .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow,
.rp-widget-products .rp-single-related-arrow,
.rp-widget-products .rp-cart-related-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* track باید با scroll حرکت کند، نه transform. */
.rp-widget-products .rp-product-carousel .rp-single-related-track,
.rp-widget-products .rp-product-carousel .rp-cart-related-track,
.rp-widget-products .rp-product-carousel .rp-single-related-track {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    will-change: scroll-position !important;
    backface-visibility: hidden !important;
}

/* viewport روان و بدون scrollbar نمایشی */
.rp-widget-products .rp-product-carousel .rp-single-related-viewport,
.rp-widget-products .rp-product-carousel .rp-cart-related-viewport,
.rp-widget-products .rp-product-carousel .rp-single-related-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    contain: paint !important;
}

.rp-widget-products .rp-product-carousel .rp-single-related-viewport::-webkit-scrollbar,
.rp-widget-products .rp-product-carousel .rp-cart-related-viewport::-webkit-scrollbar,
.rp-widget-products .rp-product-carousel .rp-single-related-viewport::-webkit-scrollbar {
    display: none !important;
}

/* اسلایدها در scroll native ثابت و بدون shrink باشند. */
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product {
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
}

/* pagination نیازت میشه وسط‌چین */






/* دسکتاپ: viewport نیازت میشه هم برنامه‌ای scroll شود؛ فلش لازم نیست. */


/* ==========================================================================
   11. موبایل یکسان + فلش دسکتاپ روی hover
   --------------------------------------------------------------------------
   عرض کارت‌های موبایل برای نیازت میشه و محصولات مرتبط یکسان شد.
   در دسکتاپ فلش‌های کروسل فقط هنگام hover/focus نمایش داده می‌شوند.
   ========================================================================== */
:root {
    --rp-product-carousel-mobile-card-width: clamp(240px, 58vw, 340px);
}

/* موبایل: همه کروسل‌های محصول عرض یکسان بگیرند. */
@media (max-width: 900px) {
    .rp-widget-products .rp-product-carousel,
.rp-widget-products .rp-product-carousel,
.rp-widget-products .rp-single-related-carousel,
.rp-widget-products .rp-cart-related-carousel {
        width: 100% !important;
        max-width: 100% !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-viewport,
.rp-widget-products .rp-product-carousel .rp-cart-related-viewport,
.rp-widget-products .rp-product-carousel .rp-single-related-viewport {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 0 !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-track,
.rp-widget-products .rp-product-carousel .rp-cart-related-track,
.rp-widget-products .rp-product-carousel .rp-single-related-track {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        gap: 16px !important;
        padding: 0 2px 10px !important;
        direction: ltr !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    

    

    
}

/* دسکتاپ: فلش‌ها فقط موقع hover/focus دیده شوند. */
@media (min-width: 901px) {
    .rp-widget-products .rp-product-carousel,
.rp-widget-products .rp-product-carousel {
        position: relative !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow,
.rp-widget-products .rp-single-related-arrow,
.rp-widget-products .rp-cart-related-arrow {
        position: absolute !important;
        top: 50% !important;
        z-index: 30 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e8ecef !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: #111820 !important;
        box-shadow: 0 10px 28px rgba(17, 24, 32, .10) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-50%) scale(.96) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease, color .18s ease !important;
    }

    .rp-widget-products .rp-product-carousel:hover .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel:focus-within .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel:hover .rp-cart-related-arrow,
.rp-widget-products .rp-product-carousel:focus-within .rp-cart-related-arrow,
.rp-widget-products .rp-product-carousel:hover .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel:focus-within .rp-single-related-arrow {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(-50%) scale(1) !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow:hover,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow:hover,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow:hover {
        background: #111820 !important;
        color: #fff !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-prev,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev {
        right: -18px !important;
        left: auto !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-next,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-next,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-next {
        left: -18px !important;
        right: auto !important;
    }
}

/* ==========================================================================
   12. اصلاح عرض محصولات مرتبط موبایل
   --------------------------------------------------------------------------
   کارت «محصولات مرتبط» خودش li.product است؛ بنابراین نباید مثل کارت داخل
   اسلاید «نیازت میشه» width:100% بگیرد. اینجا عرض کارت مرتبط دوباره به
   مقدار کنترل‌شده کامپوننت برمی‌گردد.
   ========================================================================== */
@media (max-width: 900px) {
    .rp-widget-products .rp-product-carousel .rp-single-related-track,
.rp-widget-products .rp-product-carousel .rp-cart-related-track,
.rp-widget-products .rp-product-carousel .rp-single-related-track {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 16px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        flex: 0 0 var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
        box-sizing: border-box !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component .rp-shop-card-inner,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component .rp-shop-card-inner,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component .rp-shop-card-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-viewport,
.rp-widget-products .rp-product-carousel .rp-cart-related-viewport,
.rp-widget-products .rp-product-carousel .rp-single-related-viewport {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   13. اصلاح فلش‌ها و رفتار کارت مرتبط
   --------------------------------------------------------------------------
   فلش‌های دسکتاپ باید آیکن داشته باشند؛ کارت محصولات مرتبط هم نباید
   از استایل اختصاصی «نیازت میشه» اثر بگیرد.
   ========================================================================== */
@media (min-width: 901px) {
    .rp-widget-products .rp-product-carousel .rp-single-related-arrow,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow {
        font-size: 0 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow::before {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: currentColor !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-prev::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev::before {
        content: "‹" !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-next::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-next::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-next::before {
        content: "›" !important;
    }
}

/* کارت مرتبط: عرض کنترل‌شده، نه کش‌آمده. */
@media (max-width: 900px) {
    .rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-cart-related-track > li.product.rp-product-card-component,
.rp-widget-products .rp-product-carousel .rp-single-related-track > li.product.rp-product-card-component {
        flex-basis: var(--rp-product-carousel-mobile-card-width) !important;
        width: var(--rp-product-carousel-mobile-card-width) !important;
        min-width: var(--rp-product-carousel-mobile-card-width) !important;
        max-width: var(--rp-product-carousel-mobile-card-width) !important;
    }
}

/* ==========================================================================
   14. آیکن SVG دکمه‌های محصولات مرتبط
   --------------------------------------------------------------------------
   دکمه‌های ناوبری محصولات مرتبط از SVG اختصاصی استفاده می‌کنند.
   این بخش روی «نیازت میشه» اثر ندارد؛ آن بخش CSS مستقل خودش را دارد.
   ========================================================================== */
@media (min-width: 901px) {
    .rp-widget-products .rp-product-carousel .rp-single-related-arrow::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow::before {
        content: "" !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        display: inline-block !important;
        background-image: url("../../icons/arrow-right.svg") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-prev::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-prev::before {
        background-image: url("../../icons/arrow-right.svg") !important;
        transform: none !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow-next::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow-next::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow-next::before {
        background-image: url("../../icons/arrow-left.svg") !important;
        transform: none !important;
    }

    .rp-widget-products .rp-product-carousel .rp-single-related-arrow:hover::before,
.rp-widget-products .rp-product-carousel .rp-cart-related-arrow:hover::before,
.rp-widget-products .rp-product-carousel .rp-single-related-arrow:hover::before {
        filter: brightness(0) invert(1) !important;
    }
}

/* cart page final override: related carousel starts after the floated cart table and totals. */
.rp-widget-products .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.rp-widget-products #rp-cart-related-products,
.rp-widget-products .rp-product-carousel--cart-related,
.rp-widget-products .rp-cart-related-carousel,
.rp-widget-products .rp-single-related-carousel.rp-cart-related-carousel {
    clear: both !important;
    float: none !important;
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin: 56px auto 0 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
}

.rp-widget-products #rp-cart-related-products .rp-cart-related-head,
.rp-widget-products #rp-cart-related-products .rp-single-related-head,
.rp-widget-products .rp-cart-related-head,
.rp-widget-products .rp-single-related-head {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}


/* v0.1.416: موبایل صفحه سبد خرید؛ کروسل محصولات مرتبط باید از سمت راست شروع شود. */
@media (max-width: 900px) {
    .rp-widget-products #rp-cart-related-products,
    .rp-widget-products #rp-cart-related-products .rp-cart-related-shell,
    .rp-widget-products #rp-cart-related-products .rp-cart-related-viewport,
    .rp-widget-products #rp-cart-related-products .rp-cart-related-track,
    .rp-widget-products .rp-product-carousel--cart-related,
    .rp-widget-products .rp-cart-related-carousel,
    .rp-widget-products .rp-cart-related-shell,
    .rp-widget-products .rp-cart-related-viewport,
    .rp-widget-products .rp-cart-related-track {
        direction: rtl !important;
    }

    .rp-widget-products #rp-cart-related-products .rp-cart-related-track,
    .rp-widget-products .rp-cart-related-carousel .rp-cart-related-track {
        justify-content: flex-start !important;
    }

    .rp-widget-products #rp-cart-related-products .rp-cart-related-track > li.product,
    .rp-widget-products .rp-cart-related-carousel .rp-cart-related-track > li.product,
    .rp-widget-products .rp-cart-related-carousel .rp-cart-related-track > li.product.rp-product-card-component {
        direction: rtl !important;
        scroll-snap-align: start !important;
    }
}

/* v0.1.415: compact discount badge position for related/product carousel cards */
.rp-widget-products .rp-product-card-component .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products .rp-product-card-component .rp-card-discount-badge,
.rp-widget-products .rp-product-carousel .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products .rp-product-carousel .rp-card-discount-badge,
.rp-widget-products .rp-product-card-component .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products .rp-product-card-component .rp-card-discount-badge,
.rp-widget-products .rp-product-carousel .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products .rp-product-carousel .rp-card-discount-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    text-align: center !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    background: #ff5a4f !important;
    background-color: #ff5a4f !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 9 !important;
}

/* v0.1.415: ensure discount badge position is visible on single product related carousel cards */
.rp-widget-products #rp-single-related-products .rp-product-card-component--single-related .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products #rp-single-related-products .rp-product-card-component--single-related .rp-card-discount-badge,
.rp-widget-products .rp-single-related-carousel .rp-product-card-component--single-related .rp-shop-card-discount-badge.rp-card-discount-badge,
.rp-widget-products .rp-single-related-carousel .rp-product-card-component--single-related .rp-card-discount-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    text-align: center !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    background: #ff5a4f !important;
    background-color: #ff5a4f !important;
    color: #fff !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: 9 !important;
}



/* Product-widget component visibility is owned exclusively by its selected
   named card layout. Legacy widget-part toggles must not override the card. */
.rp-widget-products .rp-product-card-component { list-style: none !important; }
.rp-widget-products .rp-widget-track.products { list-style: none !important; }

/* ========================================================================== 
   v0.1.536 - Shortcode product widget strict carousel width + per-part styles
   ========================================================================== */
.rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--rpw-gap) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    /* Reserve space for sale countdowns positioned above the product card. */
    padding: var(--rpw-product-track-pt-desktop, 24px) 0 20px !important;
    list-style: none !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity;
}
.rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products::-webkit-scrollbar {
    display: none !important;
}
.rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product,
.rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product.rp-product-card-component {
    flex: 0 0 calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    scroll-snap-align: start !important;
}
.rp-widget-products.rp-product-carousel .rp-widget-track.is-grid.products {
    display: grid !important;
    grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr)) !important;
    gap: var(--rpw-gap) !important;
}
.rp-widget-products.rp-product-carousel .rp-widget-track.is-grid.products > li.product,
.rp-widget-products.rp-product-carousel .rp-widget-track.is-grid.products > li.product.rp-product-card-component {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
/* A hovered card may extend into the next carousel item or grid cell. */
.rp-widget-products .rp-widget-track.products > li.product.rp-product-card-component:is(:hover, :focus-within) {
    z-index: 2 !important;
}
.rp-widget-products .rp-product-card-component .rp-card-title,
.rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title,
.rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
    color: var(--rpw-product-title-color) !important;
    font-size: var(--rpw-product-title-size) !important;
    font-weight: var(--rpw-product-title-weight) !important;
    line-height: var(--rpw-product-title-line) !important;
    transition: color .2s ease !important;
}
.rp-widget-products .rp-product-card-component .rp-card-link:hover .rp-card-title,
.rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title-link:hover .rp-shop-card-mobile-title,
.rp-widget-products .rp-product-card-component:hover .woocommerce-loop-product__title {
    color: var(--rpw-product-title-hover) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-price,
.rp-widget-products .rp-product-card-component .rp-shop-card-price,
.rp-widget-products .rp-product-card-component .price,
.rp-widget-products .rp-product-card-component .amount {
    color: var(--rpw-product-price-color) !important;
    font-size: var(--rpw-product-price-size) !important;
    font-weight: var(--rpw-product-price-weight) !important;
    line-height: var(--rpw-product-price-line) !important;
    transition: color .2s ease !important;
}
.rp-widget-products .rp-product-card-component:hover .rp-card-price,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-price,
.rp-widget-products .rp-product-card-component:hover .price,
.rp-widget-products .rp-product-card-component:hover .amount {
    color: var(--rpw-product-price-hover) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount,
.rp-widget-products .rp-product-card-component del,
.rp-widget-products .rp-product-card-component del .amount {
    color: var(--rpw-product-regular-color) !important;
    font-size: var(--rpw-product-regular-size) !important;
    font-weight: var(--rpw-product-regular-weight) !important;
    line-height: var(--rpw-product-regular-line) !important;
    transition: color .2s ease !important;
}
.rp-widget-products .rp-product-card-component:hover .rp-card-price-before,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before-discount,
.rp-widget-products .rp-product-card-component:hover del,
.rp-widget-products .rp-product-card-component:hover del .amount {
    color: var(--rpw-product-regular-hover) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-price-final,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final,
.rp-widget-products .rp-product-card-component ins,
.rp-widget-products .rp-product-card-component ins .amount {
    color: var(--rpw-product-sale-color) !important;
    font-size: var(--rpw-product-sale-size) !important;
    font-weight: var(--rpw-product-sale-weight) !important;
    line-height: var(--rpw-product-sale-line) !important;
    transition: color .2s ease !important;
}
.rp-widget-products .rp-product-card-component:hover .rp-card-price-final,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-final,
.rp-widget-products .rp-product-card-component:hover ins,
.rp-widget-products .rp-product-card-component:hover ins .amount {
    color: var(--rpw-product-sale-hover) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-discount-badge,
.rp-widget-products .rp-product-card-component .rp-shop-card-discount-badge {
    background: var(--rpw-discount-bg) !important;
    background-color: var(--rpw-discount-bg) !important;
    color: var(--rpw-discount-color) !important;
    font-size: var(--rpw-discount-size) !important;
    font-weight: var(--rpw-discount-weight) !important;
    line-height: var(--rpw-discount-line) !important;
    border-radius: var(--rpw-discount-radius, 100px) !important;
    transition: background-color .2s ease, color .2s ease !important;
}
.rp-widget-products.rp-widget-discount-top-right .rp-product-card-component .rp-card-discount-badge { top: 8px !important; right: 8px !important; bottom: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-discount-top-left .rp-product-card-component .rp-card-discount-badge { top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important; }
.rp-widget-products.rp-widget-discount-bottom-right .rp-product-card-component .rp-card-discount-badge { right: 8px !important; bottom: 8px !important; top: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-discount-bottom-left .rp-product-card-component .rp-card-discount-badge { left: 8px !important; bottom: 8px !important; top: auto !important; right: auto !important; }
.rp-widget-products .rp-product-card-component:hover .rp-card-discount-badge,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-discount-badge {
    background: var(--rpw-discount-hover-bg) !important;
    background-color: var(--rpw-discount-hover-bg) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-add,
.rp-widget-products .rp-product-card-component .rp-product-quick-add {
    background: var(--rp-product-card-plus) !important;
    background-color: var(--rp-product-card-plus) !important;
    border-radius: var(--rpw-quick-radius, 100px) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-add:hover,
.rp-widget-products .rp-product-card-component .rp-product-quick-add:hover,
.rp-widget-products .rp-product-card-component .rp-card-add.is-ready:hover,
.rp-widget-products .rp-product-card-component .rp-product-quick-add.is-ready:hover {
    background: var(--rp-product-card-plus-hover) !important;
    background-color: var(--rp-product-card-plus-hover) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-add span,
.rp-widget-products .rp-product-card-component .rp-product-quick-add span {
    font-size: var(--rpw-quick-size) !important;
    font-weight: var(--rpw-quick-weight) !important;
    line-height: var(--rpw-quick-line) !important;
}
.rp-widget-products .rp-product-card-component .rp-card-swatch,
.rp-widget-products .rp-product-card-component .rp-shop-swatch {
    border-color: var(--rpw-swatch-border) !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
.rp-widget-products .rp-product-card-component .rp-card-swatch:hover,
.rp-widget-products .rp-product-card-component .rp-shop-swatch:hover,
.rp-widget-products .rp-product-card-component .rp-card-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active,
.rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
.rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"] {
    border-color: var(--rpw-swatch-hover) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--rpw-swatch-hover) 20%, transparent) !important;
}
.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    background: var(--rp-product-card-bg) !important;
    border-color: var(--rp-product-card-border) !important;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-inner {
    border-color: var(--rp-product-card-border-hover) !important;
}
/* Widget arrow visibility is owned by shortcode-widgets.css and the
   explicit rp-widget-arrows-hover setting for every widget type. */
@media (max-width: 1024px) {
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products {
        padding-top: var(--rpw-product-track-pt-tablet, 24px) !important;
    }
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-grid.products {
        grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0, 1fr)) !important;
    }
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product,
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product.rp-product-card-component {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products {
        padding-top: var(--rpw-product-track-pt-mobile, 24px) !important;
    }
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-grid.products {
        grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0, 1fr)) !important;
    }
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product,
    .rp-widget-products.rp-product-carousel .rp-widget-track.is-carousel.products > li.product.rp-product-card-component {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
    }
}

/* The logo frame is a card-level overlay. Keeping it outside the content
   column prevents legacy content overflow/stacking rules from clipping it. */
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-card-brand-image {
    position: absolute !important;
    z-index: 7 !important;
    display: block !important;
    width: var(--rp-card-current-brand-image-width, 55px) !important;
    height: var(--rp-card-current-brand-image-max-height, 30px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background-image: var(--rp-card-brand-image-url, none) !important;
    background-color: var(--rp-card-current-brand-image-wrapper-bg, #fff) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    border: var(--rp-card-current-brand-image-wrapper-border-width, 0) var(--rp-card-current-brand-image-wrapper-border-style, solid) var(--rp-card-current-brand-image-wrapper-border-color, #fff) !important;
    border-radius: var(--rp-card-current-brand-image-radius-top-right, 0) var(--rp-card-current-brand-image-radius-top-left, 0) var(--rp-card-current-brand-image-radius-bottom-left, 0) var(--rp-card-current-brand-image-radius-bottom-right, 0) !important;
    padding: var(--rp-card-current-brand-image-wrapper-padding-top, 0) var(--rp-card-current-brand-image-wrapper-padding-right, 0) var(--rp-card-current-brand-image-wrapper-padding-bottom, 0) var(--rp-card-current-brand-image-wrapper-padding-left, 0) !important;
}

@media (min-width: 1025px) {
    .rp-card-extra-attribute.rp-card-attribute-hide-desktop { display:none!important; }
    html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-card-brand-image {
        inset: var(--rp-card-desktop-brand-image-position-top, 10px) var(--rp-card-desktop-brand-image-position-right, 10px) var(--rp-card-desktop-brand-image-position-bottom, auto) var(--rp-card-desktop-brand-image-position-left, auto) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rp-card-extra-attribute.rp-card-attribute-hide-tablet { display:none!important; }
    html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-card-brand-image {
        inset: var(--rp-card-tablet-brand-image-position-top, var(--rp-card-desktop-brand-image-position-top, 10px)) var(--rp-card-tablet-brand-image-position-right, var(--rp-card-desktop-brand-image-position-right, 10px)) var(--rp-card-tablet-brand-image-position-bottom, var(--rp-card-desktop-brand-image-position-bottom, auto)) var(--rp-card-tablet-brand-image-position-left, var(--rp-card-desktop-brand-image-position-left, auto)) !important;
    }
}

@media (max-width: 767px) {
    .rp-card-extra-attribute.rp-card-attribute-hide-mobile { display:none!important; }
    html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-card-brand-image {
        inset: var(--rp-card-mobile-brand-image-position-top, 10px) var(--rp-card-mobile-brand-image-position-right, 10px) var(--rp-card-mobile-brand-image-position-bottom, auto) var(--rp-card-mobile-brand-image-position-left, auto) !important;
    }
}

/* Final component-visibility authority.
   Keep this block after every appearance/position rule so an enabled visual
   style can never override an administrator-disabled component. */
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-image .rp-card-component--image,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-title .rp-card-component--title,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-price .rp-card-component--price,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-brand .rp-card-component--brand,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-brand-image .rp-card-component--brand-image,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-discount .rp-card-component--discount,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-stock .rp-card-component--stock,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-buy .rp-card-component--buy,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-swatches .rp-card-component--swatches,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-attributes .rp-card-component--attributes,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-compare .rp-card-component--compare,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-favorite .rp-card-component--favorite {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-image .rp-card-component--image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-title .rp-card-component--title,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-price .rp-card-component--price,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-brand .rp-card-component--brand,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-brand-image .rp-card-component--brand-image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-discount .rp-card-component--discount,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-stock .rp-card-component--stock,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-buy .rp-card-component--buy,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-swatches .rp-card-component--swatches,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-attributes .rp-card-component--attributes,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-compare .rp-card-component--compare,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-desktop-favorite .rp-card-component--favorite { display: none !important; visibility: hidden !important; opacity: 0 !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-image .rp-card-component--image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-title .rp-card-component--title,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-price .rp-card-component--price,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-brand .rp-card-component--brand,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-brand-image .rp-card-component--brand-image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-discount .rp-card-component--discount,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-stock .rp-card-component--stock,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-buy .rp-card-component--buy,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-swatches .rp-card-component--swatches,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-attributes .rp-card-component--attributes,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-compare .rp-card-component--compare,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-tablet-favorite .rp-card-component--favorite { display: none !important; visibility: hidden !important; opacity: 0 !important; }
}

@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-image .rp-card-component--image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-title .rp-card-component--title,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-price .rp-card-component--price,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-brand .rp-card-component--brand,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-brand-image .rp-card-component--brand-image,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-discount .rp-card-component--discount,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-stock .rp-card-component--stock,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-buy .rp-card-component--buy,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-swatches .rp-card-component--swatches,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-attributes .rp-card-component--attributes,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-compare .rp-card-component--compare,
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-hide-mobile-favorite .rp-card-component--favorite { display: none !important; visibility: hidden !important; opacity: 0 !important; }
}

/*
 * Canonical vertical card composition.
 * Product imagery keeps its natural aspect ratio; only component regions are
 * anchored so every vertical card follows the same visual hierarchy.
 */
@media (min-width: 768px) {
    li.rp-product-card-component.rp-card-desktop-vertical.rp-card-desktop-discount-top-left .rp-card-component--discount {
        left: 36px !important;
    }
    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__tools .rp-card-component--favorite {
        top: 0;
        right: auto;
        left: 0;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__tools .rp-card-component--compare {
        top: 34px;
        right: auto;
        left: 0;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__content > .rp-card-stock {
        position: absolute;
        right: var(--rp-card-current-padding-right, 20px);
        bottom: var(--rp-card-current-padding-bottom, 20px);
        z-index: 3;
        margin: 0;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__content > .rp-card-swatches {
        position: absolute;
        left: var(--rp-card-current-padding-left, 20px);
        bottom: calc(var(--rp-card-current-padding-bottom, 20px) + 42px);
        z-index: 3;
        margin: 0;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__footer {
        position: absolute;
        right: var(--rp-card-current-padding-right, 20px);
        bottom: var(--rp-card-current-padding-bottom, 20px);
        left: var(--rp-card-current-padding-left, 20px);
        height: 70px;
        margin: 0;
        pointer-events: none;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__footer .rp-card-component--price {
        position: absolute;
        bottom: 0;
        left: 0;
        width: auto;
        max-width: calc(100% - 84px);
        direction: rtl;
        pointer-events: auto;
    }

    li.rp-product-card-component.rp-card-desktop-vertical .rp-product-card__footer .rp-card-component--buy {
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: auto;
    }
}

@media (max-width: 767px) {
    li.rp-product-card-component.rp-card-mobile-vertical.rp-card-mobile-discount-top-left .rp-card-component--discount {
        left: 36px !important;
    }
    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__tools .rp-card-component--favorite {
        top: 0;
        right: auto;
        left: 0;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__tools .rp-card-component--compare {
        top: 34px;
        right: auto;
        left: 0;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__content > .rp-card-stock {
        position: absolute;
        right: var(--rp-card-current-padding-right, 20px);
        bottom: var(--rp-card-current-padding-bottom, 20px);
        z-index: 3;
        margin: 0;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__content > .rp-card-swatches {
        position: absolute;
        left: var(--rp-card-current-padding-left, 20px);
        bottom: calc(var(--rp-card-current-padding-bottom, 20px) + 42px);
        z-index: 3;
        margin: 0;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__footer {
        position: absolute;
        right: var(--rp-card-current-padding-right, 20px);
        bottom: var(--rp-card-current-padding-bottom, 20px);
        left: var(--rp-card-current-padding-left, 20px);
        height: 70px;
        margin: 0;
        pointer-events: none;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__footer .rp-card-component--price {
        position: absolute;
        bottom: 0;
        left: 0;
        width: auto;
        max-width: calc(100% - 84px);
        direction: rtl;
        pointer-events: auto;
    }

    li.rp-product-card-component.rp-card-mobile-vertical .rp-product-card__footer .rp-card-component--buy {
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: auto;
    }
}

/* v0.1.538 - shortcode product-widget currency order */
.rp-widget-products .rp-product-card-component .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 3px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
.rp-widget-products .rp-product-card-component .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-product-card-component .rp-shop-card-currency,
.rp-widget-products .rp-product-card-component .rp-card-currency {
    display: inline-flex !important;
    margin-inline: 0 !important;
    white-space: nowrap !important;
}


/* v0.1.630: صفحه محصول موبایل - محصولات مرتبط با رفتار native scroll صفحه سبد خرید */
@media (max-width: 900px) {
    body.single-product .rp-single-product-page .rp-single-related-carousel,
    body.single-product .rp-single-product-page .rp-single-related-shell,
    body.single-product .rp-single-product-page .rp-single-related-viewport,
    body.single-product .rp-single-product-page .rp-single-related-track {
        direction: rtl !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-carousel {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-shell {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-viewport {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain !important;
        contain: paint !important;
        cursor: grab !important;
        user-select: none !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-viewport::-webkit-scrollbar {
        display: none !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        gap: var(--rp-product-carousel-gap, 16px) !important;
        padding: 0 0 10px !important;
        list-style: none !important;
        will-change: scroll-position !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-track > li.product {
        flex: 0 0 var(--rp-related-mobile-basis) !important;
        width: var(--rp-related-mobile-basis) !important;
        min-width: var(--rp-related-mobile-basis) !important;
        max-width: none !important;
        flex-shrink: 0 !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: normal !important;
        direction: rtl !important;
    }

    body.single-product .rp-single-product-page .rp-single-related-viewport.is-rp-dragging {
        cursor: grabbing !important;
        scroll-snap-type: none !important;
    }
}

/* Follow WooCommerce's currency position in related, cart, and widget cards. */
body.single-product .rp-product-card-component .rp-card-price-final .woocommerce-Price-amount,
body.single-product .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-amount,
body.single-product .rp-product-card-component .rp-card-price-final bdi,
body.single-product .rp-product-card-component .rp-shop-card-price-final bdi,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final .woocommerce-Price-amount,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-amount,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final bdi,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-card-price-final .woocommerce-Price-amount,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-amount,
.rp-widget-products .rp-product-card-component .rp-card-price-final bdi,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final bdi {
  display: inline-flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  align-items: baseline !important;
  gap: 3px !important;
  white-space: nowrap !important;
}

body.single-product .rp-product-card-component .rp-card-price-final .woocommerce-Price-currencySymbol,
body.single-product .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-currencySymbol,
body.woocommerce-cart .rp-product-card-component .rp-card-price-final .woocommerce-Price-currencySymbol,
body.woocommerce-cart .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-product-card-component .rp-card-price-final .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-product-card-component .rp-shop-card-price-final .woocommerce-Price-currencySymbol {
  order: 0 !important;
  margin: 0 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
}

/* v0.1.696 - related product card title typography */
body.single-product .rp-product-card-component .rp-card-title,
body.single-product .rp-product-card-component .woocommerce-loop-product__title,
body.woocommerce-cart .rp-product-card-component .rp-card-title,
body.woocommerce-cart .rp-product-card-component .woocommerce-loop-product__title {
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--rp-product-card-text) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* v0.1.709: accessible touch targets for carousel pagination without changing visual dot size. */
body.single-product .rp-single-related-dot,
.rp-widget-products .rp-single-related-dot {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: transparent !important;
}

@media (max-width: 900px) {
    body.single-product .rp-single-related-dots,
    .rp-widget-products .rp-single-related-dots {
        gap: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    body.single-product .rp-single-related-dot,
    body.single-product .rp-single-related-dot.is-active,
    body.single-product .rp-single-related-dot[aria-current="true"],
    .rp-widget-products .rp-single-related-dot,
    .rp-widget-products .rp-single-related-dot.is-active,
    .rp-widget-products .rp-single-related-dot[aria-current="true"] {
        position: relative !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        background: transparent !important;
        overflow: visible !important;
    }

    body.single-product .rp-single-related-dot::before,
    .rp-widget-products .rp-single-related-dot::before {
        content: "" !important;
        display: block !important;
        width: var(--rp-product-carousel-dot-inactive-width) !important;
        height: var(--rp-product-carousel-dot-size) !important;
        border-radius: 999px !important;
        background: var(--rp-product-carousel-dot-bg) !important;
    }

    body.single-product .rp-single-related-dot.is-active::before,
    body.single-product .rp-single-related-dot[aria-current="true"]::before,
    .rp-widget-products .rp-single-related-dot.is-active::before,
    .rp-widget-products .rp-single-related-dot[aria-current="true"]::before {
        width: var(--rp-product-carousel-dot-active-width) !important;
        background: var(--rp-product-carousel-dot-active-bg) !important;
    }
}

/* v0.1.736: align swatches and quick-add control in product widgets. */
.rp-widget-products
.rp-product-card-component
:is(
    .rp-shop-card-actions,
    .rp-card-actions,
    .rp-mobile-card-actions
) {
    position: absolute !important;
    right: 15px !important;
    left: auto !important;
    bottom: 55px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: calc(100% - 30px) !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
}

.rp-widget-products
.rp-product-card-component
:is(
    .rp-card-swatches,
    .rp-shop-card-swatches
) {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.rp-widget-products
.rp-product-card-component
:is(
    .rp-card-add,
    .rp-product-quick-add
) {
    order: 2 !important;
    position: unset !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--rp-product-card-plus) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    box-shadow: none !important;
}


/* v0.1.738: product widget card sizing/footer spacing and in-button AJAX spinner. */
.rp-widget-products .rp-product-card-component .rp-shop-card-footer,
.rp-widget-products .rp-product-card-component .rp-card-footer {
    width: 100% !important;
    min-height: 34px !important;
    margin: 30px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 4 !important;
}

.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    position: relative !important;
    width: 100% !important;
    min-height: 300px !important;
    height: auto !important;
    padding: 20px !important;
    border: 1px solid var(--rp-product-card-border) !important;
    border-radius: 14px !important;
    background: var(--rp-product-card-bg) !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    direction: rtl !important;
}

/* Keep the spinner inside the same 25px quick-add button even with position: unset. */
.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add).is-loading,
.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add)[aria-busy="true"] {
    pointer-events: none !important;
    cursor: wait !important;
    color: transparent !important;
}

.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add).is-loading > span,
.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add)[aria-busy="true"] > span {
    display: inline-flex !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add).is-loading::after,
.rp-widget-products .rp-product-card-component
:is(.rp-card-add, .rp-product-quick-add)[aria-busy="true"]::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    margin: -6px 0 0 -6px !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(255, 87, 34, .28) !important;
    border-top-color: var(--rp-quick-add-spinner-color, #ff5722) !important;
    border-radius: 50% !important;
    background: transparent !important;
    animation: rpPlusButtonSpin .72s linear infinite !important;
}


/* v0.1.740: global favorite button on product cards */
.rp-product-card-component .rp-product-favorite-btn,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: #d9d6d6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease, color .18s ease;
    cursor: pointer;
    z-index: 32;
}
.rp-product-card-component:hover .rp-product-favorite-btn,
.rp-product-card-component:focus-within .rp-product-favorite-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.rp-product-favorite-btn .rp-favorite-icon {
    width: 20px;
    height: 20px;
    display: block;
    background: currentColor;
    -webkit-mask: url("../../icons/account/favorite.svg") center / contain no-repeat;
    mask: url("../../icons/account/favorite.svg") center / contain no-repeat;
}

.rp-product-favorite-btn.is-active,
.rp-product-favorite-btn[aria-pressed="true"] {
    color: #ef3340 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

@media (max-width: 767px) {
    .rp-product-card-component .rp-product-favorite-btn,
    .rp-widget-products .rp-product-card-component .rp-product-favorite-btn {
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        border-radius: 50% !important;
        opacity: 1;
        visibility: visible;
        transform: none;
        z-index: 31 !important;
    }
}


/* v0.1.741: persistent selected favorite and mobile compare overlay */
.rp-product-favorite-btn.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
@media (max-width: 767px) {
    .rp-shop-card-mobile .rp-shop-card-mobile-compare.is-active,
    .rp-product-card-component .rp-shop-card-mobile-compare.is-active {
        top: -28px !important;
        left: 0 !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 35 !important;
    }
    .rp-shop-card-mobile:has(.rp-shop-card-mobile-compare.is-active) .rp-shop-card-mobile-favorite {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* v0.1.742: favorite spinner and mobile compare selector visibility. */
.rp-product-card-component .rp-product-favorite-btn.is-loading .rp-favorite-icon,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading .rp-favorite-icon {
    display: none !important;
}
.rp-product-card-component .rp-product-favorite-btn.is-loading::after,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 2px solid rgba(34,34,34,.25);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: rpFavoriteSpin .72s linear infinite;
}
@media (max-width: 820px) {
    body.rp-compare-mode-active .rp-product-card-component .rp-shop-card-mobile-compare {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: -28px !important;
        left: 0 !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 36 !important;
    }
    body.rp-compare-mode-active .rp-product-card-component .rp-shop-card-mobile-favorite {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* v0.1.744: unified red favorite state and red in-button spinner. */
.rp-product-card-component .rp-product-favorite-btn.is-active,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-active {
    color: #ef3340 !important;
}
.rp-product-card-component .rp-product-favorite-btn.is-active .rp-favorite-icon,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-active .rp-favorite-icon {
    background-color: #ef3340 !important;
    background: #ef3340 !important;
}
.rp-product-card-component .rp-product-favorite-btn.is-loading,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading {
    color: #ef3340 !important;
}
.rp-product-card-component .rp-product-favorite-btn.is-loading::after,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading::after {
    border-color: rgba(239, 51, 64, .25) !important;
    border-top-color: var(--rp-spinner-accent, #fd314a) !important;
}

/* v0.1.753: stable favorite position, permanent mobile visibility and red spinner. */
.rp-product-card-component .rp-product-favorite-btn,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn {
    box-sizing: border-box !important;
}

/* Active/loading state must never change the button coordinates or dimensions. */
.rp-product-card-component .rp-product-favorite-btn.is-active,
.rp-product-card-component .rp-product-favorite-btn.is-loading,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-active,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading {
    transform: translateY(0) !important;
    margin: 0 !important;
}

.rp-product-card-component .rp-product-favorite-btn.is-loading .rp-favorite-icon,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading .rp-favorite-icon {
    display: none !important;
}
.rp-product-card-component .rp-product-favorite-btn.is-loading::after,
.rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-loading::after {
    content: "" !important;
    position: static !important;
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(239, 51, 64, .25) !important;
    border-top-color: var(--rp-spinner-accent, #fd314a) !important;
    border-radius: 50% !important;
    background: transparent !important;
    animation: rpFavoriteSpin .72s linear infinite !important;
}

@media (max-width: 820px) {
    /* Mobile has no hover: every product-card heart remains visible by default. */
    .rp-product-card-component .rp-product-favorite-btn,
    .rp-widget-products .rp-product-card-component .rp-product-favorite-btn,
    .related.products .rp-product-card-component .rp-product-favorite-btn,
    .upsells.products .rp-product-card-component .rp-product-favorite-btn,
    .cross-sells .rp-product-card-component .rp-product-favorite-btn,
    body.woocommerce-cart .rp-product-card-component .rp-product-favorite-btn {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.94) !important;
        color: #d9d6d6 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 42 !important;
    }

    .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon,
    .rp-widget-products .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon,
    .related.products .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon,
    .upsells.products .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon,
    .cross-sells .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon,
    body.woocommerce-cart .rp-product-card-component .rp-product-favorite-btn .rp-favorite-icon {
        width: 20px !important;
        height: 20px !important;
        background: currentColor !important;
    }

    .rp-product-card-component .rp-product-favorite-btn.is-active,
    .rp-widget-products .rp-product-card-component .rp-product-favorite-btn.is-active,
    .related.products .rp-product-card-component .rp-product-favorite-btn.is-active,
    .upsells.products .rp-product-card-component .rp-product-favorite-btn.is-active,
    .cross-sells .rp-product-card-component .rp-product-favorite-btn.is-active,
    body.woocommerce-cart .rp-product-card-component .rp-product-favorite-btn.is-active,
    .rp-product-card-component .rp-product-favorite-btn.is-loading {
        color: #ef3340 !important;
    }
}





/* v0.1.851 — widget product-title controls */
.rp-widget-products .rp-product-card-component .rp-card-title,
.rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title,
.rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
    margin-top: var(--rpw-product-title-margin-top, 20px) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: var(--rpw-product-title-align, right) !important;
    font-weight: var(--rpw-product-title-weight, 400) !important;
}


/* v0.1.851 — product widget title alignment/radius/frame controls */
.rp-widget-products .rp-product-card-component .rp-shop-card-link,
.rp-widget-products .rp-product-card-component .rp-card-link,
.rp-widget-products .rp-product-card-component .woocommerce-LoopProduct-link {
    align-items: stretch !important;
}

.rp-widget-products .rp-product-card-component .rp-card-title,
.rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title,
.rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin-top: var(--rpw-product-title-margin-top, 20px) !important;
    text-align: var(--rpw-product-title-align, right) !important;
    font-weight: var(--rpw-product-title-weight, 400) !important;
}

.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    border-radius: var(--rpw-radius, 18px) !important;
    overflow: hidden !important;
    border-style: solid !important;
    border-color: var(--rp-product-card-border, #eef1f4) !important;
    border-top-width: var(--rpw-card-border-top, 1px) !important;
    border-right-width: var(--rpw-card-border-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-left, 1px) !important;
}

/* v0.1.851 — product widget hover frame widths */
.rp-widget-products .rp-product-card-component .rp-shop-card-inner:hover,
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-inner {
    border-top-width: var(--rpw-card-border-hover-top, 1px) !important;
    border-right-width: var(--rpw-card-border-hover-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-hover-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-hover-left, 1px) !important;
}


/* v0.1.851 — frame widths are the single source of truth */
.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    border-style: solid !important;
    border-color: var(--rpw-card-border-color, #eef1f4) !important;
    border-top-width: var(--rpw-card-border-top, 1px) !important;
    border-right-width: var(--rpw-card-border-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-left, 1px) !important;
}
.rp-widget-products .rp-product-card-component:hover .rp-shop-card-inner,
.rp-widget-products .rp-product-card-component .rp-shop-card-inner:hover {
    border-color: var(--rpw-card-border-hover-color, #cbd5e1) !important;
    border-top-width: var(--rpw-card-border-hover-top, 1px) !important;
    border-right-width: var(--rpw-card-border-hover-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-hover-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-hover-left, 1px) !important;
}


/* v0.1.851 — product widget spacing controls are real card internal padding */
.rp-widget-products .rp-product-card-component .rp-shop-card-inner {
    box-sizing: border-box !important;
    padding-top: var(--rpw-pt, 24px) !important;
    padding-right: var(--rpw-pr, 24px) !important;
    padding-bottom: var(--rpw-pb, 24px) !important;
    padding-left: var(--rpw-pl, 24px) !important;
}


/* v0.1.851 — responsive product title appearance */
@media (max-width: 1024px) {
    .rp-widget-products .rp-product-card-component .rp-card-title,
    .rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title,
    .rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
        color: var(--rpw-product-title-color-tablet, var(--rpw-product-title-color, #111820)) !important;
        font-size: var(--rpw-product-title-size-tablet, var(--rpw-product-title-size, 13px)) !important;
        font-weight: var(--rpw-product-title-weight-tablet, var(--rpw-product-title-weight, 400)) !important;
        text-align: var(--rpw-product-title-align-tablet, var(--rpw-product-title-align, right)) !important;
        margin-top: var(--rpw-product-title-mt-tablet, var(--rpw-product-title-margin-top, 20px)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-product-card-component .rp-card-title,
    .rp-widget-products .rp-product-card-component .rp-shop-card-mobile-title,
    .rp-widget-products .rp-product-card-component .woocommerce-loop-product__title {
        color: var(--rpw-product-title-color-mobile, var(--rpw-product-title-color, #111820)) !important;
        font-size: var(--rpw-product-title-size-mobile, var(--rpw-product-title-size, 13px)) !important;
        font-weight: var(--rpw-product-title-weight-mobile, var(--rpw-product-title-weight, 400)) !important;
        text-align: var(--rpw-product-title-align-mobile, center) !important;
        margin-top: var(--rpw-product-title-mt-mobile, 0px) !important;
    }
}


/* v0.1.851 — remaining responsive product-card appearance */
@media (max-width: 1024px) {
    .rp-widget-products .rp-product-card-component .rp-card-price,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price,
    .rp-widget-products .rp-product-card-component .price,
    .rp-widget-products .rp-product-card-component .amount {
        color: var(--rpw-product-price-color-tablet, var(--rpw-product-price-color)) !important;
        font-size: var(--rpw-product-price-size-tablet, var(--rpw-product-price-size)) !important;
        font-weight: var(--rpw-product-price-weight-tablet, var(--rpw-product-price-weight)) !important;
        line-height: var(--rpw-product-price-line-tablet, var(--rpw-product-price-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price,
    .rp-widget-products .rp-product-card-component:hover .price,
    .rp-widget-products .rp-product-card-component:hover .amount {
        color: var(--rpw-product-price-hover-tablet, var(--rpw-product-price-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-price-before,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-before,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount,
    .rp-widget-products .rp-product-card-component del,
    .rp-widget-products .rp-product-card-component del .amount {
        color: var(--rpw-product-regular-price-color-tablet, var(--rpw-product-regular-color)) !important;
        font-size: var(--rpw-product-regular-price-size-tablet, var(--rpw-product-regular-size)) !important;
        font-weight: var(--rpw-product-regular-price-weight-tablet, var(--rpw-product-regular-weight)) !important;
        line-height: var(--rpw-product-regular-price-line-tablet, var(--rpw-product-regular-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price-before,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before-discount,
    .rp-widget-products .rp-product-card-component:hover del,
    .rp-widget-products .rp-product-card-component:hover del .amount {
        color: var(--rpw-product-regular-price-hover-tablet, var(--rpw-product-regular-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-price-final,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-final,
    .rp-widget-products .rp-product-card-component ins,
    .rp-widget-products .rp-product-card-component ins .amount {
        color: var(--rpw-product-sale-price-color-tablet, var(--rpw-product-sale-color)) !important;
        font-size: var(--rpw-product-sale-price-size-tablet, var(--rpw-product-sale-size)) !important;
        font-weight: var(--rpw-product-sale-price-weight-tablet, var(--rpw-product-sale-weight)) !important;
        line-height: var(--rpw-product-sale-price-line-tablet, var(--rpw-product-sale-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price-final,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-final,
    .rp-widget-products .rp-product-card-component:hover ins,
    .rp-widget-products .rp-product-card-component:hover ins .amount {
        color: var(--rpw-product-sale-price-hover-tablet, var(--rpw-product-sale-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-discount-badge,
    .rp-widget-products .rp-product-card-component .rp-shop-card-discount-badge {
        background: var(--rpw-product-discount-badge-color-tablet, var(--rpw-discount-bg)) !important;
        background-color: var(--rpw-product-discount-badge-color-tablet, var(--rpw-discount-bg)) !important;
        font-size: var(--rpw-product-discount-badge-size-tablet, var(--rpw-discount-size)) !important;
        font-weight: var(--rpw-product-discount-badge-weight-tablet, var(--rpw-discount-weight)) !important;
        line-height: var(--rpw-product-discount-badge-line-tablet, var(--rpw-discount-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-discount-badge,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-discount-badge {
        background: var(--rpw-product-discount-badge-hover-tablet, var(--rpw-discount-hover-bg)) !important;
        background-color: var(--rpw-product-discount-badge-hover-tablet, var(--rpw-discount-hover-bg)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-add span,
    .rp-widget-products .rp-product-card-component .rp-product-quick-add span {
        font-size: var(--rpw-quick-add-size-tablet, var(--rpw-quick-size)) !important;
        font-weight: var(--rpw-quick-add-weight-tablet, var(--rpw-quick-weight)) !important;
        line-height: var(--rpw-quick-add-line-tablet, var(--rpw-quick-line)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-product-card-component .rp-card-price,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price,
    .rp-widget-products .rp-product-card-component .price,
    .rp-widget-products .rp-product-card-component .amount {
        color: var(--rpw-product-price-color-mobile, var(--rpw-product-price-color)) !important;
        font-size: var(--rpw-product-price-size-mobile, var(--rpw-product-price-size)) !important;
        font-weight: var(--rpw-product-price-weight-mobile, var(--rpw-product-price-weight)) !important;
        line-height: var(--rpw-product-price-line-mobile, var(--rpw-product-price-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price,
    .rp-widget-products .rp-product-card-component:hover .price,
    .rp-widget-products .rp-product-card-component:hover .amount {
        color: var(--rpw-product-price-hover-mobile, var(--rpw-product-price-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-price-before,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-before,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-before-discount,
    .rp-widget-products .rp-product-card-component del,
    .rp-widget-products .rp-product-card-component del .amount {
        color: var(--rpw-product-regular-price-color-mobile, var(--rpw-product-regular-color)) !important;
        font-size: var(--rpw-product-regular-price-size-mobile, var(--rpw-product-regular-size)) !important;
        font-weight: var(--rpw-product-regular-price-weight-mobile, var(--rpw-product-regular-weight)) !important;
        line-height: var(--rpw-product-regular-price-line-mobile, var(--rpw-product-regular-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price-before,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-before-discount,
    .rp-widget-products .rp-product-card-component:hover del,
    .rp-widget-products .rp-product-card-component:hover del .amount {
        color: var(--rpw-product-regular-price-hover-mobile, var(--rpw-product-regular-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-price-final,
    .rp-widget-products .rp-product-card-component .rp-shop-card-price-final,
    .rp-widget-products .rp-product-card-component ins,
    .rp-widget-products .rp-product-card-component ins .amount {
        color: var(--rpw-product-sale-price-color-mobile, var(--rpw-product-sale-color)) !important;
        font-size: var(--rpw-product-sale-price-size-mobile, var(--rpw-product-sale-size)) !important;
        font-weight: var(--rpw-product-sale-price-weight-mobile, var(--rpw-product-sale-weight)) !important;
        line-height: var(--rpw-product-sale-price-line-mobile, var(--rpw-product-sale-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-price-final,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-price-final,
    .rp-widget-products .rp-product-card-component:hover ins,
    .rp-widget-products .rp-product-card-component:hover ins .amount {
        color: var(--rpw-product-sale-price-hover-mobile, var(--rpw-product-sale-hover)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-discount-badge,
    .rp-widget-products .rp-product-card-component .rp-shop-card-discount-badge {
        background: var(--rpw-product-discount-badge-color-mobile, var(--rpw-discount-bg)) !important;
        background-color: var(--rpw-product-discount-badge-color-mobile, var(--rpw-discount-bg)) !important;
        font-size: var(--rpw-product-discount-badge-size-mobile, var(--rpw-discount-size)) !important;
        font-weight: var(--rpw-product-discount-badge-weight-mobile, var(--rpw-discount-weight)) !important;
        line-height: var(--rpw-product-discount-badge-line-mobile, var(--rpw-discount-line)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-card-discount-badge,
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-discount-badge {
        background: var(--rpw-product-discount-badge-hover-mobile, var(--rpw-discount-hover-bg)) !important;
        background-color: var(--rpw-product-discount-badge-hover-mobile, var(--rpw-discount-hover-bg)) !important;
    }

    .rp-widget-products .rp-product-card-component .rp-card-add span,
    .rp-widget-products .rp-product-card-component .rp-product-quick-add span {
        font-size: var(--rpw-quick-add-size-mobile, var(--rpw-quick-size)) !important;
        font-weight: var(--rpw-quick-add-weight-mobile, var(--rpw-quick-weight)) !important;
        line-height: var(--rpw-quick-add-line-mobile, var(--rpw-quick-line)) !important;
    }
}


/* v0.1.851 — responsive common card frame/padding for product widget */
@media (max-width: 1024px) {
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner {
        padding-top: var(--rpw-pt-tablet, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-tablet, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-tablet, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-tablet, var(--rpw-pl, 24px)) !important;
        border-radius: var(--rpw-radius-tablet, var(--rpw-radius, 18px)) !important;
        border-top-width: var(--rpw-card-border-top-tablet, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-tablet, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-tablet, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-tablet, var(--rpw-card-border-left, 1px)) !important;
        border-color: var(--rpw-card-border-color-tablet, var(--rpw-card-border-color, #eef1f4)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-inner,
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner:hover {
        border-top-width: var(--rpw-card-border-hover-top-tablet, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-tablet, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-tablet, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-tablet, var(--rpw-card-border-hover-left, 1px)) !important;
        border-color: var(--rpw-card-border-hover-color-tablet, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner {
        padding-top: var(--rpw-pt-mobile, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-mobile, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-mobile, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-mobile, var(--rpw-pl, 24px)) !important;
        border-radius: var(--rpw-radius-mobile, var(--rpw-radius, 18px)) !important;
        border-top-width: var(--rpw-card-border-top-mobile, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-mobile, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-mobile, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-mobile, var(--rpw-card-border-left, 1px)) !important;
        border-color: var(--rpw-card-border-color-mobile, var(--rpw-card-border-color, #eef1f4)) !important;
    }
    .rp-widget-products .rp-product-card-component:hover .rp-shop-card-inner,
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner:hover {
        border-top-width: var(--rpw-card-border-hover-top-mobile, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-mobile, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-mobile, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-mobile, var(--rpw-card-border-hover-left, 1px)) !important;
        border-color: var(--rpw-card-border-hover-color-mobile, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
    }
}


/* v0.1.851 — responsive quick-add widget override; global setting remains desktop/base source */
@media (max-width: 1024px) {
    html body .rp-widget-products button[data-rp-quick-add].rp-product-quick-add.rp-card-add,
    html body .rp-widget-products button[data-rp-quick-add].rp-card-add {
        background: var(--rpw-quick-add-color-tablet, var(--rp-product-card-plus, #ff5722)) !important;
        background-color: var(--rpw-quick-add-color-tablet, var(--rp-product-card-plus, #ff5722)) !important;
        border-color: var(--rpw-quick-add-color-tablet, var(--rp-product-card-plus, #ff5722)) !important;
    }
    html body .rp-widget-products button[data-rp-quick-add].rp-product-quick-add.rp-card-add:hover,
    html body .rp-widget-products button[data-rp-quick-add].rp-card-add:hover {
        background: var(--rpw-quick-add-hover-tablet, var(--rp-product-card-plus-hover, #111820)) !important;
        background-color: var(--rpw-quick-add-hover-tablet, var(--rp-product-card-plus-hover, #111820)) !important;
        border-color: var(--rpw-quick-add-hover-tablet, var(--rp-product-card-plus-hover, #111820)) !important;
    }
}
@media (max-width: 767px) {
    html body .rp-widget-products button[data-rp-quick-add].rp-product-quick-add.rp-card-add,
    html body .rp-widget-products button[data-rp-quick-add].rp-card-add {
        background: var(--rpw-quick-add-color-mobile, var(--rp-product-card-plus, #ff5722)) !important;
        background-color: var(--rpw-quick-add-color-mobile, var(--rp-product-card-plus, #ff5722)) !important;
        border-color: var(--rpw-quick-add-color-mobile, var(--rp-product-card-plus, #ff5722)) !important;
    }
    html body .rp-widget-products button[data-rp-quick-add].rp-product-quick-add.rp-card-add:hover,
    html body .rp-widget-products button[data-rp-quick-add].rp-card-add:hover {
        background: var(--rpw-quick-add-hover-mobile, var(--rp-product-card-plus-hover, #111820)) !important;
        background-color: var(--rpw-quick-add-hover-mobile, var(--rp-product-card-plus-hover, #111820)) !important;
        border-color: var(--rpw-quick-add-hover-mobile, var(--rp-product-card-plus-hover, #111820)) !important;
    }
}


/* v0.1.851 — responsive swatch colors */
@media (max-width: 1024px) {
    .rp-widget-products .rp-product-card-component .rp-card-swatch,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch {
        border-color: var(--rpw-swatch-border-tablet, var(--rpw-swatch-border, #e5e7eb)) !important;
    }
    .rp-widget-products .rp-product-card-component .rp-card-swatch:hover,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch:hover,
    .rp-widget-products .rp-product-card-component .rp-card-swatch.is-active,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active,
    .rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
    .rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"] {
        border-color: var(--rpw-swatch-hover-tablet, var(--rpw-swatch-hover, #111820)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-product-card-component .rp-card-swatch,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch {
        border-color: var(--rpw-swatch-border-mobile, var(--rpw-swatch-border, #e5e7eb)) !important;
    }
    .rp-widget-products .rp-product-card-component .rp-card-swatch:hover,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch:hover,
    .rp-widget-products .rp-product-card-component .rp-card-swatch.is-active,
    .rp-widget-products .rp-product-card-component .rp-shop-swatch.is-active,
    .rp-widget-products .rp-product-card-component .rp-card-swatch[aria-pressed="true"],
    .rp-widget-products .rp-product-card-component .rp-shop-swatch[aria-pressed="true"] {
        border-color: var(--rpw-swatch-hover-mobile, var(--rpw-swatch-hover, #111820)) !important;
    }
}


/* v0.1.851 — responsive product card backgrounds */
@media (max-width: 1024px) {
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner {
        background: var(--rp-product-card-bg-tablet, var(--rp-product-card-bg, #ffffff)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-product-card-component .rp-shop-card-inner {
        background: var(--rp-product-card-bg-mobile, var(--rp-product-card-bg, #ffffff)) !important;
    }
}


/* v0.1.851 — central Product Card component rules.
   These classes are only emitted for Shop/Archive and public product carousels.
   Shortcode/Product Widgets intentionally do not receive rp-global-card-components. */
.rp-global-card-components.rp-card-hide-image .rp-shop-card-media,
.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media,
.rp-global-card-components.rp-card-hide-title .woocommerce-loop-product__title,
.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title,
.rp-global-card-components.rp-card-hide-price .rp-shop-card-footer,
.rp-global-card-components.rp-card-hide-price .rp-shop-card-mobile-price-wrap,
.rp-global-card-components.rp-card-hide-discount .rp-shop-card-discount-badge,
.rp-global-card-components.rp-card-hide-buy [data-rp-quick-add],
.rp-global-card-components.rp-card-hide-swatches [data-rp-swatches],
.rp-global-card-components.rp-card-hide-compare .rp-product-compare-btn,
.rp-global-card-components.rp-card-hide-favorite [data-rp-favorite],
.rp-global-card-components.rp-card-hide-brand .rp-card-brand-name,
.rp-global-card-components.rp-card-hide-brand-image .rp-card-brand-image,
.rp-global-card-components.rp-card-hide-stock .rp-card-stock {
    display: none !important;
}

/* Make the desktop/shared card a true ordered component stack. */
.rp-global-card-components .rp-shop-card-inner {
    display: flex !important;
    flex-direction: column !important;
}
.rp-global-card-components .rp-shop-card-inner > .rp-shop-card-link {
    display: contents !important;
}
.rp-global-card-components .rp-shop-card-inner > .rp-shop-card-actions {
    display: contents !important;
}
.rp-global-card-components .rp-shop-card-inner > .rp-shop-card-footer {
    display: contents !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-shop-card-media {
    order: var(--rp-order-image, 3) !important;
}
.rp-global-card-components .rp-shop-card-inner .woocommerce-loop-product__title {
    order: var(--rp-order-title, 4) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-card-brand-name {
    order: var(--rp-order-brand, 2) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-card-brand-image {
    order: var(--rp-order-brand-image, 1) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-shop-card-discount-badge {
    order: var(--rp-order-discount, 8) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-card-stock {
    order: var(--rp-order-stock, 6) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-shop-card-swatches,
.rp-global-card-components .rp-shop-card-inner .rp-card-extra-attributes {
    order: var(--rp-order-swatches, 5) !important;
}
.rp-global-card-components .rp-shop-card-inner [data-rp-quick-add] {
    order: var(--rp-order-buy, 9) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-shop-card-price-wrap {
    order: var(--rp-order-price, 7) !important;
}
.rp-global-card-components .rp-shop-card-inner .rp-product-compare-btn {
    order: var(--rp-order-compare, 10) !important;
}
.rp-global-card-components .rp-shop-card-inner [data-rp-favorite] {
    order: var(--rp-order-favorite, 11) !important;
}

/* Items that were historically absolute need to participate in the selected order. */
.rp-global-card-components .rp-shop-card-inner > .rp-shop-card-discount-badge,
.rp-global-card-components .rp-shop-card-inner > .rp-product-compare-btn,
.rp-global-card-components .rp-shop-card-inner > [data-rp-favorite],
.rp-global-card-components .rp-shop-card-inner > .rp-shop-card-favorite {
    position: static !important;
    inset: auto !important;
    margin: 4px 0 !important;
    align-self: flex-start;
}

.rp-global-card-components .rp-card-brand-image {
    display: block;
    text-decoration: none;
    margin: 4px 0;
}
.rp-global-card-components .rp-card-brand-logo {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 48px;
    object-fit: contain;
}
.rp-global-card-components .rp-card-brand-name {
    display: block;
    text-decoration: none;
    color: inherit;
    margin: 4px 0;
}
.rp-global-card-components .rp-card-stock {
    margin: 4px 0;
    font-size: 12px;
}
.rp-global-card-components .rp-card-extra-attributes {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 6px 0;
}
.rp-global-card-components .rp-card-extra-attribute {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.rp-global-card-components .rp-card-extra-attribute-option {
    border: 1px solid #d9dde2;
    background: #fff;
    border-radius: 999px;
    padding: 4px 9px;
    cursor: pointer;
    font: inherit;
}
.rp-product-card[data-rp-card-url] { cursor: pointer; }
.rp-product-card[data-rp-card-url] :is(a, button, input, select, textarea, label, [role="button"]) { cursor: pointer; }
.rp-global-card-components .rp-card-extra-attribute-option.is-active {
    border-color: #111820;
}

/* Mobile cards keep their native layout, but central on/off rules remain effective. */
.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media-link,
.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title-link {
    display: none !important;
}


/* Product Widget has its own display switches; central card settings do not control it. */
.rp-product-card-component--shortcode-widget.rp-card-hide-image .rp-shop-card-media,
.rp-product-card-component--shortcode-widget.rp-card-hide-image .rp-shop-card-mobile-media,
.rp-product-card-component--shortcode-widget.rp-card-hide-title .woocommerce-loop-product__title,
.rp-product-card-component--shortcode-widget.rp-card-hide-title .rp-shop-card-mobile-title,
.rp-product-card-component--shortcode-widget.rp-card-hide-price .rp-shop-card-footer,
.rp-product-card-component--shortcode-widget.rp-card-hide-price .rp-shop-card-mobile-price-wrap,
.rp-product-card-component--shortcode-widget.rp-card-hide-discount .rp-shop-card-discount-badge,
.rp-product-card-component--shortcode-widget.rp-card-hide-buy [data-rp-quick-add],
.rp-product-card-component--shortcode-widget.rp-card-hide-swatches [data-rp-swatches],
.rp-product-card-component--shortcode-widget.rp-card-hide-compare .rp-product-compare-btn {
    display: none !important;
}

/* Component visibility must win over the ordered-stack display rules above. */
html body li.rp-global-card-components.rp-card-hide-image .rp-shop-card-media,
html body li.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media,
html body li.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media-link,
html body li.rp-global-card-components.rp-card-hide-title .woocommerce-loop-product__title,
html body li.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title,
html body li.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title-link,
html body li.rp-global-card-components.rp-card-hide-price .rp-shop-card-footer,
html body li.rp-global-card-components.rp-card-hide-price .rp-shop-card-mobile-price-wrap,
html body li.rp-global-card-components.rp-card-hide-discount .rp-shop-card-discount-badge,
html body li.rp-global-card-components.rp-card-hide-buy [data-rp-quick-add],
html body li.rp-global-card-components.rp-card-hide-swatches [data-rp-swatches],
html body li.rp-global-card-components.rp-card-hide-compare .rp-product-compare-btn,
html body li.rp-global-card-components.rp-card-hide-favorite [data-rp-favorite],
html body li.rp-global-card-components.rp-card-hide-brand .rp-card-brand-name,
html body li.rp-global-card-components.rp-card-hide-brand-image .rp-card-brand-image,
html body li.rp-global-card-components.rp-card-hide-stock .rp-card-stock {
    display: none !important;
}

/* Discount badges belong to the bottom-right corner of the product image. */
body .rp-product-card-component .rp-shop-card-media,
body .rp-product-card-component .rp-shop-card-mobile-media {
    position: relative !important;
}
body .rp-product-card-component .rp-shop-card-media > .rp-image-discount-badge.rp-card-discount-badge,
body .rp-product-card-component .rp-shop-card-mobile-media > .rp-image-discount-badge.rp-card-discount-badge {
    top: auto !important;
    right: 8px !important;
    bottom: 8px !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 4 !important;
}
.rp-widget-products.rp-widget-discount-top-right .rp-product-card-component :is(.rp-shop-card-media, .rp-shop-card-mobile-media) > .rp-image-discount-badge.rp-card-discount-badge { top: 8px !important; right: 8px !important; bottom: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-discount-top-left .rp-product-card-component :is(.rp-shop-card-media, .rp-shop-card-mobile-media) > .rp-image-discount-badge.rp-card-discount-badge { top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important; }
.rp-widget-products.rp-widget-discount-bottom-right .rp-product-card-component :is(.rp-shop-card-media, .rp-shop-card-mobile-media) > .rp-image-discount-badge.rp-card-discount-badge { right: 8px !important; bottom: 8px !important; top: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-discount-bottom-left .rp-product-card-component :is(.rp-shop-card-media, .rp-shop-card-mobile-media) > .rp-image-discount-badge.rp-card-discount-badge { left: 8px !important; bottom: 8px !important; top: auto !important; right: auto !important; }

/* Product Widget compare control matches the compact shop-card icon. */
.rp-widget-products .rp-product-card-component--shortcode-widget .rp-shop-card-inner,
.rp-widget-products .rp-product-card-component--shortcode-widget .rp-shop-card-mobile {
    position: relative !important;
}

.rp-widget-products .rp-product-card-component--shortcode-widget:not(.rp-card-hide-compare) .rp-product-compare-mini {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    transform: none !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111820 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 8 !important;
}

.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini .rp-compare-icon {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    background: currentColor !important;
    -webkit-mask: url('../../icons/rp-compare-icon.svg') center / contain no-repeat !important;
    mask: url('../../icons/rp-compare-icon.svg') center / contain no-repeat !important;
}

.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini .rp-compare-icon::before,
.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini .rp-compare-icon::after {
    display: none !important;
    content: none !important;
}
.rp-widget-products.rp-widget-compare-top-right .rp-product-card-component--shortcode-widget .rp-product-compare-mini { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-compare-top-left .rp-product-card-component--shortcode-widget .rp-product-compare-mini { top: 10px !important; left: 10px !important; right: auto !important; bottom: auto !important; }
.rp-widget-products.rp-widget-compare-bottom-right .rp-product-card-component--shortcode-widget .rp-product-compare-mini { right: 10px !important; bottom: 10px !important; top: auto !important; left: auto !important; }
.rp-widget-products.rp-widget-compare-bottom-left .rp-product-card-component--shortcode-widget .rp-product-compare-mini { left: 10px !important; bottom: 10px !important; top: auto !important; right: auto !important; }

.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini:hover,
.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini.is-active,
.rp-widget-products .rp-product-card-component--shortcode-widget .rp-product-compare-mini[aria-pressed="true"] {
    border-color: #111820 !important;
    background: #111820 !important;
    color: #fff !important;
}
/* Unified named product-card layouts. Appearance variables are resolved from
   the Product Card settings; contexts only select layouts and visibility. */
li.rp-product-card-component {
    --rp-product-card-root-color: #343a40;
    position: relative;
    min-width: 0;
    list-style: none;
    color: var(--rp-product-card-root-color);
}

body.rp-compare-mode-active [data-rp-product-card] {
    position: relative !important;
    cursor: pointer;
}

body.rp-compare-mode-active [data-rp-product-card] [data-rp-compare-managed-control] {
    opacity: .48 !important;
    cursor: not-allowed !important;
}

.rp-compare-card-toggle {
    position: absolute !important;
    inset: 0 !important;
    z-index: 60 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer !important;
    appearance: none !important;
}

.rp-compare-card-toggle:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: -4px !important;
    box-shadow: inset 0 0 0 7px #111820 !important;
}

.rp-compare-selection-tray {
    position: fixed;
    inset-inline: 16px;
    bottom: 16px;
    z-index: 1000000;
    width: min(680px, calc(100vw - 32px));
    min-height: 64px;
    margin-inline: auto;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    background: #111820;
    color: #fff;
    box-shadow: 0 18px 50px rgba(17, 24, 32, .28);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    line-height: 1.65;
}

.rp-compare-selection-tray[hidden] {
    display: none !important;
}

.rp-compare-selection-tray__count {
    min-width: 0;
    font-weight: 700;
}

.rp-compare-selection-tray__actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.rp-compare-selection-tray__view,
.rp-compare-selection-tray__exit {
    min-height: 38px;
    margin: 0;
    padding: 6px 12px;
    border-radius: 9px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.rp-compare-selection-tray__view {
    border: 1px solid #fff;
    background: #fff;
    color: #111820;
}

.rp-compare-selection-tray__view:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.rp-compare-selection-tray__exit {
    border: 1px solid rgba(255, 255, 255, .55);
    background: transparent;
    color: #fff;
}

body.rp-compare-mode-active .rp-compare-live-feedback {
    bottom: 98px;
}

/* The compare tray is a separate dark-mode surface, not the page background. */
:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-compare-selection-tray {
    border-color: #586473;
    background: #333d49;
    color: #edf1f5;
    font-size: 12px;
    line-height: 1.65;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .34);
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-compare-selection-tray__view,
:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-compare-selection-tray__exit {
    min-height: 38px;
    padding: 6px 12px;
    font-size: 12px;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-compare-selection-tray__view {
    border-color: #b8c0c9;
    background: #b8c0c9;
    color: #18212a;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-compare-selection-tray__exit {
    border-color: #a3adb8;
    color: #f2f5f7;
}

@media (max-width: 560px) {
    .rp-compare-selection-tray {
        inset-inline: 10px;
        bottom: 10px;
        width: calc(100vw - 20px);
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .rp-compare-selection-tray__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .rp-compare-selection-tray__view,
    .rp-compare-selection-tray__exit {
        width: 100%;
    }

    body.rp-compare-mode-active .rp-compare-live-feedback {
        bottom: 142px;
    }
}

.rp-compare-live-feedback {
    position: fixed;
    right: 16px;
    bottom: 84px;
    z-index: 1000001;
    max-width: min(360px, calc(100vw - 32px));
    padding: 10px 14px;
    border-radius: 10px;
    background: #111820;
    color: #fff;
    box-shadow: 0 14px 34px rgba(17, 24, 32, .22);
    font-size: 13px;
    line-height: 1.8;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.rp-compare-live-feedback.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

html body .woocommerce ul.products li.product.rp-product-card-component,
html body .rp-shop-archive ul.products li.product.rp-product-card-component,
html body li.product.rp-product-card-component {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.rp-card-hide-image .rp-card-component--image,
.rp-card-hide-background-box .rp-card-component--background-box,
.rp-card-hide-title .rp-card-component--title,
.rp-card-hide-price .rp-card-component--price,
.rp-card-hide-brand .rp-card-component--brand,
.rp-card-hide-brand-image .rp-card-component--brand-image,
.rp-card-hide-discount .rp-card-component--discount,
.rp-card-hide-stock .rp-card-component--stock,
.rp-card-hide-buy .rp-card-component--buy,
.rp-card-hide-swatches .rp-card-component--swatches,
.rp-card-hide-attributes .rp-card-component--attributes,
.rp-card-hide-compare .rp-card-component--compare,
.rp-card-hide-favorite .rp-card-component--favorite { display: none !important; }
.rp-card-hide-regular-price .rp-card-component--price :is(del,.rp-card-price-before,.rp-shop-card-price-before-discount),
.rp-card-hide-sale-price .rp-card-component--price :is(ins,.rp-card-price-final,.rp-shop-card-price-final) { display:none !important; }

@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-transition-enter-ms: var(--rp-card-desktop-transition-enter-ms, var(--rp-card-desktop-transition-ms, 180ms));
        --rp-card-current-transition-leave-ms: var(--rp-card-desktop-transition-leave-ms, var(--rp-card-desktop-transition-ms, 180ms));
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-transition-enter-ms: var(--rp-card-tablet-transition-enter-ms, var(--rp-card-tablet-transition-ms, 180ms));
        --rp-card-current-transition-leave-ms: var(--rp-card-tablet-transition-leave-ms, var(--rp-card-tablet-transition-ms, 180ms));
    }
}
@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-transition-enter-ms: var(--rp-card-mobile-transition-enter-ms, var(--rp-card-mobile-transition-ms, 180ms));
        --rp-card-current-transition-leave-ms: var(--rp-card-mobile-transition-leave-ms, var(--rp-card-mobile-transition-ms, 180ms));
    }
}

li.rp-product-card-component > .rp-product-card {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    width: var(--rp-card-current-width, 100%);
    max-width: var(--rp-card-current-max-width, 100%);
    min-width: 0;
    min-height: var(--rp-card-current-min-height, 280px);
    max-height: var(--rp-card-current-max-height, none);
    padding: var(--rp-card-current-padding-top, 20px) var(--rp-card-current-padding-right, 20px) var(--rp-card-current-padding-bottom, 20px) var(--rp-card-current-padding-left, 20px);
    margin: var(--rp-card-current-margin-top, 0) var(--rp-card-current-margin-right, 0) var(--rp-card-current-margin-bottom, 0) var(--rp-card-current-margin-left, 0);
    gap: var(--rp-card-current-gap, 8px);
    overflow: hidden;
    box-sizing: border-box;
    background: var(--rp-card-current-background, #fff);
    border-style: solid;
    border-width: var(--rp-card-current-border-top,1px) var(--rp-card-current-border-right,1px) var(--rp-card-current-border-bottom,1px) var(--rp-card-current-border-left,1px);
    border-color: var(--rp-card-current-border-color, #eef1f4);
    border-radius: var(--rp-card-current-radius-top-right, 14px) var(--rp-card-current-radius-top-left, 14px) var(--rp-card-current-radius-bottom-left, 14px) var(--rp-card-current-radius-bottom-right, 14px);
    box-shadow: var(--rp-card-current-shadow, none);
    transition: border-color var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms,.18s)) ease, box-shadow var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms,.18s)) ease, transform var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms,.18s)) ease;
}

@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-background-box-background: var(--rp-card-desktop-background-box-background, transparent);
        --rp-card-current-background-box-margin-top: var(--rp-card-desktop-background-box-margin-top, 0px);
        --rp-card-current-background-box-margin-right: var(--rp-card-desktop-background-box-margin-right, 0px);
        --rp-card-current-background-box-margin-bottom: var(--rp-card-desktop-background-box-margin-bottom, 0px);
        --rp-card-current-background-box-margin-left: var(--rp-card-desktop-background-box-margin-left, 0px);
        --rp-card-current-background-box-radius-top-right: var(--rp-card-desktop-background-box-radius-top-right, 0px);
        --rp-card-current-background-box-radius-top-left: var(--rp-card-desktop-background-box-radius-top-left, 0px);
        --rp-card-current-background-box-radius-bottom-left: var(--rp-card-desktop-background-box-radius-bottom-left, 0px);
        --rp-card-current-background-box-radius-bottom-right: var(--rp-card-desktop-background-box-radius-bottom-right, 0px);
    }
    .rp-card-hide-desktop-background-box .rp-card-component--background-box { display: none !important; }
    li.rp-product-card-component.rp-card-has-desktop-background-box > .rp-product-card > .rp-product-card__content,
    li.rp-product-card-component.rp-card-has-desktop-background-box > .rp-product-card > .rp-product-card__content * { pointer-events: none; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-background-box-background: var(--rp-card-tablet-background-box-background, var(--rp-card-desktop-background-box-background, transparent));
        --rp-card-current-background-box-margin-top: var(--rp-card-tablet-background-box-margin-top, var(--rp-card-desktop-background-box-margin-top, 0px));
        --rp-card-current-background-box-margin-right: var(--rp-card-tablet-background-box-margin-right, var(--rp-card-desktop-background-box-margin-right, 0px));
        --rp-card-current-background-box-margin-bottom: var(--rp-card-tablet-background-box-margin-bottom, var(--rp-card-desktop-background-box-margin-bottom, 0px));
        --rp-card-current-background-box-margin-left: var(--rp-card-tablet-background-box-margin-left, var(--rp-card-desktop-background-box-margin-left, 0px));
        --rp-card-current-background-box-radius-top-right: var(--rp-card-tablet-background-box-radius-top-right, var(--rp-card-desktop-background-box-radius-top-right, 0px));
        --rp-card-current-background-box-radius-top-left: var(--rp-card-tablet-background-box-radius-top-left, var(--rp-card-desktop-background-box-radius-top-left, 0px));
        --rp-card-current-background-box-radius-bottom-left: var(--rp-card-tablet-background-box-radius-bottom-left, var(--rp-card-desktop-background-box-radius-bottom-left, 0px));
        --rp-card-current-background-box-radius-bottom-right: var(--rp-card-tablet-background-box-radius-bottom-right, var(--rp-card-desktop-background-box-radius-bottom-right, 0px));
    }
    .rp-card-hide-tablet-background-box .rp-card-component--background-box { display: none !important; }
    li.rp-product-card-component.rp-card-has-tablet-background-box > .rp-product-card > .rp-product-card__content,
    li.rp-product-card-component.rp-card-has-tablet-background-box > .rp-product-card > .rp-product-card__content * { pointer-events: none; }
}

@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-background-box-background: var(--rp-card-mobile-background-box-background, transparent);
        --rp-card-current-background-box-margin-top: var(--rp-card-mobile-background-box-margin-top, 0px);
        --rp-card-current-background-box-margin-right: var(--rp-card-mobile-background-box-margin-right, 0px);
        --rp-card-current-background-box-margin-bottom: var(--rp-card-mobile-background-box-margin-bottom, 0px);
        --rp-card-current-background-box-margin-left: var(--rp-card-mobile-background-box-margin-left, 0px);
        --rp-card-current-background-box-radius-top-right: var(--rp-card-mobile-background-box-radius-top-right, 0px);
        --rp-card-current-background-box-radius-top-left: var(--rp-card-mobile-background-box-radius-top-left, 0px);
        --rp-card-current-background-box-radius-bottom-left: var(--rp-card-mobile-background-box-radius-bottom-left, 0px);
        --rp-card-current-background-box-radius-bottom-right: var(--rp-card-mobile-background-box-radius-bottom-right, 0px);
    }
    .rp-card-hide-mobile-background-box .rp-card-component--background-box { display: none !important; }
    li.rp-product-card-component.rp-card-has-mobile-background-box > .rp-product-card > .rp-product-card__content,
    li.rp-product-card-component.rp-card-has-mobile-background-box > .rp-product-card > .rp-product-card__content * { pointer-events: none; }
}

li.rp-product-card-component > .rp-product-card > .rp-card-component--background-box {
    position: absolute;
    z-index: 0;
    top: calc(var(--rp-card-current-padding-top, 20px) + var(--rp-card-current-background-box-margin-top, 0px));
    right: calc(var(--rp-card-current-padding-right, 20px) + var(--rp-card-current-background-box-margin-right, 0px));
    left: calc(var(--rp-card-current-padding-left, 20px) + var(--rp-card-current-background-box-margin-left, 0px));
    width: auto;
    height: max(0px, calc(((100% - var(--rp-card-current-padding-top, 20px) - var(--rp-card-current-padding-bottom, 20px)) / 2) - var(--rp-card-current-background-box-margin-top, 0px) - var(--rp-card-current-background-box-margin-bottom, 0px)));
    margin: 0;
    padding: 0;
    pointer-events: auto;
    text-decoration: none;
    background: var(--rp-card-current-background-box-background, transparent);
    border-radius:
        var(--rp-card-current-background-box-radius-top-right, 0px)
        var(--rp-card-current-background-box-radius-top-left, 0px)
        var(--rp-card-current-background-box-radius-bottom-left, 0px)
        var(--rp-card-current-background-box-radius-bottom-right, 0px);
}

li.rp-product-card-component > .rp-product-card > .rp-card-component--free-background-box {
    position: absolute;
    z-index: var(--rp-card-current-z-index-free-background-box, 0);
    top: var(--rp-card-current-free-background-box-top, auto);
    right: var(--rp-card-current-free-background-box-right, auto);
    bottom: var(--rp-card-current-free-background-box-bottom, auto);
    left: var(--rp-card-current-free-background-box-left, auto);
    width: var(--rp-card-current-free-background-box-width, 160px);
    height: var(--rp-card-current-free-background-box-height, 120px);
    max-width: 100%;
    max-height: 100%;
    background: var(--rp-card-current-free-background-box-background, transparent);
    border-radius: var(--rp-card-current-free-background-box-radius-top-right,0) var(--rp-card-current-free-background-box-radius-top-left,0) var(--rp-card-current-free-background-box-radius-bottom-left,0) var(--rp-card-current-free-background-box-radius-bottom-right,0);
    text-decoration: none;
}

@media (min-width:1025px) {
  li.rp-product-card-component { --rp-card-current-free-background-box-background:var(--rp-card-desktop-free-background-box-background,transparent); --rp-card-current-free-background-box-width:var(--rp-card-desktop-free-background-box-width,160px); --rp-card-current-free-background-box-height:var(--rp-card-desktop-free-background-box-height,120px); --rp-card-current-free-background-box-top:var(--rp-card-desktop-free-background-box-top,auto); --rp-card-current-free-background-box-right:var(--rp-card-desktop-free-background-box-right,auto); --rp-card-current-free-background-box-bottom:var(--rp-card-desktop-free-background-box-bottom,auto); --rp-card-current-free-background-box-left:var(--rp-card-desktop-free-background-box-left,auto); --rp-card-current-free-background-box-radius-top-right:var(--rp-card-desktop-free-background-box-radius-top-right,0); --rp-card-current-free-background-box-radius-top-left:var(--rp-card-desktop-free-background-box-radius-top-left,0); --rp-card-current-free-background-box-radius-bottom-left:var(--rp-card-desktop-free-background-box-radius-bottom-left,0); --rp-card-current-free-background-box-radius-bottom-right:var(--rp-card-desktop-free-background-box-radius-bottom-right,0); }
  .rp-card-hide-desktop-free-background-box .rp-card-component--free-background-box {display:none!important}
}

@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-z-index-background-box:var(--rp-card-desktop-z-index-background-box,0);--rp-card-current-z-index-free-background-box:var(--rp-card-desktop-z-index-free-background-box,0);--rp-card-current-z-index-image:var(--rp-card-desktop-z-index-image,1);--rp-card-current-z-index-title:var(--rp-card-desktop-z-index-title,1);--rp-card-current-z-index-price:var(--rp-card-desktop-z-index-price,1);--rp-card-current-z-index-brand:var(--rp-card-desktop-z-index-brand,1);--rp-card-current-z-index-brand-image:var(--rp-card-desktop-z-index-brand-image,1);--rp-card-current-z-index-discount:var(--rp-card-desktop-z-index-discount,1);--rp-card-current-z-index-countdown:var(--rp-card-desktop-z-index-countdown,1);--rp-card-current-z-index-featured:var(--rp-card-desktop-z-index-featured,1);--rp-card-current-z-index-stock:var(--rp-card-desktop-z-index-stock,1);--rp-card-current-z-index-stock-quantity:var(--rp-card-desktop-z-index-stock-quantity,1);--rp-card-current-z-index-buy:var(--rp-card-desktop-z-index-buy,1);--rp-card-current-z-index-swatches:var(--rp-card-desktop-z-index-swatches,1);--rp-card-current-z-index-attributes:var(--rp-card-desktop-z-index-attributes,1);--rp-card-current-z-index-compare:var(--rp-card-desktop-z-index-compare,1);--rp-card-current-z-index-favorite:var(--rp-card-desktop-z-index-favorite,1)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-z-index-background-box:var(--rp-card-tablet-z-index-background-box,0);--rp-card-current-z-index-free-background-box:var(--rp-card-tablet-z-index-free-background-box,0);--rp-card-current-z-index-image:var(--rp-card-tablet-z-index-image,1);--rp-card-current-z-index-title:var(--rp-card-tablet-z-index-title,1);--rp-card-current-z-index-price:var(--rp-card-tablet-z-index-price,1);--rp-card-current-z-index-brand:var(--rp-card-tablet-z-index-brand,1);--rp-card-current-z-index-brand-image:var(--rp-card-tablet-z-index-brand-image,1);--rp-card-current-z-index-discount:var(--rp-card-tablet-z-index-discount,1);--rp-card-current-z-index-countdown:var(--rp-card-tablet-z-index-countdown,1);--rp-card-current-z-index-featured:var(--rp-card-tablet-z-index-featured,1);--rp-card-current-z-index-stock:var(--rp-card-tablet-z-index-stock,1);--rp-card-current-z-index-stock-quantity:var(--rp-card-tablet-z-index-stock-quantity,1);--rp-card-current-z-index-buy:var(--rp-card-tablet-z-index-buy,1);--rp-card-current-z-index-swatches:var(--rp-card-tablet-z-index-swatches,1);--rp-card-current-z-index-attributes:var(--rp-card-tablet-z-index-attributes,1);--rp-card-current-z-index-compare:var(--rp-card-tablet-z-index-compare,1);--rp-card-current-z-index-favorite:var(--rp-card-tablet-z-index-favorite,1)}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-z-index-background-box:var(--rp-card-mobile-z-index-background-box,0);--rp-card-current-z-index-free-background-box:var(--rp-card-mobile-z-index-free-background-box,0);--rp-card-current-z-index-image:var(--rp-card-mobile-z-index-image,1);--rp-card-current-z-index-title:var(--rp-card-mobile-z-index-title,1);--rp-card-current-z-index-price:var(--rp-card-mobile-z-index-price,1);--rp-card-current-z-index-brand:var(--rp-card-mobile-z-index-brand,1);--rp-card-current-z-index-brand-image:var(--rp-card-mobile-z-index-brand-image,1);--rp-card-current-z-index-discount:var(--rp-card-mobile-z-index-discount,1);--rp-card-current-z-index-countdown:var(--rp-card-mobile-z-index-countdown,1);--rp-card-current-z-index-featured:var(--rp-card-mobile-z-index-featured,1);--rp-card-current-z-index-stock:var(--rp-card-mobile-z-index-stock,1);--rp-card-current-z-index-stock-quantity:var(--rp-card-mobile-z-index-stock-quantity,1);--rp-card-current-z-index-buy:var(--rp-card-mobile-z-index-buy,1);--rp-card-current-z-index-swatches:var(--rp-card-mobile-z-index-swatches,1);--rp-card-current-z-index-attributes:var(--rp-card-mobile-z-index-attributes,1);--rp-card-current-z-index-compare:var(--rp-card-mobile-z-index-compare,1);--rp-card-current-z-index-favorite:var(--rp-card-mobile-z-index-favorite,1)}}
@media (min-width:768px) and (max-width:1024px) {
  li.rp-product-card-component { --rp-card-current-free-background-box-background:var(--rp-card-tablet-free-background-box-background,transparent); --rp-card-current-free-background-box-width:var(--rp-card-tablet-free-background-box-width,160px); --rp-card-current-free-background-box-height:var(--rp-card-tablet-free-background-box-height,120px); --rp-card-current-free-background-box-top:var(--rp-card-tablet-free-background-box-top,auto); --rp-card-current-free-background-box-right:var(--rp-card-tablet-free-background-box-right,auto); --rp-card-current-free-background-box-bottom:var(--rp-card-tablet-free-background-box-bottom,auto); --rp-card-current-free-background-box-left:var(--rp-card-tablet-free-background-box-left,auto); --rp-card-current-free-background-box-radius-top-right:var(--rp-card-tablet-free-background-box-radius-top-right,0); --rp-card-current-free-background-box-radius-top-left:var(--rp-card-tablet-free-background-box-radius-top-left,0); --rp-card-current-free-background-box-radius-bottom-left:var(--rp-card-tablet-free-background-box-radius-bottom-left,0); --rp-card-current-free-background-box-radius-bottom-right:var(--rp-card-tablet-free-background-box-radius-bottom-right,0); }
  .rp-card-hide-tablet-free-background-box .rp-card-component--free-background-box {display:none!important}
}
@media (max-width:767px) {
  li.rp-product-card-component { --rp-card-current-free-background-box-background:var(--rp-card-mobile-free-background-box-background,transparent); --rp-card-current-free-background-box-width:var(--rp-card-mobile-free-background-box-width,160px); --rp-card-current-free-background-box-height:var(--rp-card-mobile-free-background-box-height,120px); --rp-card-current-free-background-box-top:var(--rp-card-mobile-free-background-box-top,auto); --rp-card-current-free-background-box-right:var(--rp-card-mobile-free-background-box-right,auto); --rp-card-current-free-background-box-bottom:var(--rp-card-mobile-free-background-box-bottom,auto); --rp-card-current-free-background-box-left:var(--rp-card-mobile-free-background-box-left,auto); --rp-card-current-free-background-box-radius-top-right:var(--rp-card-mobile-free-background-box-radius-top-right,0); --rp-card-current-free-background-box-radius-top-left:var(--rp-card-mobile-free-background-box-radius-top-left,0); --rp-card-current-free-background-box-radius-bottom-left:var(--rp-card-mobile-free-background-box-radius-bottom-left,0); --rp-card-current-free-background-box-radius-bottom-right:var(--rp-card-mobile-free-background-box-radius-bottom-right,0); }
  .rp-card-hide-mobile-free-background-box .rp-card-component--free-background-box {display:none!important}
}

/* Every component has its own responsive stacking token. */
.rp-product-card .rp-card-component--background-box{z-index:var(--rp-card-current-z-index-background-box,0)}
.rp-product-card .rp-card-component--image{z-index:var(--rp-card-current-z-index-image,1)}
.rp-product-card .rp-card-component--title{z-index:var(--rp-card-current-z-index-title,1)}
.rp-product-card .rp-card-component--price{z-index:var(--rp-card-current-z-index-price,1)}
.rp-product-card .rp-card-component--brand{z-index:var(--rp-card-current-z-index-brand,1)}
.rp-product-card .rp-card-component--brand-image{z-index:var(--rp-card-current-z-index-brand-image,1)}
.rp-product-card .rp-card-component--discount{z-index:var(--rp-card-current-z-index-discount,1)}
.rp-product-card .rp-card-component--countdown{z-index:var(--rp-card-current-z-index-countdown,1)}
.rp-product-card .rp-card-component--featured{z-index:var(--rp-card-current-z-index-featured,1)}
.rp-product-card .rp-card-component--stock{z-index:var(--rp-card-current-z-index-stock,1)}
.rp-product-card .rp-card-component--stock-quantity{z-index:var(--rp-card-current-z-index-stock-quantity,1)}
.rp-product-card .rp-card-component--buy{z-index:var(--rp-card-current-z-index-buy,1)}
.rp-product-card .rp-card-component--swatches{z-index:var(--rp-card-current-z-index-swatches,1)}
.rp-product-card .rp-card-component--attributes{z-index:var(--rp-card-current-z-index-attributes,1)}
.rp-product-card .rp-card-component--compare{z-index:var(--rp-card-current-z-index-compare,1)}
.rp-product-card .rp-card-component--favorite{z-index:var(--rp-card-current-z-index-favorite,1)}

li.rp-product-card-component > .rp-product-card > .rp-product-card__content :is(a, button, input, select, textarea, [role="button"]) {
    pointer-events: auto;
}

li.rp-product-card-component > .rp-product-card:hover {
    transition-duration: var(--rp-card-current-transition-enter-ms, var(--rp-card-current-transition-ms,.18s));
    border-color: var(--rp-card-current-border-hover-color, #cbd5e1);
    box-shadow: var(--rp-card-current-shadow-hover, var(--rp-card-current-shadow,none));
    transform: translateY(var(--rp-card-current-hover-translate-y,0)) scale(var(--rp-card-current-hover-scale,1));
}

.rp-product-card__tools {
    position: absolute;
    inset: 10px;
    /* Do not create a parent stacking context: Favorite and Compare own their
       independently configurable responsive z-index values. */
    z-index: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}
.rp-product-card__tools .rp-card-component--favorite { position:absolute;top:0;right:0; }
.rp-product-card__tools .rp-card-component--compare { position:absolute;top:0;left:0; }

.rp-product-card__tools .rp-card-component {
    pointer-events: auto;
}

.rp-product-card__media {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: visible;
    text-decoration: none;
    border-radius: 0;
}

.rp-product-card__media img {
    display: block;
    flex: 0 0 auto;
    width: min(100%, var(--rp-card-current-image-max-width, 100%));
    height: auto;
    margin: var(--rp-card-current-image-margin-top,auto) var(--rp-card-current-image-margin-right,auto) var(--rp-card-current-image-margin-bottom,auto) var(--rp-card-current-image-margin-left,auto);
    object-fit: contain;
    border-radius: var(--rp-card-current-image-radius-top-right, 0) var(--rp-card-current-image-radius-top-left, 0) var(--rp-card-current-image-radius-bottom-left, 0) var(--rp-card-current-image-radius-bottom-right, 0) !important;
}

.rp-product-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    gap: var(--rp-card-current-gap, 8px);
}

.rp-product-card__content a {
    text-decoration: none;
}

.rp-product-card__content .rp-card-title,
.rp-product-card__content .rp-card-title a {
    margin: 0;
    color: var(--rp-card-current-title-color, #111820);
    font-size: var(--rp-card-current-title-size, 13px);
    font-weight: var(--rp-card-current-title-weight, 400);
    line-height: var(--rp-card-current-title-line-height, 1.7);
    text-align: var(--rp-card-current-title-align,right);
    margin: var(--rp-card-current-title-margin-top,0) var(--rp-card-current-title-margin-right,0) var(--rp-card-current-title-margin-bottom,0) var(--rp-card-current-title-margin-left,0);
}

.rp-product-card__content .rp-card-title a:hover {
    color: var(--rp-card-current-title-hover-color, var(--rp-theme-general-accent, #fd314a));
}

.rp-product-card__content .rp-card-brand-name {
    position: absolute;
    z-index: 3;
    margin: 0;
    color: var(--rp-card-current-brand-color, #6b7280);
    font-size: var(--rp-card-current-brand-size, 11px);
    font-weight: var(--rp-card-current-brand-weight,400);
    text-align: var(--rp-card-current-brand-align,right);
}
.rp-product-card__content .rp-card-brand-name:hover { color:var(--rp-card-current-brand-hover-color,var(--rp-card-current-brand-color,#6b7280)); }

.rp-product-card__content .rp-card-brand-image {
    position: absolute;
    z-index: 3;
    margin: 0;
    overflow: hidden;
    border-radius: var(--rp-card-current-brand-image-radius-top-right,0) var(--rp-card-current-brand-image-radius-top-left,0) var(--rp-card-current-brand-image-radius-bottom-left,0) var(--rp-card-current-brand-image-radius-bottom-right,0);
}

.rp-product-card__content .rp-card-price-final {
    color: var(--rp-card-current-sale-price-color, var(--rp-card-current-price-color, #111820));
    font-size: var(--rp-card-current-price-size, 12px);
    font-weight: var(--rp-card-current-price-weight, 400);
    line-height: var(--rp-card-current-price-line-height,1.6);
}

.rp-product-card__content .rp-card-price-before {
    color: var(--rp-card-current-regular-price-color, #ff4d4f);
    font-size: var(--rp-card-current-regular-price-size, 10px);
    font-weight: var(--rp-card-current-regular-price-weight, 400);
    line-height: var(--rp-card-current-regular-price-line-height, 1.6);
}
.rp-product-card__content .rp-card-price-wrap { text-align:var(--rp-card-current-price-align,right); }

.rp-product-card__content .rp-card-stock.is-in-stock { color: var(--rp-card-current-stock-in-color, #15803d); }
.rp-product-card__content .rp-card-stock.is-out-of-stock { color: var(--rp-card-current-stock-out-color, #b91c1c); }
.rp-product-card__content .rp-card-stock { font-size:var(--rp-card-current-stock-size,12px);font-weight:var(--rp-card-current-stock-weight,400); }
.rp-product-card__content .rp-card-brand-logo { max-height:var(--rp-card-current-brand-image-max-height,48px);width:auto;border-radius:var(--rp-card-current-brand-image-radius-top-right,0) var(--rp-card-current-brand-image-radius-top-left,0) var(--rp-card-current-brand-image-radius-bottom-left,0) var(--rp-card-current-brand-image-radius-bottom-right,0); }
.rp-product-card__content .rp-card-swatches { gap:var(--rp-card-current-swatch-gap,7px); }
.rp-product-card__content .rp-card-swatch { width:var(--rp-card-current-swatch-size,28px);height:var(--rp-card-current-swatch-size,28px);border-width:var(--rp-card-current-swatch-border-width,1px);border-color:var(--rp-card-current-swatch-border-color,#e5e7eb);border-radius:var(--rp-card-current-swatch-radius-top-right,999px) var(--rp-card-current-swatch-radius-top-left,999px) var(--rp-card-current-swatch-radius-bottom-left,999px) var(--rp-card-current-swatch-radius-bottom-right,999px); }
.rp-product-card__content .rp-card-swatch.is-active { border-color:var(--rp-card-current-swatch-active-border-color,#111820); }
.rp-product-card__content .rp-card-extra-attribute-option { color:var(--rp-card-current-attribute-color,#111820);background:var(--rp-card-current-attribute-bg,#fff);border-color:var(--rp-card-current-attribute-border-color,#d9dde2);border-width:var(--rp-card-current-attribute-border-width,1px);font-size:var(--rp-card-current-attribute-size,11px);padding:var(--rp-card-current-attribute-padding-top,4px) var(--rp-card-current-attribute-padding-right,9px) var(--rp-card-current-attribute-padding-bottom,4px) var(--rp-card-current-attribute-padding-left,9px);border-radius:var(--rp-card-current-attribute-radius-top-right,999px) var(--rp-card-current-attribute-radius-top-left,999px) var(--rp-card-current-attribute-radius-bottom-left,999px) var(--rp-card-current-attribute-radius-bottom-right,999px); }
@media (min-width:1025px){.rp-product-card__content .rp-card-extra-attribute-option:hover,.rp-product-card__content .rp-card-extra-attribute-option:focus-visible{color:var(--rp-card-desktop-attribute-hover-color,#fff)!important;background:var(--rp-card-desktop-attribute-hover-bg,#111820)!important}}
@media (min-width:768px) and (max-width:1024px){.rp-product-card__content .rp-card-extra-attribute-option:hover,.rp-product-card__content .rp-card-extra-attribute-option:focus-visible{color:var(--rp-card-tablet-attribute-hover-color,var(--rp-card-desktop-attribute-hover-color,#fff))!important;background:var(--rp-card-tablet-attribute-hover-bg,var(--rp-card-desktop-attribute-hover-bg,#111820))!important}}
@media (max-width:767px){.rp-product-card__content .rp-card-extra-attribute-option:hover,.rp-product-card__content .rp-card-extra-attribute-option:focus-visible{color:var(--rp-card-mobile-attribute-hover-color,#fff)!important;background:var(--rp-card-mobile-attribute-hover-bg,#111820)!important}}

.rp-product-card__media .rp-card-discount-badge {
    position: absolute;
    inset: auto auto 8px 8px;
    color: var(--rp-card-current-discount-color, #fff);
    background: var(--rp-card-current-discount-bg, #ff5a4f);
    font-size:var(--rp-card-current-discount-size,10px);
    border-radius:var(--rp-card-current-discount-radius-top-right,5px) var(--rp-card-current-discount-radius-top-left,5px) var(--rp-card-current-discount-radius-bottom-left,5px) var(--rp-card-current-discount-radius-bottom-right,5px);
}

.rp-product-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--rp-card-current-actions-gap, var(--rp-card-current-gap, 8px));
    margin-top: auto;
}

.rp-product-card__footer .rp-card-add {
    color: var(--rp-card-current-quick-add-color, #fff);
    background: var(--rp-card-current-quick-add-bg, #ff5722);
    border-radius: var(--rp-card-current-quick-add-radius-top-right, 999px) var(--rp-card-current-quick-add-radius-top-left, 999px) var(--rp-card-current-quick-add-radius-bottom-left, 999px) var(--rp-card-current-quick-add-radius-bottom-right, 999px);
}

.rp-product-card__footer .rp-card-add:hover {
    color: var(--rp-card-current-quick-add-hover-color, #fff);
    background: var(--rp-card-current-quick-add-hover-bg, #111820);
}
.rp-product-card__footer .rp-card-add.is-needs-choice:not(.is-ready),
.rp-product-card__footer .rp-card-add[aria-disabled="true"]:not(.is-ready) {
    color:#fff !important;
    background:#d7cecb !important;
    border-color:#d7cecb !important;
}

.rp-product-card__tools .rp-card-compare,
.rp-product-card__tools [data-rp-favorite] {
    color: var(--rp-card-current-icon-color, #111820) !important;
    font-size:var(--rp-card-current-icon-size,18px) !important;
}

.rp-product-card__tools .rp-card-compare:hover,
.rp-product-card__tools [data-rp-favorite]:hover {
    color: var(--rp-card-current-icon-hover-color, #ff5722) !important;
}

@media (min-width: 1025px) {
    li.rp-product-card-component .rp-product-card__media {
        height: var(--rp-card-desktop-image-height, 50px);
    }
    li.rp-product-card-component .rp-product-card__media img {
        height: var(--rp-card-desktop-image-height, 50px) !important;
        max-height: var(--rp-card-desktop-image-height, 50px) !important;
        object-fit: contain !important;
        mix-blend-mode: var(--rp-card-desktop-image-blend-mode, normal) !important;
    }
    li.rp-product-card-component .rp-card-brand-image {
        top: var(--rp-card-desktop-brand-image-position-top, 10px);
        right: var(--rp-card-desktop-brand-image-position-right, 10px);
        bottom: var(--rp-card-desktop-brand-image-position-bottom, auto);
        left: var(--rp-card-desktop-brand-image-position-left, auto);
        mix-blend-mode: var(--rp-card-desktop-brand-image-blend-mode, normal) !important;
    }
    li.rp-product-card-component .rp-card-brand-name {
        top: var(--rp-card-desktop-brand-position-top, 68px);
        right: var(--rp-card-desktop-brand-position-right, 10px);
        bottom: var(--rp-card-desktop-brand-position-bottom, auto);
        left: var(--rp-card-desktop-brand-position-left, auto);
    }

    li.rp-product-card-component {
        --rp-card-current-background: var(--rp-card-desktop-background, #fff);
        --rp-card-current-border-color: var(--rp-card-desktop-border-color, #eef1f4);
        --rp-card-current-border-hover-color: var(--rp-card-desktop-border-hover-color, #cbd5e1);
        --rp-card-current-title-color: var(--rp-card-desktop-title-color, #111820);
        --rp-card-current-title-hover-color: var(--rp-card-desktop-title-hover-color, var(--rp-theme-general-accent, #fd314a));
        --rp-card-current-title-size: var(--rp-card-desktop-title-size, 13px);
        --rp-card-current-title-weight: var(--rp-card-desktop-title-weight, 400);
        --rp-card-current-title-line-height: var(--rp-card-desktop-title-line-height, 1.7);
        --rp-card-current-brand-color: var(--rp-card-desktop-brand-color, #6b7280);
        --rp-card-current-brand-size: var(--rp-card-desktop-brand-size, 11px);
        --rp-card-current-price-color: var(--rp-card-desktop-price-color, #111820);
        --rp-card-current-price-size: var(--rp-card-desktop-price-size, 12px);
        --rp-card-current-price-weight: var(--rp-card-desktop-price-weight, 400);
        --rp-card-current-contact-price-color: var(--rp-card-desktop-contact-price-color, #111820);
        --rp-card-current-contact-price-hover-color: var(--rp-card-desktop-contact-price-hover-color, #ff5722);
        --rp-card-current-contact-price-size: var(--rp-card-desktop-contact-price-size, 12px);
        --rp-card-current-contact-price-weight: var(--rp-card-desktop-contact-price-weight, 700);
        --rp-card-current-contact-price-line-height: var(--rp-card-desktop-contact-price-line-height, 1.6);
        --rp-card-current-contact-price-align: var(--rp-card-desktop-contact-price-align, right);
        --rp-card-current-regular-price-color: var(--rp-card-desktop-regular-price-color, #ff4d4f);
        --rp-card-current-sale-price-color: var(--rp-card-desktop-sale-price-color, #111820);
        --rp-card-current-discount-bg: var(--rp-card-desktop-discount-bg, #ff5a4f);
        --rp-card-current-discount-color: var(--rp-card-desktop-discount-color, #fff);
        --rp-card-current-stock-in-color: var(--rp-card-desktop-stock-in-color, #15803d);
        --rp-card-current-stock-out-color: var(--rp-card-desktop-stock-out-color, #b91c1c);
        --rp-card-current-quick-add-bg: var(--rp-card-desktop-quick-add-bg, #ff5722);
        --rp-card-current-quick-add-color: var(--rp-card-desktop-quick-add-color, #fff);
        --rp-card-current-quick-add-hover-bg: var(--rp-card-desktop-quick-add-hover-bg, #111820);
        --rp-card-current-quick-add-hover-color: var(--rp-card-desktop-quick-add-hover-color, #fff);
        --rp-card-current-icon-color: var(--rp-card-desktop-icon-color, #111820);
        --rp-card-current-icon-hover-color: var(--rp-card-desktop-icon-hover-color, #ff5722);
        --rp-card-current-gap: 0px;
        --rp-card-current-min-height: var(--rp-card-desktop-min-height, 280px);
        --rp-card-current-image-max-width: var(--rp-card-desktop-image-max-width, 100%);
        --rp-card-current-padding-top: var(--rp-card-desktop-padding-top, 20px);
        --rp-card-current-padding-right: var(--rp-card-desktop-padding-right, 20px);
        --rp-card-current-padding-bottom: var(--rp-card-desktop-padding-bottom, 20px);
        --rp-card-current-padding-left: var(--rp-card-desktop-padding-left, 20px);
        --rp-card-current-radius-top-right:var(--rp-card-desktop-radius-top-right,14px);--rp-card-current-radius-top-left:var(--rp-card-desktop-radius-top-left,14px);--rp-card-current-radius-bottom-left:var(--rp-card-desktop-radius-bottom-left,14px);--rp-card-current-radius-bottom-right:var(--rp-card-desktop-radius-bottom-right,14px);
        --rp-card-current-image-radius-top-right:var(--rp-card-desktop-image-radius-top-right,0);--rp-card-current-image-radius-top-left:var(--rp-card-desktop-image-radius-top-left,0);--rp-card-current-image-radius-bottom-left:var(--rp-card-desktop-image-radius-bottom-left,0);--rp-card-current-image-radius-bottom-right:var(--rp-card-desktop-image-radius-bottom-right,0);
        --rp-card-current-quick-add-radius-top-right:var(--rp-card-desktop-quick-add-radius-top-right,999px);--rp-card-current-quick-add-radius-top-left:var(--rp-card-desktop-quick-add-radius-top-left,999px);--rp-card-current-quick-add-radius-bottom-left:var(--rp-card-desktop-quick-add-radius-bottom-left,999px);--rp-card-current-quick-add-radius-bottom-right:var(--rp-card-desktop-quick-add-radius-bottom-right,999px);
        --rp-card-current-margin-top:var(--rp-card-desktop-margin-top,0);--rp-card-current-margin-right:var(--rp-card-desktop-margin-right,0);--rp-card-current-margin-bottom:var(--rp-card-desktop-margin-bottom,0);--rp-card-current-margin-left:var(--rp-card-desktop-margin-left,0);--rp-card-current-border-top:var(--rp-card-desktop-border-top,1px);--rp-card-current-border-right:var(--rp-card-desktop-border-right,1px);--rp-card-current-border-bottom:var(--rp-card-desktop-border-bottom,1px);--rp-card-current-border-left:var(--rp-card-desktop-border-left,1px);--rp-card-current-shadow:var(--rp-card-desktop-shadow,none);--rp-card-current-shadow-hover:var(--rp-card-desktop-shadow-hover,none);--rp-card-current-hover-translate-y:var(--rp-card-desktop-hover-translate-y,0);--rp-card-current-hover-scale:var(--rp-card-desktop-hover-scale,1);--rp-card-current-transition-ms:var(--rp-card-desktop-transition-ms,180ms);--rp-card-current-title-align:var(--rp-card-desktop-title-align,right);--rp-card-current-brand-align:var(--rp-card-desktop-brand-align,right);--rp-card-current-price-align:var(--rp-card-desktop-price-align,right);--rp-card-current-icon-size:var(--rp-card-desktop-icon-size,18px);--rp-card-current-swatch-size:var(--rp-card-desktop-swatch-size,28px);--rp-card-current-swatch-gap:var(--rp-card-desktop-swatch-gap,7px);
        --rp-card-current-max-height:var(--rp-card-desktop-max-height,none);--rp-card-current-image-margin-top:var(--rp-card-desktop-image-margin-top,0);--rp-card-current-image-margin-right:var(--rp-card-desktop-image-margin-right,auto);--rp-card-current-image-margin-bottom:var(--rp-card-desktop-image-margin-bottom,0);--rp-card-current-image-margin-left:var(--rp-card-desktop-image-margin-left,auto);--rp-card-current-title-margin-top:var(--rp-card-desktop-title-margin-top,0);--rp-card-current-title-margin-right:var(--rp-card-desktop-title-margin-right,0);--rp-card-current-title-margin-bottom:var(--rp-card-desktop-title-margin-bottom,0);--rp-card-current-title-margin-left:var(--rp-card-desktop-title-margin-left,0);--rp-card-current-brand-hover-color:var(--rp-card-desktop-brand-hover-color,#111820);--rp-card-current-brand-weight:var(--rp-card-desktop-brand-weight,400);--rp-card-current-brand-image-max-height:var(--rp-card-desktop-brand-image-max-height,48px);--rp-card-current-price-line-height:var(--rp-card-desktop-price-line-height,1.6);--rp-card-current-discount-size:var(--rp-card-desktop-discount-size,10px);--rp-card-current-stock-size:var(--rp-card-desktop-stock-size,12px);--rp-card-current-stock-weight:var(--rp-card-desktop-stock-weight,400);--rp-card-current-swatch-border-width:var(--rp-card-desktop-swatch-border-width,1px);--rp-card-current-swatch-border-color:var(--rp-card-desktop-swatch-border-color,#e5e7eb);--rp-card-current-swatch-active-border-color:var(--rp-card-desktop-swatch-active-border-color,#111820);--rp-card-current-attribute-color:var(--rp-card-desktop-attribute-color,#111820);--rp-card-current-attribute-bg:var(--rp-card-desktop-attribute-bg,#fff);--rp-card-current-attribute-border-color:var(--rp-card-desktop-attribute-border-color,#d9dde2);--rp-card-current-attribute-border-width:var(--rp-card-desktop-attribute-border-width,1px);--rp-card-current-attribute-size:var(--rp-card-desktop-attribute-size,11px);--rp-card-current-actions-gap:var(--rp-card-desktop-actions-gap,8px);
        --rp-card-current-image-radius-top-right:var(--rp-card-desktop-image-radius-top-right,0);--rp-card-current-image-radius-top-left:var(--rp-card-desktop-image-radius-top-left,0);--rp-card-current-image-radius-bottom-left:var(--rp-card-desktop-image-radius-bottom-left,0);--rp-card-current-image-radius-bottom-right:var(--rp-card-desktop-image-radius-bottom-right,0);--rp-card-current-brand-image-radius-top-right:var(--rp-card-desktop-brand-image-radius-top-right,0);--rp-card-current-brand-image-radius-top-left:var(--rp-card-desktop-brand-image-radius-top-left,0);--rp-card-current-brand-image-radius-bottom-left:var(--rp-card-desktop-brand-image-radius-bottom-left,0);--rp-card-current-brand-image-radius-bottom-right:var(--rp-card-desktop-brand-image-radius-bottom-right,0);--rp-card-current-discount-radius-top-right:var(--rp-card-desktop-discount-radius-top-right,5px);--rp-card-current-discount-radius-top-left:var(--rp-card-desktop-discount-radius-top-left,5px);--rp-card-current-discount-radius-bottom-left:var(--rp-card-desktop-discount-radius-bottom-left,5px);--rp-card-current-discount-radius-bottom-right:var(--rp-card-desktop-discount-radius-bottom-right,5px);--rp-card-current-swatch-radius-top-right:var(--rp-card-desktop-swatch-radius-top-right,999px);--rp-card-current-swatch-radius-top-left:var(--rp-card-desktop-swatch-radius-top-left,999px);--rp-card-current-swatch-radius-bottom-left:var(--rp-card-desktop-swatch-radius-bottom-left,999px);--rp-card-current-swatch-radius-bottom-right:var(--rp-card-desktop-swatch-radius-bottom-right,999px);--rp-card-current-attribute-radius-top-right:var(--rp-card-desktop-attribute-radius-top-right,999px);--rp-card-current-attribute-radius-top-left:var(--rp-card-desktop-attribute-radius-top-left,999px);--rp-card-current-attribute-radius-bottom-left:var(--rp-card-desktop-attribute-radius-bottom-left,999px);--rp-card-current-attribute-radius-bottom-right:var(--rp-card-desktop-attribute-radius-bottom-right,999px);
    }
    li.rp-card-desktop-horizontal > .rp-product-card { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr); align-items: stretch; }
    li.rp-card-desktop-discount-top-right .rp-card-component--discount{inset:8px 8px auto auto!important}li.rp-card-desktop-discount-top-left .rp-card-component--discount{inset:8px auto auto 8px!important}li.rp-card-desktop-discount-bottom-right .rp-card-component--discount{inset:auto 8px 8px auto!important}li.rp-card-desktop-discount-bottom-left .rp-card-component--discount{inset:auto auto 8px 8px!important}
    html body li.rp-card-desktop-compare-top-right .rp-card-component--compare{top:0!important;right:0!important;bottom:auto!important;left:auto!important}html body li.rp-card-desktop-compare-top-left .rp-card-component--compare{top:0!important;right:auto!important;bottom:auto!important;left:0!important}html body li.rp-card-desktop-compare-bottom-right .rp-card-component--compare{top:auto!important;right:0!important;bottom:0!important;left:auto!important}html body li.rp-card-desktop-compare-bottom-left .rp-card-component--compare{top:auto!important;right:auto!important;bottom:0!important;left:0!important}
    .rp-card-hide-desktop-image .rp-card-component--image,
    .rp-card-hide-desktop-title .rp-card-component--title,
    .rp-card-hide-desktop-price .rp-card-component--price,
    .rp-card-hide-desktop-brand .rp-card-component--brand,
    .rp-card-hide-desktop-brand-image .rp-card-component--brand-image,
    .rp-card-hide-desktop-discount .rp-card-component--discount,
    .rp-card-hide-desktop-stock .rp-card-component--stock,
    .rp-card-hide-desktop-buy .rp-card-component--buy,
    .rp-card-hide-desktop-swatches .rp-card-component--swatches,
    .rp-card-hide-desktop-attributes .rp-card-component--attributes,
    .rp-card-hide-desktop-compare .rp-card-component--compare,
    .rp-card-hide-desktop-favorite .rp-card-component--favorite { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component .rp-product-card__media {
        height: var(--rp-card-tablet-image-height, 50px);
    }
    li.rp-product-card-component .rp-product-card__media img {
        height: var(--rp-card-tablet-image-height, 50px) !important;
        max-height: var(--rp-card-tablet-image-height, 50px) !important;
        object-fit: contain !important;
        mix-blend-mode: var(--rp-card-tablet-image-blend-mode, var(--rp-card-desktop-image-blend-mode, normal)) !important;
    }
    li.rp-product-card-component .rp-card-brand-image {
        top: var(--rp-card-tablet-brand-image-position-top, 10px);
        right: var(--rp-card-tablet-brand-image-position-right, 10px);
        bottom: var(--rp-card-tablet-brand-image-position-bottom, auto);
        left: var(--rp-card-tablet-brand-image-position-left, auto);
        mix-blend-mode: var(--rp-card-tablet-brand-image-blend-mode, var(--rp-card-desktop-brand-image-blend-mode, normal)) !important;
    }
    li.rp-product-card-component .rp-card-brand-name {
        top: var(--rp-card-tablet-brand-position-top, 68px);
        right: var(--rp-card-tablet-brand-position-right, 10px);
        bottom: var(--rp-card-tablet-brand-position-bottom, auto);
        left: var(--rp-card-tablet-brand-position-left, auto);
    }

    li.rp-product-card-component { --rp-card-current-background:var(--rp-card-tablet-background,#fff);--rp-card-current-border-color:var(--rp-card-tablet-border-color,#eef1f4);--rp-card-current-border-hover-color:var(--rp-card-tablet-border-hover-color,#cbd5e1);--rp-card-current-title-color:var(--rp-card-tablet-title-color,#111820);--rp-card-current-title-size:var(--rp-card-tablet-title-size,13px);--rp-card-current-price-color:var(--rp-card-tablet-price-color,#111820);--rp-card-current-price-size:var(--rp-card-tablet-price-size,12px);--rp-card-current-contact-price-color:var(--rp-card-tablet-contact-price-color,#111820);--rp-card-current-contact-price-hover-color:var(--rp-card-tablet-contact-price-hover-color,#ff5722);--rp-card-current-contact-price-size:var(--rp-card-tablet-contact-price-size,12px);--rp-card-current-contact-price-weight:var(--rp-card-tablet-contact-price-weight,700);--rp-card-current-contact-price-line-height:var(--rp-card-tablet-contact-price-line-height,1.6);--rp-card-current-contact-price-align:var(--rp-card-tablet-contact-price-align,right);--rp-card-current-gap:var(--rp-card-tablet-gap,8px);--rp-card-current-min-height:var(--rp-card-tablet-min-height,280px);--rp-card-current-padding-top:var(--rp-card-tablet-padding-top,20px);--rp-card-current-padding-right:var(--rp-card-tablet-padding-right,20px);--rp-card-current-padding-bottom:var(--rp-card-tablet-padding-bottom,20px);--rp-card-current-padding-left:var(--rp-card-tablet-padding-left,20px); }
    li.rp-product-card-component { --rp-card-current-radius-top-right:var(--rp-card-tablet-radius-top-right,14px);--rp-card-current-radius-top-left:var(--rp-card-tablet-radius-top-left,14px);--rp-card-current-radius-bottom-left:var(--rp-card-tablet-radius-bottom-left,14px);--rp-card-current-radius-bottom-right:var(--rp-card-tablet-radius-bottom-right,14px);--rp-card-current-image-max-width:var(--rp-card-tablet-image-max-width,100%);--rp-card-current-quick-add-bg:var(--rp-card-tablet-quick-add-bg,#ff5722);--rp-card-current-quick-add-color:var(--rp-card-tablet-quick-add-color,#fff);--rp-card-current-margin-top:var(--rp-card-tablet-margin-top,0);--rp-card-current-margin-right:var(--rp-card-tablet-margin-right,0);--rp-card-current-margin-bottom:var(--rp-card-tablet-margin-bottom,0);--rp-card-current-margin-left:var(--rp-card-tablet-margin-left,0);--rp-card-current-border-top:var(--rp-card-tablet-border-top,1px);--rp-card-current-border-right:var(--rp-card-tablet-border-right,1px);--rp-card-current-border-bottom:var(--rp-card-tablet-border-bottom,1px);--rp-card-current-border-left:var(--rp-card-tablet-border-left,1px);--rp-card-current-shadow:var(--rp-card-tablet-shadow,none);--rp-card-current-shadow-hover:var(--rp-card-tablet-shadow-hover,none);--rp-card-current-hover-translate-y:var(--rp-card-tablet-hover-translate-y,0);--rp-card-current-hover-scale:var(--rp-card-tablet-hover-scale,1);--rp-card-current-transition-ms:var(--rp-card-tablet-transition-ms,180ms);--rp-card-current-title-align:var(--rp-card-tablet-title-align,right);--rp-card-current-brand-align:var(--rp-card-tablet-brand-align,right);--rp-card-current-price-align:var(--rp-card-tablet-price-align,right);--rp-card-current-icon-size:var(--rp-card-tablet-icon-size,18px);--rp-card-current-swatch-size:var(--rp-card-tablet-swatch-size,28px);--rp-card-current-swatch-gap:var(--rp-card-tablet-swatch-gap,7px); }
    li.rp-product-card-component { --rp-card-current-title-hover-color:var(--rp-card-tablet-title-hover-color,var(--rp-theme-general-accent, #fd314a));--rp-card-current-title-weight:var(--rp-card-tablet-title-weight,400);--rp-card-current-title-line-height:var(--rp-card-tablet-title-line-height,1.7);--rp-card-current-brand-color:var(--rp-card-tablet-brand-color,#6b7280);--rp-card-current-brand-hover-color:var(--rp-card-tablet-brand-hover-color,#111820);--rp-card-current-brand-size:var(--rp-card-tablet-brand-size,11px);--rp-card-current-brand-weight:var(--rp-card-tablet-brand-weight,400);--rp-card-current-brand-image-max-height:var(--rp-card-tablet-brand-image-max-height,48px);--rp-card-current-price-weight:var(--rp-card-tablet-price-weight,400);--rp-card-current-price-line-height:var(--rp-card-tablet-price-line-height,1.6);--rp-card-current-regular-price-color:var(--rp-card-tablet-regular-price-color,#ff4d4f);--rp-card-current-sale-price-color:var(--rp-card-tablet-sale-price-color,#111820);--rp-card-current-discount-bg:var(--rp-card-tablet-discount-bg,#ff5a4f);--rp-card-current-discount-color:var(--rp-card-tablet-discount-color,#fff);--rp-card-current-discount-size:var(--rp-card-tablet-discount-size,10px);--rp-card-current-stock-in-color:var(--rp-card-tablet-stock-in-color,#15803d);--rp-card-current-stock-out-color:var(--rp-card-tablet-stock-out-color,#b91c1c);--rp-card-current-stock-size:var(--rp-card-tablet-stock-size,12px);--rp-card-current-stock-weight:var(--rp-card-tablet-stock-weight,400);--rp-card-current-quick-add-hover-bg:var(--rp-card-tablet-quick-add-hover-bg,#111820);--rp-card-current-quick-add-hover-color:var(--rp-card-tablet-quick-add-hover-color,#fff);--rp-card-current-icon-color:var(--rp-card-tablet-icon-color,#111820);--rp-card-current-icon-hover-color:var(--rp-card-tablet-icon-hover-color,#ff5722);--rp-card-current-max-height:var(--rp-card-tablet-max-height,none);--rp-card-current-actions-gap:var(--rp-card-tablet-actions-gap,8px);--rp-card-current-swatch-border-width:var(--rp-card-tablet-swatch-border-width,1px);--rp-card-current-swatch-border-color:var(--rp-card-tablet-swatch-border-color,#e5e7eb);--rp-card-current-swatch-active-border-color:var(--rp-card-tablet-swatch-active-border-color,#111820);--rp-card-current-attribute-color:var(--rp-card-tablet-attribute-color,#111820);--rp-card-current-attribute-bg:var(--rp-card-tablet-attribute-bg,#fff);--rp-card-current-attribute-border-color:var(--rp-card-tablet-attribute-border-color,#d9dde2);--rp-card-current-attribute-border-width:var(--rp-card-tablet-attribute-border-width,1px);--rp-card-current-attribute-size:var(--rp-card-tablet-attribute-size,11px); }
    li.rp-product-card-component { --rp-card-current-image-margin-top:var(--rp-card-tablet-image-margin-top,0);--rp-card-current-image-margin-right:var(--rp-card-tablet-image-margin-right,auto);--rp-card-current-image-margin-bottom:var(--rp-card-tablet-image-margin-bottom,0);--rp-card-current-image-margin-left:var(--rp-card-tablet-image-margin-left,auto);--rp-card-current-title-margin-top:var(--rp-card-tablet-title-margin-top,0);--rp-card-current-title-margin-right:var(--rp-card-tablet-title-margin-right,0);--rp-card-current-title-margin-bottom:var(--rp-card-tablet-title-margin-bottom,0);--rp-card-current-title-margin-left:var(--rp-card-tablet-title-margin-left,0);--rp-card-current-image-radius-top-right:var(--rp-card-tablet-image-radius-top-right,0);--rp-card-current-image-radius-top-left:var(--rp-card-tablet-image-radius-top-left,0);--rp-card-current-image-radius-bottom-left:var(--rp-card-tablet-image-radius-bottom-left,0);--rp-card-current-image-radius-bottom-right:var(--rp-card-tablet-image-radius-bottom-right,0);--rp-card-current-brand-image-radius-top-right:var(--rp-card-tablet-brand-image-radius-top-right,0);--rp-card-current-brand-image-radius-top-left:var(--rp-card-tablet-brand-image-radius-top-left,0);--rp-card-current-brand-image-radius-bottom-left:var(--rp-card-tablet-brand-image-radius-bottom-left,0);--rp-card-current-brand-image-radius-bottom-right:var(--rp-card-tablet-brand-image-radius-bottom-right,0);--rp-card-current-discount-radius-top-right:var(--rp-card-tablet-discount-radius-top-right,5px);--rp-card-current-discount-radius-top-left:var(--rp-card-tablet-discount-radius-top-left,5px);--rp-card-current-discount-radius-bottom-left:var(--rp-card-tablet-discount-radius-bottom-left,5px);--rp-card-current-discount-radius-bottom-right:var(--rp-card-tablet-discount-radius-bottom-right,5px);--rp-card-current-swatch-radius-top-right:var(--rp-card-tablet-swatch-radius-top-right,999px);--rp-card-current-swatch-radius-top-left:var(--rp-card-tablet-swatch-radius-top-left,999px);--rp-card-current-swatch-radius-bottom-left:var(--rp-card-tablet-swatch-radius-bottom-left,999px);--rp-card-current-swatch-radius-bottom-right:var(--rp-card-tablet-swatch-radius-bottom-right,999px);--rp-card-current-attribute-radius-top-right:var(--rp-card-tablet-attribute-radius-top-right,999px);--rp-card-current-attribute-radius-top-left:var(--rp-card-tablet-attribute-radius-top-left,999px);--rp-card-current-attribute-radius-bottom-left:var(--rp-card-tablet-attribute-radius-bottom-left,999px);--rp-card-current-attribute-radius-bottom-right:var(--rp-card-tablet-attribute-radius-bottom-right,999px);--rp-card-current-quick-add-radius-top-right:var(--rp-card-tablet-quick-add-radius-top-right,999px);--rp-card-current-quick-add-radius-top-left:var(--rp-card-tablet-quick-add-radius-top-left,999px);--rp-card-current-quick-add-radius-bottom-left:var(--rp-card-tablet-quick-add-radius-bottom-left,999px);--rp-card-current-quick-add-radius-bottom-right:var(--rp-card-tablet-quick-add-radius-bottom-right,999px); }
    li.rp-card-tablet-horizontal > .rp-product-card { display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);align-items:stretch; }
    li.rp-card-tablet-discount-top-right .rp-card-component--discount{inset:8px 8px auto auto!important}li.rp-card-tablet-discount-top-left .rp-card-component--discount{inset:8px auto auto 8px!important}li.rp-card-tablet-discount-bottom-right .rp-card-component--discount{inset:auto 8px 8px auto!important}li.rp-card-tablet-discount-bottom-left .rp-card-component--discount{inset:auto auto 8px 8px!important}
    html body li.rp-card-tablet-compare-top-right .rp-card-component--compare{top:0!important;right:0!important;bottom:auto!important;left:auto!important}html body li.rp-card-tablet-compare-top-left .rp-card-component--compare{top:0!important;right:auto!important;bottom:auto!important;left:0!important}html body li.rp-card-tablet-compare-bottom-right .rp-card-component--compare{top:auto!important;right:0!important;bottom:0!important;left:auto!important}html body li.rp-card-tablet-compare-bottom-left .rp-card-component--compare{top:auto!important;right:auto!important;bottom:0!important;left:0!important}
    .rp-card-hide-tablet-image .rp-card-component--image,.rp-card-hide-tablet-title .rp-card-component--title,.rp-card-hide-tablet-price .rp-card-component--price,.rp-card-hide-tablet-brand .rp-card-component--brand,.rp-card-hide-tablet-brand-image .rp-card-component--brand-image,.rp-card-hide-tablet-discount .rp-card-component--discount,.rp-card-hide-tablet-stock .rp-card-component--stock,.rp-card-hide-tablet-buy .rp-card-component--buy,.rp-card-hide-tablet-swatches .rp-card-component--swatches,.rp-card-hide-tablet-attributes .rp-card-component--attributes,.rp-card-hide-tablet-compare .rp-card-component--compare,.rp-card-hide-tablet-favorite .rp-card-component--favorite{display:none!important;}
}

@media (max-width: 767px) {
    li.rp-product-card-component .rp-product-card__media {
        height: var(--rp-card-mobile-image-height, 50px);
    }
    li.rp-product-card-component .rp-product-card__media img {
        height: var(--rp-card-mobile-image-height, 50px) !important;
        max-height: var(--rp-card-mobile-image-height, 50px) !important;
        object-fit: contain !important;
        mix-blend-mode: var(--rp-card-mobile-image-blend-mode, normal) !important;
    }
    li.rp-product-card-component .rp-card-brand-image {
        top: var(--rp-card-mobile-brand-image-position-top, 10px);
        right: var(--rp-card-mobile-brand-image-position-right, 10px);
        bottom: var(--rp-card-mobile-brand-image-position-bottom, auto);
        left: var(--rp-card-mobile-brand-image-position-left, auto);
        mix-blend-mode: var(--rp-card-mobile-brand-image-blend-mode, normal) !important;
    }
    li.rp-product-card-component .rp-card-brand-name {
        top: var(--rp-card-mobile-brand-position-top, 68px);
        right: var(--rp-card-mobile-brand-position-right, 10px);
        bottom: var(--rp-card-mobile-brand-position-bottom, auto);
        left: var(--rp-card-mobile-brand-position-left, auto);
    }

    li.rp-product-card-component { --rp-card-current-background:var(--rp-card-mobile-background,#fff);--rp-card-current-border-color:var(--rp-card-mobile-border-color,#eef1f4);--rp-card-current-border-hover-color:var(--rp-card-mobile-border-hover-color,#cbd5e1);--rp-card-current-title-color:var(--rp-card-mobile-title-color,#111820);--rp-card-current-title-size:var(--rp-card-mobile-title-size,13px);--rp-card-current-price-color:var(--rp-card-mobile-price-color,#111820);--rp-card-current-price-size:var(--rp-card-mobile-price-size,12px);--rp-card-current-contact-price-color:var(--rp-card-mobile-contact-price-color,#111820);--rp-card-current-contact-price-hover-color:var(--rp-card-mobile-contact-price-hover-color,#ff5722);--rp-card-current-contact-price-size:var(--rp-card-mobile-contact-price-size,12px);--rp-card-current-contact-price-weight:var(--rp-card-mobile-contact-price-weight,700);--rp-card-current-contact-price-line-height:var(--rp-card-mobile-contact-price-line-height,1.6);--rp-card-current-contact-price-align:var(--rp-card-mobile-contact-price-align,right);--rp-card-current-gap:var(--rp-card-mobile-gap,8px);--rp-card-current-min-height:var(--rp-card-mobile-min-height,142px);--rp-card-current-padding-top:var(--rp-card-mobile-padding-top,12px);--rp-card-current-padding-right:var(--rp-card-mobile-padding-right,12px);--rp-card-current-padding-bottom:var(--rp-card-mobile-padding-bottom,12px);--rp-card-current-padding-left:var(--rp-card-mobile-padding-left,12px); }
    li.rp-product-card-component { --rp-card-current-radius-top-right:var(--rp-card-mobile-radius-top-right,14px);--rp-card-current-radius-top-left:var(--rp-card-mobile-radius-top-left,14px);--rp-card-current-radius-bottom-left:var(--rp-card-mobile-radius-bottom-left,14px);--rp-card-current-radius-bottom-right:var(--rp-card-mobile-radius-bottom-right,14px);--rp-card-current-image-max-width:var(--rp-card-mobile-image-max-width,100%);--rp-card-current-quick-add-bg:var(--rp-card-mobile-quick-add-bg,#ff5722);--rp-card-current-quick-add-color:var(--rp-card-mobile-quick-add-color,#fff);--rp-card-current-margin-top:var(--rp-card-mobile-margin-top,0);--rp-card-current-margin-right:var(--rp-card-mobile-margin-right,0);--rp-card-current-margin-bottom:var(--rp-card-mobile-margin-bottom,0);--rp-card-current-margin-left:var(--rp-card-mobile-margin-left,0);--rp-card-current-border-top:var(--rp-card-mobile-border-top,1px);--rp-card-current-border-right:var(--rp-card-mobile-border-right,1px);--rp-card-current-border-bottom:var(--rp-card-mobile-border-bottom,1px);--rp-card-current-border-left:var(--rp-card-mobile-border-left,1px);--rp-card-current-shadow:var(--rp-card-mobile-shadow,none);--rp-card-current-shadow-hover:var(--rp-card-mobile-shadow-hover,none);--rp-card-current-hover-translate-y:var(--rp-card-mobile-hover-translate-y,0);--rp-card-current-hover-scale:var(--rp-card-mobile-hover-scale,1);--rp-card-current-transition-ms:var(--rp-card-mobile-transition-ms,180ms);--rp-card-current-title-align:var(--rp-card-mobile-title-align,right);--rp-card-current-brand-align:var(--rp-card-mobile-brand-align,right);--rp-card-current-price-align:var(--rp-card-mobile-price-align,right);--rp-card-current-icon-size:var(--rp-card-mobile-icon-size,18px);--rp-card-current-swatch-size:var(--rp-card-mobile-swatch-size,28px);--rp-card-current-swatch-gap:var(--rp-card-mobile-swatch-gap,7px); }
    li.rp-product-card-component { --rp-card-current-title-hover-color:var(--rp-card-mobile-title-hover-color,var(--rp-theme-general-accent, #fd314a));--rp-card-current-title-weight:var(--rp-card-mobile-title-weight,400);--rp-card-current-title-line-height:var(--rp-card-mobile-title-line-height,1.7);--rp-card-current-brand-color:var(--rp-card-mobile-brand-color,#6b7280);--rp-card-current-brand-hover-color:var(--rp-card-mobile-brand-hover-color,#111820);--rp-card-current-brand-size:var(--rp-card-mobile-brand-size,11px);--rp-card-current-brand-weight:var(--rp-card-mobile-brand-weight,400);--rp-card-current-brand-image-max-height:var(--rp-card-mobile-brand-image-max-height,48px);--rp-card-current-price-weight:var(--rp-card-mobile-price-weight,400);--rp-card-current-price-line-height:var(--rp-card-mobile-price-line-height,1.6);--rp-card-current-regular-price-color:var(--rp-card-mobile-regular-price-color,#ff4d4f);--rp-card-current-sale-price-color:var(--rp-card-mobile-sale-price-color,#111820);--rp-card-current-discount-bg:var(--rp-card-mobile-discount-bg,#ff5a4f);--rp-card-current-discount-color:var(--rp-card-mobile-discount-color,#fff);--rp-card-current-discount-size:var(--rp-card-mobile-discount-size,10px);--rp-card-current-stock-in-color:var(--rp-card-mobile-stock-in-color,#15803d);--rp-card-current-stock-out-color:var(--rp-card-mobile-stock-out-color,#b91c1c);--rp-card-current-stock-size:var(--rp-card-mobile-stock-size,12px);--rp-card-current-stock-weight:var(--rp-card-mobile-stock-weight,400);--rp-card-current-quick-add-hover-bg:var(--rp-card-mobile-quick-add-hover-bg,#111820);--rp-card-current-quick-add-hover-color:var(--rp-card-mobile-quick-add-hover-color,#fff);--rp-card-current-icon-color:var(--rp-card-mobile-icon-color,#111820);--rp-card-current-icon-hover-color:var(--rp-card-mobile-icon-hover-color,#ff5722);--rp-card-current-max-height:var(--rp-card-mobile-max-height,none);--rp-card-current-actions-gap:var(--rp-card-mobile-actions-gap,8px);--rp-card-current-swatch-border-width:var(--rp-card-mobile-swatch-border-width,1px);--rp-card-current-swatch-border-color:var(--rp-card-mobile-swatch-border-color,#e5e7eb);--rp-card-current-swatch-active-border-color:var(--rp-card-mobile-swatch-active-border-color,#111820);--rp-card-current-attribute-color:var(--rp-card-mobile-attribute-color,#111820);--rp-card-current-attribute-bg:var(--rp-card-mobile-attribute-bg,#fff);--rp-card-current-attribute-border-color:var(--rp-card-mobile-attribute-border-color,#d9dde2);--rp-card-current-attribute-border-width:var(--rp-card-mobile-attribute-border-width,1px);--rp-card-current-attribute-size:var(--rp-card-mobile-attribute-size,11px); }
    li.rp-product-card-component { --rp-card-current-image-margin-top:var(--rp-card-mobile-image-margin-top,0);--rp-card-current-image-margin-right:var(--rp-card-mobile-image-margin-right,auto);--rp-card-current-image-margin-bottom:var(--rp-card-mobile-image-margin-bottom,0);--rp-card-current-image-margin-left:var(--rp-card-mobile-image-margin-left,auto);--rp-card-current-title-margin-top:var(--rp-card-mobile-title-margin-top,0);--rp-card-current-title-margin-right:var(--rp-card-mobile-title-margin-right,0);--rp-card-current-title-margin-bottom:var(--rp-card-mobile-title-margin-bottom,0);--rp-card-current-title-margin-left:var(--rp-card-mobile-title-margin-left,0);--rp-card-current-image-radius-top-right:var(--rp-card-mobile-image-radius-top-right,0);--rp-card-current-image-radius-top-left:var(--rp-card-mobile-image-radius-top-left,0);--rp-card-current-image-radius-bottom-left:var(--rp-card-mobile-image-radius-bottom-left,0);--rp-card-current-image-radius-bottom-right:var(--rp-card-mobile-image-radius-bottom-right,0);--rp-card-current-brand-image-radius-top-right:var(--rp-card-mobile-brand-image-radius-top-right,0);--rp-card-current-brand-image-radius-top-left:var(--rp-card-mobile-brand-image-radius-top-left,0);--rp-card-current-brand-image-radius-bottom-left:var(--rp-card-mobile-brand-image-radius-bottom-left,0);--rp-card-current-brand-image-radius-bottom-right:var(--rp-card-mobile-brand-image-radius-bottom-right,0);--rp-card-current-discount-radius-top-right:var(--rp-card-mobile-discount-radius-top-right,5px);--rp-card-current-discount-radius-top-left:var(--rp-card-mobile-discount-radius-top-left,5px);--rp-card-current-discount-radius-bottom-left:var(--rp-card-mobile-discount-radius-bottom-left,5px);--rp-card-current-discount-radius-bottom-right:var(--rp-card-mobile-discount-radius-bottom-right,5px);--rp-card-current-swatch-radius-top-right:var(--rp-card-mobile-swatch-radius-top-right,999px);--rp-card-current-swatch-radius-top-left:var(--rp-card-mobile-swatch-radius-top-left,999px);--rp-card-current-swatch-radius-bottom-left:var(--rp-card-mobile-swatch-radius-bottom-left,999px);--rp-card-current-swatch-radius-bottom-right:var(--rp-card-mobile-swatch-radius-bottom-right,999px);--rp-card-current-attribute-radius-top-right:var(--rp-card-mobile-attribute-radius-top-right,999px);--rp-card-current-attribute-radius-top-left:var(--rp-card-mobile-attribute-radius-top-left,999px);--rp-card-current-attribute-radius-bottom-left:var(--rp-card-mobile-attribute-radius-bottom-left,999px);--rp-card-current-attribute-radius-bottom-right:var(--rp-card-mobile-attribute-radius-bottom-right,999px);--rp-card-current-quick-add-radius-top-right:var(--rp-card-mobile-quick-add-radius-top-right,999px);--rp-card-current-quick-add-radius-top-left:var(--rp-card-mobile-quick-add-radius-top-left,999px);--rp-card-current-quick-add-radius-bottom-left:var(--rp-card-mobile-quick-add-radius-bottom-left,999px);--rp-card-current-quick-add-radius-bottom-right:var(--rp-card-mobile-quick-add-radius-bottom-right,999px); }
    li.rp-card-mobile-horizontal > .rp-product-card { display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);align-items:stretch; }
    li.rp-card-mobile-discount-top-right .rp-card-component--discount{inset:8px 8px auto auto!important}li.rp-card-mobile-discount-top-left .rp-card-component--discount{inset:8px auto auto 8px!important}li.rp-card-mobile-discount-bottom-right .rp-card-component--discount{inset:auto 8px 8px auto!important}li.rp-card-mobile-discount-bottom-left .rp-card-component--discount{inset:auto auto 8px 8px!important}
    html body li.rp-card-mobile-compare-top-right .rp-card-component--compare{top:0!important;right:0!important;bottom:auto!important;left:auto!important}html body li.rp-card-mobile-compare-top-left .rp-card-component--compare{top:0!important;right:auto!important;bottom:auto!important;left:0!important}html body li.rp-card-mobile-compare-bottom-right .rp-card-component--compare{top:auto!important;right:0!important;bottom:0!important;left:auto!important}html body li.rp-card-mobile-compare-bottom-left .rp-card-component--compare{top:auto!important;right:auto!important;bottom:0!important;left:0!important}
    .rp-card-hide-mobile-image .rp-card-component--image,.rp-card-hide-mobile-title .rp-card-component--title,.rp-card-hide-mobile-price .rp-card-component--price,.rp-card-hide-mobile-brand .rp-card-component--brand,.rp-card-hide-mobile-brand-image .rp-card-component--brand-image,.rp-card-hide-mobile-discount .rp-card-component--discount,.rp-card-hide-mobile-stock .rp-card-component--stock,.rp-card-hide-mobile-buy .rp-card-component--buy,.rp-card-hide-mobile-swatches .rp-card-component--swatches,.rp-card-hide-mobile-attributes .rp-card-component--attributes,.rp-card-hide-mobile-compare .rp-card-component--compare,.rp-card-hide-mobile-favorite .rp-card-component--favorite{display:none!important;}
}

/* Authoritative shared-card action composition. Keep this block last. */
li.rp-product-card-component > .rp-product-card > .rp-card-component--discount{position:absolute;z-index:5}
li.rp-product-card-component .rp-product-card__tools .rp-card-compare{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--rp-card-current-compare-size,18px)!important;min-width:var(--rp-card-current-compare-size,18px)!important;height:var(--rp-card-current-compare-size,18px)!important;padding:0!important;color:var(--rp-card-current-compare-color,#111820)!important;border:var(--rp-card-current-compare-border-width,0) solid var(--rp-card-current-compare-border-color,#111820)!important;border-radius:var(--rp-card-current-compare-radius-top-right,0) var(--rp-card-current-compare-radius-top-left,0) var(--rp-card-current-compare-radius-bottom-left,0) var(--rp-card-current-compare-radius-bottom-right,0)!important;outline:0!important;background:var(--rp-card-current-compare-background,transparent)!important;box-shadow:none!important}
li.rp-product-card-component .rp-product-card__tools .rp-card-compare:hover{color:var(--rp-card-current-compare-hover-color,#ff5722)!important;background:var(--rp-card-current-compare-hover-background,transparent)!important}
li.rp-product-card-component .rp-product-card__tools .rp-card-compare .rp-compare-icon{display:block!important;width:130%!important;height:130%!important;max-width:none!important;margin:0!important;background:currentColor!important;-webkit-mask:url('../../icons/rp-compare-icon.svg') center/contain no-repeat!important;mask:url('../../icons/rp-compare-icon.svg') center/contain no-repeat!important}
li.rp-product-card-component .rp-product-card__tools .rp-card-compare .rp-compare-icon::before,li.rp-product-card-component .rp-product-card__tools .rp-card-compare .rp-compare-icon::after{display:none!important;content:none!important}
.rp-admin-preview-brand-logo{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:24px;font-size:9px;font-weight:800;line-height:1;letter-spacing:.08em;color:#111820}
.rp-admin-preview-price-values{display:flex!important;direction:ltr!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important}
.rp-admin-preview-price-values>*{direction:rtl}
.rp-card-swatches.rp-admin-preview-placeholder .rp-card-swatch{position:relative!important;background:#1f2933!important;background-image:none!important;border-color:#1f2933!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #9aa3aa!important}
.rp-card-swatches.rp-admin-preview-placeholder .rp-card-swatch::after{content:'✓'!important;position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1!important}
.rp-product-card__content>.rp-card-extra-attributes{position:absolute!important;inset:var(--rp-card-current-attribute-position-top,92px) var(--rp-card-current-attribute-position-right,10px) var(--rp-card-current-attribute-position-bottom,auto) var(--rp-card-current-attribute-position-left,auto)!important;z-index:4!important;margin:0!important}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-attribute-position-top:var(--rp-card-desktop-attribute-position-top,92px);--rp-card-current-attribute-position-right:var(--rp-card-desktop-attribute-position-right,10px);--rp-card-current-attribute-position-bottom:var(--rp-card-desktop-attribute-position-bottom,auto);--rp-card-current-attribute-position-left:var(--rp-card-desktop-attribute-position-left,auto)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-attribute-position-top:var(--rp-card-tablet-attribute-position-top,var(--rp-card-desktop-attribute-position-top,92px));--rp-card-current-attribute-position-right:var(--rp-card-tablet-attribute-position-right,var(--rp-card-desktop-attribute-position-right,10px));--rp-card-current-attribute-position-bottom:var(--rp-card-tablet-attribute-position-bottom,var(--rp-card-desktop-attribute-position-bottom,auto));--rp-card-current-attribute-position-left:var(--rp-card-tablet-attribute-position-left,var(--rp-card-desktop-attribute-position-left,auto))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-attribute-position-top:var(--rp-card-mobile-attribute-position-top,92px);--rp-card-current-attribute-position-right:var(--rp-card-mobile-attribute-position-right,10px);--rp-card-current-attribute-position-bottom:var(--rp-card-mobile-attribute-position-bottom,auto);--rp-card-current-attribute-position-left:var(--rp-card-mobile-attribute-position-left,auto)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-attribute-padding-top:var(--rp-card-desktop-attribute-padding-top,4px);--rp-card-current-attribute-padding-right:var(--rp-card-desktop-attribute-padding-right,9px);--rp-card-current-attribute-padding-bottom:var(--rp-card-desktop-attribute-padding-bottom,4px);--rp-card-current-attribute-padding-left:var(--rp-card-desktop-attribute-padding-left,9px)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-attribute-padding-top:var(--rp-card-tablet-attribute-padding-top,var(--rp-card-desktop-attribute-padding-top,4px));--rp-card-current-attribute-padding-right:var(--rp-card-tablet-attribute-padding-right,var(--rp-card-desktop-attribute-padding-right,9px));--rp-card-current-attribute-padding-bottom:var(--rp-card-tablet-attribute-padding-bottom,var(--rp-card-desktop-attribute-padding-bottom,4px));--rp-card-current-attribute-padding-left:var(--rp-card-tablet-attribute-padding-left,var(--rp-card-desktop-attribute-padding-left,9px))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-attribute-padding-top:var(--rp-card-mobile-attribute-padding-top,4px);--rp-card-current-attribute-padding-right:var(--rp-card-mobile-attribute-padding-right,9px);--rp-card-current-attribute-padding-bottom:var(--rp-card-mobile-attribute-padding-bottom,4px);--rp-card-current-attribute-padding-left:var(--rp-card-mobile-attribute-padding-left,9px)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-regular-price-size:var(--rp-card-desktop-regular-price-size,10px);--rp-card-current-regular-price-weight:var(--rp-card-desktop-regular-price-weight,400);--rp-card-current-regular-price-line-height:var(--rp-card-desktop-regular-price-line-height,1.6)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-regular-price-size:var(--rp-card-tablet-regular-price-size,var(--rp-card-desktop-regular-price-size,10px));--rp-card-current-regular-price-weight:var(--rp-card-tablet-regular-price-weight,var(--rp-card-desktop-regular-price-weight,400));--rp-card-current-regular-price-line-height:var(--rp-card-tablet-regular-price-line-height,var(--rp-card-desktop-regular-price-line-height,1.6))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-regular-price-size:var(--rp-card-mobile-regular-price-size,10px);--rp-card-current-regular-price-weight:var(--rp-card-mobile-regular-price-weight,400);--rp-card-current-regular-price-line-height:var(--rp-card-mobile-regular-price-line-height,1.6)}}
li.rp-product-card-component :is(.rp-card-price-before,.rp-shop-card-price-before,.rp-shop-card-price-before-discount,del,del .amount){font-size:var(--rp-card-current-regular-price-size,10px)!important;font-weight:var(--rp-card-current-regular-price-weight,400)!important;line-height:var(--rp-card-current-regular-price-line-height,1.6)!important}

li.rp-product-card-component :is(.woocommerce-Price-currencySymbol,.rp-shop-card-currency,.rp-card-currency){display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center;color:var(--rp-card-current-currency-color,#6b7280)!important;font-size:var(--rp-card-current-currency-text-size,var(--rp-card-current-currency-size,13px))!important;font-weight:var(--rp-card-current-currency-weight,400)!important;line-height:1!important;overflow:visible;margin:0!important;padding:0!important;box-sizing:border-box!important;transform:translate(calc(var(--rp-card-current-currency-padding-left,0px) - var(--rp-card-current-currency-padding-right,0px)),calc(var(--rp-card-current-currency-padding-top,0px) - var(--rp-card-current-currency-padding-bottom,0px)))!important}
li.rp-product-card-component :is(.woocommerce-Price-currencySymbol,.rp-shop-card-currency,.rp-card-currency)::after{content:'';display:var(--rp-card-current-currency-image-display,none);width:var(--rp-card-current-currency-size,13px);height:var(--rp-card-current-currency-size,13px);background-color:var(--rp-card-current-currency-image-color,#000000);-webkit-mask-image:var(--rp-card-current-currency-image,none);mask-image:var(--rp-card-current-currency-image,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-currency-color:var(--rp-card-desktop-currency-color,#6b7280);--rp-card-current-currency-image-color:var(--rp-card-desktop-currency-image-color,#000000);--rp-card-current-currency-size:var(--rp-card-desktop-currency-size,13px);--rp-card-current-currency-text-size:var(--rp-card-desktop-currency-text-size,var(--rp-card-desktop-currency-size,13px));--rp-card-current-currency-weight:var(--rp-card-desktop-currency-weight,400);--rp-card-current-currency-image-display:var(--rp-card-desktop-currency-image-display,none);--rp-card-current-currency-image:var(--rp-card-desktop-currency-image,none)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-currency-color:var(--rp-card-tablet-currency-color,var(--rp-card-desktop-currency-color,#6b7280));--rp-card-current-currency-image-color:var(--rp-card-tablet-currency-image-color,var(--rp-card-desktop-currency-image-color,#000000));--rp-card-current-currency-size:var(--rp-card-tablet-currency-size,var(--rp-card-desktop-currency-size,10px));--rp-card-current-currency-text-size:var(--rp-card-tablet-currency-text-size,var(--rp-card-desktop-currency-text-size,10px));--rp-card-current-currency-weight:var(--rp-card-tablet-currency-weight,var(--rp-card-desktop-currency-weight,400));--rp-card-current-currency-image-display:var(--rp-card-tablet-currency-image-display,var(--rp-card-desktop-currency-image-display,none));--rp-card-current-currency-image:var(--rp-card-tablet-currency-image,var(--rp-card-desktop-currency-image,none))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-currency-color:var(--rp-card-mobile-currency-color,#6b7280);--rp-card-current-currency-image-color:var(--rp-card-mobile-currency-image-color,#000000);--rp-card-current-currency-size:var(--rp-card-mobile-currency-size,10px);--rp-card-current-currency-text-size:var(--rp-card-mobile-currency-text-size,var(--rp-card-mobile-currency-size,10px));--rp-card-current-currency-weight:var(--rp-card-mobile-currency-weight,400);--rp-card-current-currency-image-display:var(--rp-card-mobile-currency-image-display,none);--rp-card-current-currency-image:var(--rp-card-mobile-currency-image,none)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-currency-padding-top:var(--rp-card-desktop-currency-padding-top,0);--rp-card-current-currency-padding-right:var(--rp-card-desktop-currency-padding-right,0);--rp-card-current-currency-padding-bottom:var(--rp-card-desktop-currency-padding-bottom,0);--rp-card-current-currency-padding-left:var(--rp-card-desktop-currency-padding-left,0)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-currency-padding-top:var(--rp-card-tablet-currency-padding-top,var(--rp-card-desktop-currency-padding-top,0));--rp-card-current-currency-padding-right:var(--rp-card-tablet-currency-padding-right,var(--rp-card-desktop-currency-padding-right,0));--rp-card-current-currency-padding-bottom:var(--rp-card-tablet-currency-padding-bottom,var(--rp-card-desktop-currency-padding-bottom,0));--rp-card-current-currency-padding-left:var(--rp-card-tablet-currency-padding-left,var(--rp-card-desktop-currency-padding-left,0))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-currency-padding-top:var(--rp-card-mobile-currency-padding-top,0);--rp-card-current-currency-padding-right:var(--rp-card-mobile-currency-padding-right,0);--rp-card-current-currency-padding-bottom:var(--rp-card-mobile-currency-padding-bottom,0);--rp-card-current-currency-padding-left:var(--rp-card-mobile-currency-padding-left,0)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-quick-add-size:var(--rp-card-desktop-quick-add-size,18px);--rp-card-current-quick-add-background:var(--rp-card-desktop-quick-add-background,#ff5722);--rp-card-current-quick-add-hover-background:var(--rp-card-desktop-quick-add-hover-background,#111820);--rp-card-current-quick-add-border-width:var(--rp-card-desktop-quick-add-border-width,0);--rp-card-current-quick-add-border-style:var(--rp-card-desktop-quick-add-border-style,solid);--rp-card-current-quick-add-border-color:var(--rp-card-desktop-quick-add-border-color,#ff5722);--rp-card-current-quick-add-border-hover-color:var(--rp-card-desktop-quick-add-border-hover-color,#111820);--rp-card-current-quick-add-outline-width:var(--rp-card-desktop-quick-add-outline-width,0);--rp-card-current-quick-add-outline-style:var(--rp-card-desktop-quick-add-outline-style,solid);--rp-card-current-quick-add-outline-color:var(--rp-card-desktop-quick-add-outline-color,#ff5722);--rp-card-current-quick-add-outline-hover-color:var(--rp-card-desktop-quick-add-outline-hover-color,#111820);--rp-card-current-quick-add-outline-offset:var(--rp-card-desktop-quick-add-outline-offset,0);--rp-card-current-quick-add-inset-width:var(--rp-card-desktop-quick-add-inset-width,0);--rp-card-current-quick-add-inset-offset:var(--rp-card-desktop-quick-add-inset-offset,2px);--rp-card-current-quick-add-inset-color:var(--rp-card-desktop-quick-add-inset-color,#fff);--rp-card-current-quick-add-inset-hover-color:var(--rp-card-desktop-quick-add-inset-hover-color,#fff);--rp-card-current-quick-add-animation-duration:var(--rp-card-desktop-quick-add-animation-duration,180ms);--rp-card-current-quick-add-hover-transform:var(--rp-card-desktop-quick-add-hover-transform,none);--rp-card-current-quick-add-icon-hover-transform:var(--rp-card-desktop-quick-add-icon-hover-transform,none);--rp-card-current-quick-add-animation-name:var(--rp-card-desktop-quick-add-animation-name,none);--rp-card-current-quick-add-background-size:var(--rp-card-desktop-quick-add-background-size,100% 100%);--rp-card-current-quick-add-hover-background-position:var(--rp-card-desktop-quick-add-hover-background-position,center)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-quick-add-size:var(--rp-card-tablet-quick-add-size,var(--rp-card-desktop-quick-add-size,18px));--rp-card-current-quick-add-background:var(--rp-card-tablet-quick-add-background,var(--rp-card-desktop-quick-add-background,#ff5722));--rp-card-current-quick-add-hover-background:var(--rp-card-tablet-quick-add-hover-background,var(--rp-card-desktop-quick-add-hover-background,#111820));--rp-card-current-quick-add-border-width:var(--rp-card-tablet-quick-add-border-width,var(--rp-card-desktop-quick-add-border-width,0));--rp-card-current-quick-add-border-style:var(--rp-card-tablet-quick-add-border-style,var(--rp-card-desktop-quick-add-border-style,solid));--rp-card-current-quick-add-border-color:var(--rp-card-tablet-quick-add-border-color,var(--rp-card-desktop-quick-add-border-color,#ff5722));--rp-card-current-quick-add-border-hover-color:var(--rp-card-tablet-quick-add-border-hover-color,var(--rp-card-desktop-quick-add-border-hover-color,#111820));--rp-card-current-quick-add-outline-width:var(--rp-card-tablet-quick-add-outline-width,var(--rp-card-desktop-quick-add-outline-width,0));--rp-card-current-quick-add-outline-style:var(--rp-card-tablet-quick-add-outline-style,var(--rp-card-desktop-quick-add-outline-style,solid));--rp-card-current-quick-add-outline-color:var(--rp-card-tablet-quick-add-outline-color,var(--rp-card-desktop-quick-add-outline-color,#ff5722));--rp-card-current-quick-add-outline-hover-color:var(--rp-card-tablet-quick-add-outline-hover-color,var(--rp-card-desktop-quick-add-outline-hover-color,#111820));--rp-card-current-quick-add-outline-offset:var(--rp-card-tablet-quick-add-outline-offset,var(--rp-card-desktop-quick-add-outline-offset,0));--rp-card-current-quick-add-inset-width:var(--rp-card-tablet-quick-add-inset-width,var(--rp-card-desktop-quick-add-inset-width,0));--rp-card-current-quick-add-inset-offset:var(--rp-card-tablet-quick-add-inset-offset,var(--rp-card-desktop-quick-add-inset-offset,2px));--rp-card-current-quick-add-inset-color:var(--rp-card-tablet-quick-add-inset-color,var(--rp-card-desktop-quick-add-inset-color,#fff));--rp-card-current-quick-add-inset-hover-color:var(--rp-card-tablet-quick-add-inset-hover-color,var(--rp-card-desktop-quick-add-inset-hover-color,#fff));--rp-card-current-quick-add-animation-duration:var(--rp-card-tablet-quick-add-animation-duration,var(--rp-card-desktop-quick-add-animation-duration,180ms));--rp-card-current-quick-add-hover-transform:var(--rp-card-tablet-quick-add-hover-transform,var(--rp-card-desktop-quick-add-hover-transform,none));--rp-card-current-quick-add-icon-hover-transform:var(--rp-card-tablet-quick-add-icon-hover-transform,var(--rp-card-desktop-quick-add-icon-hover-transform,none));--rp-card-current-quick-add-animation-name:var(--rp-card-tablet-quick-add-animation-name,var(--rp-card-desktop-quick-add-animation-name,none));--rp-card-current-quick-add-background-size:var(--rp-card-tablet-quick-add-background-size,var(--rp-card-desktop-quick-add-background-size,100% 100%));--rp-card-current-quick-add-hover-background-position:var(--rp-card-tablet-quick-add-hover-background-position,var(--rp-card-desktop-quick-add-hover-background-position,center))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-quick-add-size:var(--rp-card-mobile-quick-add-size,18px);--rp-card-current-quick-add-background:var(--rp-card-mobile-quick-add-background,#ff5722);--rp-card-current-quick-add-hover-background:var(--rp-card-mobile-quick-add-hover-background,#111820);--rp-card-current-quick-add-border-width:var(--rp-card-mobile-quick-add-border-width,0);--rp-card-current-quick-add-border-style:var(--rp-card-mobile-quick-add-border-style,solid);--rp-card-current-quick-add-border-color:var(--rp-card-mobile-quick-add-border-color,#ff5722);--rp-card-current-quick-add-border-hover-color:var(--rp-card-mobile-quick-add-border-hover-color,#111820);--rp-card-current-quick-add-outline-width:var(--rp-card-mobile-quick-add-outline-width,0);--rp-card-current-quick-add-outline-style:var(--rp-card-mobile-quick-add-outline-style,solid);--rp-card-current-quick-add-outline-color:var(--rp-card-mobile-quick-add-outline-color,#ff5722);--rp-card-current-quick-add-outline-hover-color:var(--rp-card-mobile-quick-add-outline-hover-color,#111820);--rp-card-current-quick-add-outline-offset:var(--rp-card-mobile-quick-add-outline-offset,0);--rp-card-current-quick-add-inset-width:var(--rp-card-mobile-quick-add-inset-width,0);--rp-card-current-quick-add-inset-offset:var(--rp-card-mobile-quick-add-inset-offset,2px);--rp-card-current-quick-add-inset-color:var(--rp-card-mobile-quick-add-inset-color,#fff);--rp-card-current-quick-add-inset-hover-color:var(--rp-card-mobile-quick-add-inset-hover-color,#fff);--rp-card-current-quick-add-animation-duration:var(--rp-card-mobile-quick-add-animation-duration,180ms);--rp-card-current-quick-add-hover-transform:var(--rp-card-mobile-quick-add-hover-transform,none);--rp-card-current-quick-add-icon-hover-transform:var(--rp-card-mobile-quick-add-icon-hover-transform,none);--rp-card-current-quick-add-animation-name:var(--rp-card-mobile-quick-add-animation-name,none);--rp-card-current-quick-add-background-size:var(--rp-card-mobile-quick-add-background-size,100% 100%);--rp-card-current-quick-add-hover-background-position:var(--rp-card-mobile-quick-add-hover-background-position,center)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-price-margin-top:var(--rp-card-desktop-price-margin-top,0);--rp-card-current-price-margin-right:var(--rp-card-desktop-price-margin-right,0);--rp-card-current-price-margin-bottom:var(--rp-card-desktop-price-margin-bottom,0);--rp-card-current-price-margin-left:var(--rp-card-desktop-price-margin-left,0);--rp-card-current-price-padding-top:var(--rp-card-desktop-price-padding-top,0);--rp-card-current-price-padding-right:var(--rp-card-desktop-price-padding-right,0);--rp-card-current-price-padding-bottom:var(--rp-card-desktop-price-padding-bottom,0);--rp-card-current-price-padding-left:var(--rp-card-desktop-price-padding-left,0)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-price-margin-top:var(--rp-card-tablet-price-margin-top,var(--rp-card-desktop-price-margin-top,0));--rp-card-current-price-margin-right:var(--rp-card-tablet-price-margin-right,var(--rp-card-desktop-price-margin-right,0));--rp-card-current-price-margin-bottom:var(--rp-card-tablet-price-margin-bottom,var(--rp-card-desktop-price-margin-bottom,0));--rp-card-current-price-margin-left:var(--rp-card-tablet-price-margin-left,var(--rp-card-desktop-price-margin-left,0));--rp-card-current-price-padding-top:var(--rp-card-tablet-price-padding-top,var(--rp-card-desktop-price-padding-top,0));--rp-card-current-price-padding-right:var(--rp-card-tablet-price-padding-right,var(--rp-card-desktop-price-padding-right,0));--rp-card-current-price-padding-bottom:var(--rp-card-tablet-price-padding-bottom,var(--rp-card-desktop-price-padding-bottom,0));--rp-card-current-price-padding-left:var(--rp-card-tablet-price-padding-left,var(--rp-card-desktop-price-padding-left,0))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-price-margin-top:var(--rp-card-mobile-price-margin-top,0);--rp-card-current-price-margin-right:var(--rp-card-mobile-price-margin-right,0);--rp-card-current-price-margin-bottom:var(--rp-card-mobile-price-margin-bottom,0);--rp-card-current-price-margin-left:var(--rp-card-mobile-price-margin-left,0);--rp-card-current-price-padding-top:var(--rp-card-mobile-price-padding-top,0);--rp-card-current-price-padding-right:var(--rp-card-mobile-price-padding-right,0);--rp-card-current-price-padding-bottom:var(--rp-card-mobile-price-padding-bottom,0);--rp-card-current-price-padding-left:var(--rp-card-mobile-price-padding-left,0)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-width:var(--rp-card-desktop-width,100%)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-width:var(--rp-card-tablet-width,var(--rp-card-desktop-width,100%))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-width:var(--rp-card-mobile-width,100%)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-compare-size:var(--rp-card-desktop-compare-size,18px);--rp-card-current-compare-color:var(--rp-card-desktop-compare-color,#111820);--rp-card-current-compare-hover-color:var(--rp-card-desktop-compare-hover-color,#ff5722);--rp-card-current-compare-background:var(--rp-card-desktop-compare-background,transparent);--rp-card-current-compare-hover-background:var(--rp-card-desktop-compare-hover-background,transparent);--rp-card-current-compare-border-width:var(--rp-card-desktop-compare-border-width,0);--rp-card-current-compare-border-color:var(--rp-card-desktop-compare-border-color,#111820);--rp-card-current-compare-radius-top-right:var(--rp-card-desktop-compare-radius-top-right,0);--rp-card-current-compare-radius-top-left:var(--rp-card-desktop-compare-radius-top-left,0);--rp-card-current-compare-radius-bottom-left:var(--rp-card-desktop-compare-radius-bottom-left,0);--rp-card-current-compare-radius-bottom-right:var(--rp-card-desktop-compare-radius-bottom-right,0)}html body li.product.rp-product-card-component.rp-global-card-components>.rp-product-card>.rp-card-component--discount{inset:var(--rp-card-desktop-discount-position-top,auto) var(--rp-card-desktop-discount-position-right,auto) var(--rp-card-desktop-discount-position-bottom,auto) var(--rp-card-desktop-discount-position-left,auto)!important}html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools .rp-card-component--compare{inset:var(--rp-card-desktop-compare-position-top,auto) var(--rp-card-desktop-compare-position-right,auto) var(--rp-card-desktop-compare-position-bottom,auto) var(--rp-card-desktop-compare-position-left,auto)!important}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-compare-size:var(--rp-card-tablet-compare-size,18px);--rp-card-current-compare-color:var(--rp-card-tablet-compare-color,#111820);--rp-card-current-compare-hover-color:var(--rp-card-tablet-compare-hover-color,#ff5722);--rp-card-current-compare-background:var(--rp-card-tablet-compare-background,transparent);--rp-card-current-compare-hover-background:var(--rp-card-tablet-compare-hover-background,transparent);--rp-card-current-compare-border-width:var(--rp-card-tablet-compare-border-width,0);--rp-card-current-compare-border-color:var(--rp-card-tablet-compare-border-color,#111820);--rp-card-current-compare-radius-top-right:var(--rp-card-tablet-compare-radius-top-right,0);--rp-card-current-compare-radius-top-left:var(--rp-card-tablet-compare-radius-top-left,0);--rp-card-current-compare-radius-bottom-left:var(--rp-card-tablet-compare-radius-bottom-left,0);--rp-card-current-compare-radius-bottom-right:var(--rp-card-tablet-compare-radius-bottom-right,0)}html body li.product.rp-product-card-component.rp-global-card-components>.rp-product-card>.rp-card-component--discount{inset:var(--rp-card-tablet-discount-position-top,auto) var(--rp-card-tablet-discount-position-right,auto) var(--rp-card-tablet-discount-position-bottom,auto) var(--rp-card-tablet-discount-position-left,auto)!important}html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools .rp-card-component--compare{inset:var(--rp-card-tablet-compare-position-top,auto) var(--rp-card-tablet-compare-position-right,auto) var(--rp-card-tablet-compare-position-bottom,auto) var(--rp-card-tablet-compare-position-left,auto)!important}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-compare-size:var(--rp-card-mobile-compare-size,18px);--rp-card-current-compare-color:var(--rp-card-mobile-compare-color,#111820);--rp-card-current-compare-hover-color:var(--rp-card-mobile-compare-hover-color,#ff5722);--rp-card-current-compare-background:var(--rp-card-mobile-compare-background,transparent);--rp-card-current-compare-hover-background:var(--rp-card-mobile-compare-hover-background,transparent);--rp-card-current-compare-border-width:var(--rp-card-mobile-compare-border-width,0);--rp-card-current-compare-border-color:var(--rp-card-mobile-compare-border-color,#111820);--rp-card-current-compare-radius-top-right:var(--rp-card-mobile-compare-radius-top-right,0);--rp-card-current-compare-radius-top-left:var(--rp-card-mobile-compare-radius-top-left,0);--rp-card-current-compare-radius-bottom-left:var(--rp-card-mobile-compare-radius-bottom-left,0);--rp-card-current-compare-radius-bottom-right:var(--rp-card-mobile-compare-radius-bottom-right,0)}html body li.product.rp-product-card-component.rp-global-card-components>.rp-product-card>.rp-card-component--discount{inset:var(--rp-card-mobile-discount-position-top,auto) var(--rp-card-mobile-discount-position-right,auto) var(--rp-card-mobile-discount-position-bottom,auto) var(--rp-card-mobile-discount-position-left,auto)!important}html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools .rp-card-component--compare{inset:var(--rp-card-mobile-compare-position-top,auto) var(--rp-card-mobile-compare-position-right,auto) var(--rp-card-mobile-compare-position-bottom,auto) var(--rp-card-mobile-compare-position-left,auto)!important}}

/* Independent Favorite appearance and responsive positioning. */
li.rp-product-card-component .rp-product-card__tools [data-rp-favorite-product]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--rp-card-current-favorite-size,18px)!important;min-width:var(--rp-card-current-favorite-size,18px)!important;height:var(--rp-card-current-favorite-size,18px)!important;padding:0!important;color:var(--rp-card-current-favorite-color,#cbd0d5)!important;border:var(--rp-card-current-favorite-border-width,0) solid var(--rp-card-current-favorite-border-color,#cbd0d5)!important;border-radius:var(--rp-card-current-favorite-radius-top-right,0) var(--rp-card-current-favorite-radius-top-left,0) var(--rp-card-current-favorite-radius-bottom-left,0) var(--rp-card-current-favorite-radius-bottom-right,0)!important;background:var(--rp-card-current-favorite-background,transparent)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
li.rp-product-card-component .rp-product-card__tools [data-rp-favorite-product]:hover{color:var(--rp-card-current-favorite-hover-color,#ff5722)!important;background:var(--rp-card-current-favorite-hover-background,transparent)!important}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-favorite-size:var(--rp-card-desktop-favorite-size,18px);--rp-card-current-favorite-color:var(--rp-card-desktop-favorite-color,#cbd0d5);--rp-card-current-favorite-hover-color:var(--rp-card-desktop-favorite-hover-color,#ff5722);--rp-card-current-favorite-background:var(--rp-card-desktop-favorite-background,transparent);--rp-card-current-favorite-hover-background:var(--rp-card-desktop-favorite-hover-background,transparent);--rp-card-current-favorite-border-width:var(--rp-card-desktop-favorite-border-width,0);--rp-card-current-favorite-border-color:var(--rp-card-desktop-favorite-border-color,#cbd0d5);--rp-card-current-favorite-radius-top-right:var(--rp-card-desktop-favorite-radius-top-right,0);--rp-card-current-favorite-radius-top-left:var(--rp-card-desktop-favorite-radius-top-left,0);--rp-card-current-favorite-radius-bottom-left:var(--rp-card-desktop-favorite-radius-bottom-left,0);--rp-card-current-favorite-radius-bottom-right:var(--rp-card-desktop-favorite-radius-bottom-right,0)}html body li.rp-product-card-component .rp-product-card__tools .rp-card-component--favorite{inset:var(--rp-card-desktop-favorite-position-top,auto) var(--rp-card-desktop-favorite-position-right,auto) var(--rp-card-desktop-favorite-position-bottom,auto) var(--rp-card-desktop-favorite-position-left,auto)!important}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-favorite-size:var(--rp-card-tablet-favorite-size,18px);--rp-card-current-favorite-color:var(--rp-card-tablet-favorite-color,#cbd0d5);--rp-card-current-favorite-hover-color:var(--rp-card-tablet-favorite-hover-color,#ff5722);--rp-card-current-favorite-background:var(--rp-card-tablet-favorite-background,transparent);--rp-card-current-favorite-hover-background:var(--rp-card-tablet-favorite-hover-background,transparent);--rp-card-current-favorite-border-width:var(--rp-card-tablet-favorite-border-width,0);--rp-card-current-favorite-border-color:var(--rp-card-tablet-favorite-border-color,#cbd0d5);--rp-card-current-favorite-radius-top-right:var(--rp-card-tablet-favorite-radius-top-right,0);--rp-card-current-favorite-radius-top-left:var(--rp-card-tablet-favorite-radius-top-left,0);--rp-card-current-favorite-radius-bottom-left:var(--rp-card-tablet-favorite-radius-bottom-left,0);--rp-card-current-favorite-radius-bottom-right:var(--rp-card-tablet-favorite-radius-bottom-right,0)}html body li.rp-product-card-component .rp-product-card__tools .rp-card-component--favorite{inset:var(--rp-card-tablet-favorite-position-top,auto) var(--rp-card-tablet-favorite-position-right,auto) var(--rp-card-tablet-favorite-position-bottom,auto) var(--rp-card-tablet-favorite-position-left,auto)!important}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-favorite-size:var(--rp-card-mobile-favorite-size,18px);--rp-card-current-favorite-color:var(--rp-card-mobile-favorite-color,#cbd0d5);--rp-card-current-favorite-hover-color:var(--rp-card-mobile-favorite-hover-color,#ff5722);--rp-card-current-favorite-background:var(--rp-card-mobile-favorite-background,transparent);--rp-card-current-favorite-hover-background:var(--rp-card-mobile-favorite-hover-background,transparent);--rp-card-current-favorite-border-width:var(--rp-card-mobile-favorite-border-width,0);--rp-card-current-favorite-border-color:var(--rp-card-mobile-favorite-border-color,#cbd0d5);--rp-card-current-favorite-radius-top-right:var(--rp-card-mobile-favorite-radius-top-right,0);--rp-card-current-favorite-radius-top-left:var(--rp-card-mobile-favorite-radius-top-left,0);--rp-card-current-favorite-radius-bottom-left:var(--rp-card-mobile-favorite-radius-bottom-left,0);--rp-card-current-favorite-radius-bottom-right:var(--rp-card-mobile-favorite-radius-bottom-right,0)}html body li.rp-product-card-component .rp-product-card__tools .rp-card-component--favorite{inset:var(--rp-card-mobile-favorite-position-top,auto) var(--rp-card-mobile-favorite-position-right,auto) var(--rp-card-mobile-favorite-position-bottom,auto) var(--rp-card-mobile-favorite-position-left,auto)!important}}

/*
 * Named-layout appearance authority — keep this block last.
 *
 * The theme still ships legacy Shop/Carousel/Widget CSS for old saved markup.
 * Those rules use high-specificity !important declarations. Every visual
 * property owned by a named product-card layout is therefore asserted here on
 * the unified renderer so no page context can create a second appearance.
 */
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: var(--rp-card-current-width, 100%) !important;
    max-width: var(--rp-card-current-max-width, 100%) !important;
    min-width: 0 !important;
    min-height: var(--rp-card-current-min-height, 280px) !important;
    max-height: var(--rp-card-current-max-height, none) !important;
    padding: var(--rp-card-current-padding-top, 20px) var(--rp-card-current-padding-right, 20px) var(--rp-card-current-padding-bottom, 20px) var(--rp-card-current-padding-left, 20px) !important;
    margin: var(--rp-card-current-margin-top, 0) var(--rp-card-current-margin-right, 0) var(--rp-card-current-margin-bottom, 0) var(--rp-card-current-margin-left, 0) !important;
    gap: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: var(--rp-card-current-background, #fff) !important;
    border-style: solid !important;
    border-width: var(--rp-card-current-border-top, 1px) var(--rp-card-current-border-right, 1px) var(--rp-card-current-border-bottom, 1px) var(--rp-card-current-border-left, 1px) !important;
    border-color: var(--rp-card-current-border-color, #eef1f4) !important;
    border-radius: var(--rp-card-current-radius-top-right, 14px) var(--rp-card-current-radius-top-left, 14px) var(--rp-card-current-radius-bottom-left, 14px) var(--rp-card-current-radius-bottom-right, 14px) !important;
    box-shadow: var(--rp-card-current-shadow, none) !important;
    transition: border-color var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms, 180ms)) ease, box-shadow var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms, 180ms)) ease, transform var(--rp-card-current-transition-leave-ms, var(--rp-card-current-transition-ms, 180ms)) ease !important;
}

html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card:hover {
    transition-duration: var(--rp-card-current-transition-enter-ms, var(--rp-card-current-transition-ms, 180ms)) !important;
    border-color: var(--rp-card-current-border-hover-color, #cbd5e1) !important;
    box-shadow: var(--rp-card-current-shadow-hover, var(--rp-card-current-shadow, none)) !important;
    transform: translateY(var(--rp-card-current-hover-translate-y, 0)) scale(var(--rp-card-current-hover-scale, 1)) !important;
}

/* Independent line-height tokens for every configurable Product Card text. */
@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-brand-line-height: var(--rp-card-desktop-brand-line-height, 1.6);
        --rp-card-current-currency-line-height: var(--rp-card-desktop-currency-line-height, 1.4);
        --rp-card-current-discount-line-height: var(--rp-card-desktop-discount-line-height, 1);
        --rp-card-current-countdown-line-height: var(--rp-card-desktop-countdown-line-height, 1.4);
        --rp-card-current-stock-line-height: var(--rp-card-desktop-stock-line-height, 1.6);
        --rp-card-current-stock-quantity-line-height: var(--rp-card-desktop-stock-quantity-line-height, 1.6);
        --rp-card-current-attribute-line-height: var(--rp-card-desktop-attribute-line-height, 1.4);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-brand-line-height: var(--rp-card-tablet-brand-line-height, var(--rp-card-desktop-brand-line-height, 1.6));
        --rp-card-current-currency-line-height: var(--rp-card-tablet-currency-line-height, var(--rp-card-desktop-currency-line-height, 1.4));
        --rp-card-current-discount-line-height: var(--rp-card-tablet-discount-line-height, var(--rp-card-desktop-discount-line-height, 1));
        --rp-card-current-countdown-line-height: var(--rp-card-tablet-countdown-line-height, var(--rp-card-desktop-countdown-line-height, 1.4));
        --rp-card-current-stock-line-height: var(--rp-card-tablet-stock-line-height, var(--rp-card-desktop-stock-line-height, 1.6));
        --rp-card-current-stock-quantity-line-height: var(--rp-card-tablet-stock-quantity-line-height, var(--rp-card-desktop-stock-quantity-line-height, 1.6));
        --rp-card-current-attribute-line-height: var(--rp-card-tablet-attribute-line-height, var(--rp-card-desktop-attribute-line-height, 1.4));
    }
}
@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-brand-line-height: var(--rp-card-mobile-brand-line-height, 1.6);
        --rp-card-current-currency-line-height: var(--rp-card-mobile-currency-line-height, 1.4);
        --rp-card-current-discount-line-height: var(--rp-card-mobile-discount-line-height, 1);
        --rp-card-current-countdown-line-height: var(--rp-card-mobile-countdown-line-height, 1.4);
        --rp-card-current-stock-line-height: var(--rp-card-mobile-stock-line-height, 1.6);
        --rp-card-current-stock-quantity-line-height: var(--rp-card-mobile-stock-quantity-line-height, 1.6);
        --rp-card-current-attribute-line-height: var(--rp-card-mobile-attribute-line-height, 1.4);
    }
}
li.rp-product-card-component :is(.rp-card-brand-name, .rp-card-brand-name *) { line-height: var(--rp-card-current-brand-line-height, 1.6) !important; }
li.rp-product-card-component :is(.woocommerce-Price-currencySymbol, .rp-shop-card-currency, .rp-card-currency) { line-height: var(--rp-card-current-currency-line-height, 1.4) !important; }
li.rp-product-card-component :is(.rp-shop-card-discount-badge, .rp-card-discount-badge) { line-height: var(--rp-card-current-discount-line-height, 1) !important; }
li.rp-product-card-component .rp-card-sale-countdown { line-height: var(--rp-card-current-countdown-line-height, 1.4) !important; }
li.rp-product-card-component .rp-card-stock { line-height: var(--rp-card-current-stock-line-height, 1.6) !important; }
li.rp-product-card-component .rp-card-stock-quantity { line-height: var(--rp-card-current-stock-quantity-line-height, 1.6) !important; }
li.rp-product-card-component .rp-card-extra-attribute-option { line-height: var(--rp-card-current-attribute-line-height, 1.4) !important; }

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content {
    /* Positioned components belong to the card, not to the content block.
       This keeps brand/attribute/stock offsets independent from image margin. */
    position: static !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    gap: 0 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools {
    position: absolute !important;
    inset: 0 !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    pointer-events: none !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component {
    position: absolute !important;
    pointer-events: auto !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--compare > button.rp-card-compare {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--rp-card-current-compare-size, 18px) !important;
    min-width: var(--rp-card-current-compare-size, 18px) !important;
    max-width: var(--rp-card-current-compare-size, 18px) !important;
    height: var(--rp-card-current-compare-size, 18px) !important;
    min-height: var(--rp-card-current-compare-size, 18px) !important;
    max-height: var(--rp-card-current-compare-size, 18px) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rp-card-current-compare-color, #111820) !important;
    background: var(--rp-card-current-compare-background, transparent) !important;
    border: var(--rp-card-current-compare-border-width, 0) solid var(--rp-card-current-compare-border-color, #111820) !important;
    border-radius: var(--rp-card-current-compare-radius-top-right, 0) var(--rp-card-current-compare-radius-top-left, 0) var(--rp-card-current-compare-radius-bottom-left, 0) var(--rp-card-current-compare-radius-bottom-right, 0) !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--compare > button.rp-card-compare:is(:hover, .is-active, [aria-pressed="true"]) {
    color: var(--rp-card-current-compare-hover-color, #ff5722) !important;
    background: var(--rp-card-current-compare-hover-background, transparent) !important;
    border-color: var(--rp-card-current-compare-border-color, #111820) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--compare > button.rp-card-compare > .rp-compare-icon {
    display: block !important;
    width: 130% !important;
    height: 130% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    background: currentColor !important;
    -webkit-mask: url('../../icons/rp-compare-icon.svg') center / contain no-repeat !important;
    mask: url('../../icons/rp-compare-icon.svg') center / contain no-repeat !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite > [data-rp-favorite-product] {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--rp-card-current-favorite-size, 18px) !important;
    min-width: var(--rp-card-current-favorite-size, 18px) !important;
    max-width: var(--rp-card-current-favorite-size, 18px) !important;
    height: var(--rp-card-current-favorite-size, 18px) !important;
    min-height: var(--rp-card-current-favorite-size, 18px) !important;
    max-height: var(--rp-card-current-favorite-size, 18px) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rp-card-current-favorite-color, #cbd0d5) !important;
    background: var(--rp-card-current-favorite-background, transparent) !important;
    border: var(--rp-card-current-favorite-border-width, 0) solid var(--rp-card-current-favorite-border-color, #cbd0d5) !important;
    border-radius: var(--rp-card-current-favorite-radius-top-right, 0) var(--rp-card-current-favorite-radius-top-left, 0) var(--rp-card-current-favorite-radius-bottom-left, 0) var(--rp-card-current-favorite-radius-bottom-right, 0) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: visible !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite > [data-rp-favorite-product]:hover {
    color: var(--rp-card-current-favorite-hover-color, #ff5722) !important;
    background: var(--rp-card-current-favorite-hover-background, transparent) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite > [data-rp-favorite-product]:is(.is-active, [aria-pressed="true"], .is-loading) {
    color: #ef3340 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite > [data-rp-favorite-product] > .rp-favorite-icon {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    background: currentColor !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite > [data-rp-favorite-product].is-loading > .rp-favorite-icon {
    display: none !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
    display: block !important;
    width: 100% !important;
    margin: var(--rp-card-current-image-margin-top, auto) var(--rp-card-current-image-margin-right, auto) var(--rp-card-current-image-margin-bottom, auto) var(--rp-card-current-image-margin-left, auto) !important;
    object-fit: contain !important;
    border-radius: var(--rp-card-current-image-radius-top-right, 0) var(--rp-card-current-image-radius-top-left, 0) var(--rp-card-current-image-radius-bottom-left, 0) var(--rp-card-current-image-radius-bottom-right, 0) !important;
}

/* Cropped wp images are square: size the image itself, not a wider contain box. */
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-image-source-cropped {
    width: auto !important;
    max-width: 100% !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > h2.rp-card-title,
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > h2.rp-card-title > a {
    color: var(--rp-card-current-title-color, #111820) !important;
    font-size: var(--rp-card-current-title-size, 13px) !important;
    font-weight: var(--rp-card-current-title-weight, 400) !important;
    line-height: var(--rp-card-current-title-line-height, 1.7) !important;
    text-align: var(--rp-card-current-title-align, right) !important;
    margin: var(--rp-card-current-title-margin-top, 0) var(--rp-card-current-title-margin-right, 0) var(--rp-card-current-title-margin-bottom, 0) var(--rp-card-current-title-margin-left, 0) !important;
}

/* The renderer emits an explicit per-device show state. This restores titles
   suppressed by older Shop/widget rules without overriding a disabled title. */
@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-show-desktop-title .rp-product-card__content > h2.rp-card-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-show-tablet-title .rp-product-card__content > h2.rp-card-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-show-mobile-title .rp-product-card__content > h2.rp-card-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > h2.rp-card-title > a:hover {
    color: var(--rp-card-current-title-hover-color, var(--rp-theme-general-accent, #fd314a)) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-name {
    position: absolute !important;
    color: var(--rp-card-current-brand-color, #6b7280) !important;
    font-size: var(--rp-card-current-brand-size, 11px) !important;
    font-weight: var(--rp-card-current-brand-weight, 400) !important;
    text-align: var(--rp-card-current-brand-align, right) !important;
    margin: 0 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-name:hover {
    color: var(--rp-card-current-brand-hover-color, var(--rp-card-current-brand-color, #6b7280)) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image,
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image > .rp-card-brand-logo {
    border-radius: var(--rp-card-current-brand-image-radius-top-right, 0) var(--rp-card-current-brand-image-radius-top-left, 0) var(--rp-card-current-brand-image-radius-bottom-left, 0) var(--rp-card-current-brand-image-radius-bottom-right, 0) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image {
    /* Position offsets must be measured from the card itself. Legacy Shop
       rules used auto margins/full-width flex boxes and visually centered the
       logo even when its saved default was top/right. */
    display: block !important;
    width: var(--rp-card-current-brand-image-width, 55px) !important;
    height: var(--rp-card-current-brand-image-max-height, 30px) !important;
    max-width: calc(100% - 20px) !important;
    background-image: var(--rp-card-brand-image-url, none) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-color: var(--rp-card-current-brand-image-wrapper-bg, #fff) !important;
    border: var(--rp-card-current-brand-image-wrapper-border-width, 0) var(--rp-card-current-brand-image-wrapper-border-style, solid) var(--rp-card-current-brand-image-wrapper-border-color, #fff) !important;
    padding: var(--rp-card-current-brand-image-wrapper-padding-top, 0) var(--rp-card-current-brand-image-wrapper-padding-right, 0) var(--rp-card-current-brand-image-wrapper-padding-bottom, 0) var(--rp-card-current-brand-image-wrapper-padding-left, 0) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    align-self: auto !important;
    text-align: right !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] {
    /* A block formatting context makes the saved left/center/right text-align
       authoritative. Legacy single-product/cart flex rules previously moved
       the same named Layout's price row away from its Widget/Shop position. */
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: var(--rp-card-current-price-max-width, none) !important;
    justify-content: initial !important;
    color: var(--rp-card-current-price-color, #111820) !important;
    font-size: var(--rp-card-current-price-size, 12px) !important;
    font-weight: var(--rp-card-current-price-weight, 400) !important;
    line-height: var(--rp-card-current-price-line-height, 1.6) !important;
    text-align: var(--rp-card-current-price-align, right) !important;
    margin: var(--rp-card-current-price-margin-top, 0) var(--rp-card-current-price-margin-right, 0) var(--rp-card-current-price-margin-bottom, 0) var(--rp-card-current-price-margin-left, 0) !important;
    padding: var(--rp-card-current-price-padding-top, 0) var(--rp-card-current-price-padding-right, 0) var(--rp-card-current-price-padding-bottom, 0) var(--rp-card-current-price-padding-left, 0) !important;
    box-sizing: border-box !important;
}

/* The real WooCommerce price renderer adds this wrapper while the Admin
   placeholder does not. Neutralize legacy single-product/cart flex rules on
   that extra layer so the saved price alignment has identical geometry in
   Preview and frontend carousels. */
html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] > :is(.rp-card-price, .rp-shop-card-price) {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    direction: ltr !important;
    text-align: inherit !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] .rp-card-price-values {
    display: inline-flex !important;
    flex-direction: var(--rp-card-current-regular-price-direction, row) !important;
    align-items: var(--rp-card-current-regular-price-alignment, baseline) !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 !important;
    order: initial !important;
    direction: ltr !important;
    text-align: inherit !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

@media (min-width: 1025px) {
    li.rp-product-card-component { --rp-card-current-max-width: var(--rp-card-desktop-max-width, 100%); --rp-card-current-regular-price-direction: var(--rp-card-desktop-regular-price-direction, row); --rp-card-current-regular-price-alignment: var(--rp-card-desktop-regular-price-alignment, baseline); --rp-card-current-regular-price-indent: var(--rp-card-desktop-regular-price-indent, 0px); --rp-card-current-price-max-width: var(--rp-card-desktop-price-max-width, none); }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component { --rp-card-current-max-width: var(--rp-card-tablet-max-width, 100%); --rp-card-current-regular-price-direction: var(--rp-card-tablet-regular-price-direction, row); --rp-card-current-regular-price-alignment: var(--rp-card-tablet-regular-price-alignment, baseline); --rp-card-current-regular-price-indent: var(--rp-card-tablet-regular-price-indent, 0px); --rp-card-current-price-max-width: var(--rp-card-tablet-price-max-width, none); }
}
@media (max-width: 767px) {
    li.rp-product-card-component { --rp-card-current-max-width: var(--rp-card-mobile-max-width, 100%); --rp-card-current-regular-price-direction: var(--rp-card-mobile-regular-price-direction, row); --rp-card-current-regular-price-alignment: var(--rp-card-mobile-regular-price-alignment, baseline); --rp-card-current-regular-price-indent: var(--rp-card-mobile-regular-price-indent, 0px); --rp-card-current-price-max-width: var(--rp-card-mobile-price-max-width, none); }
}

/* Cap the slide itself as well as its visible card; carousel tracks size li. */
html body li.product.rp-product-card-component.rp-global-card-components {
    max-width: var(--rp-card-current-max-width, 100%) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] :is(.rp-card-price-before, .rp-shop-card-price-before-discount) {
    margin-left: var(--rp-card-current-regular-price-indent, 0px) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] :is(.rp-card-price-final, .rp-shop-card-price-final, ins, .rp-card-price-final .amount, .rp-card-price-final bdi) {
    color: var(--rp-card-current-sale-price-color, var(--rp-card-current-price-color, #111820)) !important;
    font-size: var(--rp-card-current-price-size, 12px) !important;
    font-weight: var(--rp-card-current-price-weight, 400) !important;
    line-height: var(--rp-card-current-price-line-height, 1.6) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] :is(.rp-card-price-before, .rp-shop-card-price-before, .rp-shop-card-price-before-discount, del, del .amount) {
    color: var(--rp-card-current-regular-price-color, #ff4d4f) !important;
    font-size: var(--rp-card-current-regular-price-size, 10px) !important;
    font-weight: var(--rp-card-current-regular-price-weight, 400) !important;
    line-height: var(--rp-card-current-regular-price-line-height, 1.6) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] :is(.woocommerce-Price-currencySymbol, .rp-shop-card-currency, .rp-card-currency) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--rp-card-current-currency-color, #6b7280) !important;
    font-size: var(--rp-card-current-currency-text-size, var(--rp-card-current-currency-size, 13px)) !important;
    font-weight: var(--rp-card-current-currency-weight, 400) !important;
    line-height: 1 !important;
}

/* WooCommerce places the symbol before or after the number according to its
   currency-position setting. Keep that DOM order in an LTR price pair so it
   remains the visual order on RTL storefronts too. */
html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] .rp-card-price-final .woocommerce-Price-amount.amount {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 4px !important;
    direction: ltr !important;
    white-space: nowrap !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock {
    position: absolute !important;
    z-index: 4 !important;
    margin: 0 !important;
    font-size: var(--rp-card-current-stock-size, 12px) !important;
    font-weight: var(--rp-card-current-stock-weight, 400) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock.is-in-stock {
    color: var(--rp-card-current-stock-in-color, #15803d) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock.is-out-of-stock {
    color: var(--rp-card-current-stock-out-color, #b91c1c) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-card-component--discount {
    color: var(--rp-card-current-discount-color, #fff) !important;
    background: var(--rp-card-current-discount-bg, #ff5a4f) !important;
    font-size: var(--rp-card-current-discount-size, 10px) !important;
    border-radius: var(--rp-card-current-discount-radius-top-right, 5px) var(--rp-card-current-discount-radius-top-left, 5px) var(--rp-card-current-discount-radius-bottom-left, 5px) var(--rp-card-current-discount-radius-bottom-right, 5px) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: none !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    line-height: 1 !important;
    direction: ltr !important;
    gap: var(--rp-card-current-swatch-gap, 7px) !important;
}

li.rp-product-card-component {
    --rp-card-current-swatch-hover-border-color: var(--rp-card-desktop-swatch-hover-border-color, #e5e7eb);
}

@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-swatch-hover-border-color: var(--rp-card-tablet-swatch-hover-border-color, #e5e7eb);
    }
}

@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-swatch-hover-border-color: var(--rp-card-mobile-swatch-hover-border-color, #e5e7eb);
    }
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches > .rp-card-swatch {
    width: var(--rp-card-current-swatch-size, 28px) !important;
    min-width: var(--rp-card-current-swatch-size, 28px) !important;
    height: var(--rp-card-current-swatch-size, 28px) !important;
    min-height: var(--rp-card-current-swatch-size, 28px) !important;
    border-width: var(--rp-card-current-swatch-border-width, 1px) !important;
    border-style: solid !important;
    border-color: var(--rp-card-current-swatch-border-color, #e5e7eb) !important;
    border-radius: var(--rp-card-current-swatch-radius-top-right, 999px) var(--rp-card-current-swatch-radius-top-left, 999px) var(--rp-card-current-swatch-radius-bottom-left, 999px) var(--rp-card-current-swatch-radius-bottom-right, 999px) !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches > .rp-card-swatch:is(:hover, :focus-visible):not(.is-active):not([aria-pressed="true"]) {
    border-color: var(--rp-card-current-swatch-hover-border-color, #e5e7eb) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches > .rp-card-swatch:is(.is-active, [aria-pressed="true"]) {
    border-color: var(--rp-card-current-swatch-active-border-color, #111820) !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches > .rp-card-swatch:is(.is-active, [aria-pressed="true"])::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-extra-attributes .rp-card-extra-attribute-option {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    color: var(--rp-current-attr-color, var(--rp-card-current-attribute-color, #111820)) !important;
    background: var(--rp-current-attr-background, var(--rp-card-current-attribute-bg, #fff)) !important;
    border-width: var(--rp-current-attr-border-width, var(--rp-card-current-attribute-border-width, 1px)) !important;
    border-style: solid !important;
    border-color: var(--rp-current-attr-border-color, var(--rp-card-current-attribute-border-color, #d9dde2)) !important;
    font-size: var(--rp-current-attr-font-size, var(--rp-card-current-attribute-size, 11px)) !important;
    padding: var(--rp-current-attr-padding-top, var(--rp-card-current-attribute-padding-top, 4px)) var(--rp-current-attr-padding-right, var(--rp-card-current-attribute-padding-right, 9px)) var(--rp-current-attr-padding-bottom, var(--rp-card-current-attribute-padding-bottom, 4px)) var(--rp-current-attr-padding-left, var(--rp-card-current-attribute-padding-left, 9px)) !important;
    border-radius: var(--rp-current-attr-radius-top-right, var(--rp-card-current-attribute-radius-top-right, 999px)) var(--rp-current-attr-radius-top-left, var(--rp-card-current-attribute-radius-top-left, 999px)) var(--rp-current-attr-radius-bottom-left, var(--rp-card-current-attribute-radius-bottom-left, 999px)) var(--rp-current-attr-radius-bottom-right, var(--rp-card-current-attribute-radius-bottom-right, 999px)) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-extra-attributes {
    pointer-events: auto !important;
}

@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-attribute-hover-color: var(--rp-card-desktop-attribute-hover-color, #fff);
        --rp-card-current-attribute-hover-bg: var(--rp-card-desktop-attribute-hover-bg, #111820);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-attribute-hover-color: var(--rp-card-tablet-attribute-hover-color, var(--rp-card-desktop-attribute-hover-color, #fff));
        --rp-card-current-attribute-hover-bg: var(--rp-card-tablet-attribute-hover-bg, var(--rp-card-desktop-attribute-hover-bg, #111820));
    }
}
@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-attribute-hover-color: var(--rp-card-mobile-attribute-hover-color, #fff);
        --rp-card-current-attribute-hover-bg: var(--rp-card-mobile-attribute-hover-bg, #111820);
    }
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-extra-attributes .rp-card-extra-attribute-option:is(:hover, :focus-visible, .is-active, [aria-pressed="true"]) {
    color: var(--rp-current-attr-hover-color, var(--rp-card-current-attribute-hover-color, #fff)) !important;
    background: var(--rp-current-attr-hover-background, var(--rp-card-current-attribute-hover-bg, #111820)) !important;
    border-color: var(--rp-current-attr-border-color, var(--rp-card-current-attribute-border-color, #d9dde2)) !important;
}

/* Per-taxonomy selected Attribute appearance. Empty values inherit layout defaults. */
html body li.product.rp-product-card-component.rp-global-card-components
.rp-product-card__content > .rp-card-extra-attributes.rp-card-extra-attributes--independent {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
}

html body li.product.rp-product-card-component .rp-card-extra-attribute-option {
    color: var(--rp-current-attr-color, var(--rp-card-current-attribute-color, #111820)) !important;
    background: var(--rp-current-attr-background, var(--rp-card-current-attribute-bg, #fff)) !important;
    border-color: var(--rp-current-attr-border-color, var(--rp-card-current-attribute-border-color, #d9dde2)) !important;
    border-width: var(--rp-current-attr-border-width, var(--rp-card-current-attribute-border-width, 1px)) !important;
    font-size: var(--rp-current-attr-font-size, var(--rp-card-current-attribute-size, 11px)) !important;
    padding: var(--rp-current-attr-padding-top, var(--rp-card-current-attribute-padding-top, 4px)) var(--rp-current-attr-padding-right, var(--rp-card-current-attribute-padding-right, 9px)) var(--rp-current-attr-padding-bottom, var(--rp-card-current-attribute-padding-bottom, 4px)) var(--rp-current-attr-padding-left, var(--rp-card-current-attribute-padding-left, 9px)) !important;
    border-radius: var(--rp-current-attr-radius-top-right, var(--rp-card-current-attribute-radius-top-right, 999px)) var(--rp-current-attr-radius-top-left, var(--rp-card-current-attribute-radius-top-left, 999px)) var(--rp-current-attr-radius-bottom-left, var(--rp-card-current-attribute-radius-bottom-left, 999px)) var(--rp-current-attr-radius-bottom-right, var(--rp-card-current-attribute-radius-bottom-right, 999px)) !important;
}
html body li.product.rp-product-card-component .rp-card-extra-attribute-option:is(:hover, :focus-visible) {
    color: var(--rp-current-attr-hover-color, var(--rp-card-current-attribute-hover-color, #fff)) !important;
    background: var(--rp-current-attr-hover-background, var(--rp-card-current-attribute-hover-bg, #111820)) !important;
}
@media (min-width: 1025px) {
    .rp-card-extra-attribute { --rp-current-attr-color:var(--rp-desktop-attr-color);--rp-current-attr-background:var(--rp-desktop-attr-background);--rp-current-attr-hover-color:var(--rp-desktop-attr-hover-color);--rp-current-attr-hover-background:var(--rp-desktop-attr-hover-background);--rp-current-attr-border-color:var(--rp-desktop-attr-border-color);--rp-current-attr-border-width:var(--rp-desktop-attr-border-width);--rp-current-attr-font-size:var(--rp-desktop-attr-font-size);--rp-current-attr-padding-top:var(--rp-desktop-attr-padding-top);--rp-current-attr-padding-right:var(--rp-desktop-attr-padding-right);--rp-current-attr-padding-bottom:var(--rp-desktop-attr-padding-bottom);--rp-current-attr-padding-left:var(--rp-desktop-attr-padding-left);--rp-current-attr-radius-top-right:var(--rp-desktop-attr-radius-top-right);--rp-current-attr-radius-top-left:var(--rp-desktop-attr-radius-top-left);--rp-current-attr-radius-bottom-right:var(--rp-desktop-attr-radius-bottom-right);--rp-current-attr-radius-bottom-left:var(--rp-desktop-attr-radius-bottom-left); }
    .rp-card-extra-attributes:has(> .rp-card-extra-attribute.has-desktop-position) { position:static!important;inset:auto!important; }
    .rp-card-extra-attribute.has-desktop-position { position:absolute!important;inset:var(--rp-desktop-attr-position-top,auto) var(--rp-desktop-attr-position-right,auto) var(--rp-desktop-attr-position-bottom,auto) var(--rp-desktop-attr-position-left,auto)!important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-card-extra-attribute { --rp-current-attr-color:var(--rp-tablet-attr-color);--rp-current-attr-background:var(--rp-tablet-attr-background);--rp-current-attr-hover-color:var(--rp-tablet-attr-hover-color);--rp-current-attr-hover-background:var(--rp-tablet-attr-hover-background);--rp-current-attr-border-color:var(--rp-tablet-attr-border-color);--rp-current-attr-border-width:var(--rp-tablet-attr-border-width);--rp-current-attr-font-size:var(--rp-tablet-attr-font-size);--rp-current-attr-padding-top:var(--rp-tablet-attr-padding-top);--rp-current-attr-padding-right:var(--rp-tablet-attr-padding-right);--rp-current-attr-padding-bottom:var(--rp-tablet-attr-padding-bottom);--rp-current-attr-padding-left:var(--rp-tablet-attr-padding-left);--rp-current-attr-radius-top-right:var(--rp-tablet-attr-radius-top-right);--rp-current-attr-radius-top-left:var(--rp-tablet-attr-radius-top-left);--rp-current-attr-radius-bottom-right:var(--rp-tablet-attr-radius-bottom-right);--rp-current-attr-radius-bottom-left:var(--rp-tablet-attr-radius-bottom-left); }
    .rp-card-extra-attributes:has(> .rp-card-extra-attribute.has-tablet-position) { position:static!important;inset:auto!important; }
    .rp-card-extra-attribute.has-tablet-position { position:absolute!important;inset:var(--rp-tablet-attr-position-top,auto) var(--rp-tablet-attr-position-right,auto) var(--rp-tablet-attr-position-bottom,auto) var(--rp-tablet-attr-position-left,auto)!important; }
}
@media (max-width: 767px) {
    .rp-card-extra-attribute { --rp-current-attr-color:var(--rp-mobile-attr-color);--rp-current-attr-background:var(--rp-mobile-attr-background);--rp-current-attr-hover-color:var(--rp-mobile-attr-hover-color);--rp-current-attr-hover-background:var(--rp-mobile-attr-hover-background);--rp-current-attr-border-color:var(--rp-mobile-attr-border-color);--rp-current-attr-border-width:var(--rp-mobile-attr-border-width);--rp-current-attr-font-size:var(--rp-mobile-attr-font-size);--rp-current-attr-padding-top:var(--rp-mobile-attr-padding-top);--rp-current-attr-padding-right:var(--rp-mobile-attr-padding-right);--rp-current-attr-padding-bottom:var(--rp-mobile-attr-padding-bottom);--rp-current-attr-padding-left:var(--rp-mobile-attr-padding-left);--rp-current-attr-radius-top-right:var(--rp-mobile-attr-radius-top-right);--rp-current-attr-radius-top-left:var(--rp-mobile-attr-radius-top-left);--rp-current-attr-radius-bottom-right:var(--rp-mobile-attr-radius-bottom-right);--rp-current-attr-radius-bottom-left:var(--rp-mobile-attr-radius-bottom-left); }
    .rp-card-extra-attributes:has(> .rp-card-extra-attribute.has-mobile-position) { position:static!important;inset:auto!important; }
    .rp-card-extra-attribute.has-mobile-position { position:absolute!important;inset:var(--rp-mobile-attr-position-top,auto) var(--rp-mobile-attr-position-right,auto) var(--rp-mobile-attr-position-bottom,auto) var(--rp-mobile-attr-position-left,auto)!important; }
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    width: auto !important;
    margin-top: auto !important;
    gap: 0 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer > .rp-card-component--buy {
    position: absolute !important;
    z-index: 4 !important;
    display: block !important;
    margin: 0 !important;
}

@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-quick-add-padding-top: var(--rp-card-desktop-quick-add-padding-top, 3px);
        --rp-card-current-quick-add-padding-right: var(--rp-card-desktop-quick-add-padding-right, 3px);
        --rp-card-current-quick-add-padding-bottom: var(--rp-card-desktop-quick-add-padding-bottom, 3px);
        --rp-card-current-quick-add-padding-left: var(--rp-card-desktop-quick-add-padding-left, 3px);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-quick-add-padding-top: var(--rp-card-tablet-quick-add-padding-top, var(--rp-card-desktop-quick-add-padding-top, 3px));
        --rp-card-current-quick-add-padding-right: var(--rp-card-tablet-quick-add-padding-right, var(--rp-card-desktop-quick-add-padding-right, 3px));
        --rp-card-current-quick-add-padding-bottom: var(--rp-card-tablet-quick-add-padding-bottom, var(--rp-card-desktop-quick-add-padding-bottom, 3px));
        --rp-card-current-quick-add-padding-left: var(--rp-card-tablet-quick-add-padding-left, var(--rp-card-desktop-quick-add-padding-left, 3px));
    }
}
@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-quick-add-padding-top: var(--rp-card-mobile-quick-add-padding-top, 3px);
        --rp-card-current-quick-add-padding-right: var(--rp-card-mobile-quick-add-padding-right, 3px);
        --rp-card-current-quick-add-padding-bottom: var(--rp-card-mobile-quick-add-padding-bottom, 3px);
        --rp-card-current-quick-add-padding-left: var(--rp-card-mobile-quick-add-padding-left, 3px);
    }
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer .rp-card-component--buy > button[data-rp-quick-add].rp-card-add {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: var(--rp-card-current-quick-add-padding-top, 3px) var(--rp-card-current-quick-add-padding-right, 3px) var(--rp-card-current-quick-add-padding-bottom, 3px) var(--rp-card-current-quick-add-padding-left, 3px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    color: var(--rp-card-current-quick-add-color, #fff) !important;
    background: var(--rp-card-current-quick-add-background, var(--rp-card-current-quick-add-bg, #ff5722)) !important;
    border-width: var(--rp-card-current-quick-add-border-width, 0) !important;
    border-style: var(--rp-card-current-quick-add-border-style, solid) !important;
    border-color: var(--rp-card-current-quick-add-border-color, #ff5722) !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: var(--rp-card-current-quick-add-radius-top-right, 999px) var(--rp-card-current-quick-add-radius-top-left, 999px) var(--rp-card-current-quick-add-radius-bottom-left, 999px) var(--rp-card-current-quick-add-radius-bottom-right, 999px) !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer .rp-card-component--buy > button[data-rp-quick-add].rp-card-add > span {
    color: inherit !important;
    font-size: var(--rp-card-current-quick-add-size, 18px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer .rp-card-component--buy > button[data-rp-quick-add].rp-card-add:not(.is-needs-choice):hover,
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer .rp-card-component--buy > button[data-rp-quick-add].rp-card-add.is-ready:hover {
    color: var(--rp-card-current-quick-add-hover-color, #fff) !important;
    background: var(--rp-card-current-quick-add-hover-background, var(--rp-card-current-quick-add-hover-bg, #111820)) !important;
    border-color: var(--rp-card-current-quick-add-border-hover-color,#111820) !important;
}

@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-desktop-horizontal > article.rp-product-card {
        display: grid !important;
        grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image {
        inset: var(--rp-card-desktop-brand-image-position-top, 10px) var(--rp-card-desktop-brand-image-position-right, 10px) var(--rp-card-desktop-brand-image-position-bottom, auto) var(--rp-card-desktop-brand-image-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-name {
        inset: var(--rp-card-desktop-brand-position-top, 68px) var(--rp-card-desktop-brand-position-right, 10px) var(--rp-card-desktop-brand-position-bottom, auto) var(--rp-card-desktop-brand-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite {
        inset: var(--rp-card-desktop-favorite-position-top, auto) var(--rp-card-desktop-favorite-position-right, auto) var(--rp-card-desktop-favorite-position-bottom, auto) var(--rp-card-desktop-favorite-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock {
        inset: var(--rp-card-desktop-stock-position-top, auto) var(--rp-card-desktop-stock-position-right, 20px) var(--rp-card-desktop-stock-position-bottom, 20px) var(--rp-card-desktop-stock-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer > .rp-card-component--buy {
        inset: var(--rp-card-desktop-quick-add-position-top, auto) var(--rp-card-desktop-quick-add-position-right, auto) var(--rp-card-desktop-quick-add-position-bottom, 20px) var(--rp-card-desktop-quick-add-position-left, 20px) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media {
        height: calc(var(--rp-card-desktop-image-height, 50px) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        max-height: none !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        height: var(--rp-card-desktop-image-height, 50px) !important;
        max-height: var(--rp-card-desktop-image-height, 50px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal > article.rp-product-card {
        display: grid !important;
        grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image {
        inset: var(--rp-card-tablet-brand-image-position-top, var(--rp-card-desktop-brand-image-position-top, 10px)) var(--rp-card-tablet-brand-image-position-right, var(--rp-card-desktop-brand-image-position-right, 10px)) var(--rp-card-tablet-brand-image-position-bottom, var(--rp-card-desktop-brand-image-position-bottom, auto)) var(--rp-card-tablet-brand-image-position-left, var(--rp-card-desktop-brand-image-position-left, auto)) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-name {
        inset: var(--rp-card-tablet-brand-position-top, var(--rp-card-desktop-brand-position-top, 68px)) var(--rp-card-tablet-brand-position-right, var(--rp-card-desktop-brand-position-right, 10px)) var(--rp-card-tablet-brand-position-bottom, var(--rp-card-desktop-brand-position-bottom, auto)) var(--rp-card-tablet-brand-position-left, var(--rp-card-desktop-brand-position-left, auto)) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite {
        inset: var(--rp-card-tablet-favorite-position-top, var(--rp-card-desktop-favorite-position-top, auto)) var(--rp-card-tablet-favorite-position-right, var(--rp-card-desktop-favorite-position-right, auto)) var(--rp-card-tablet-favorite-position-bottom, var(--rp-card-desktop-favorite-position-bottom, auto)) var(--rp-card-tablet-favorite-position-left, var(--rp-card-desktop-favorite-position-left, auto)) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock {
        inset: var(--rp-card-tablet-stock-position-top, var(--rp-card-desktop-stock-position-top, auto)) var(--rp-card-tablet-stock-position-right, var(--rp-card-desktop-stock-position-right, 20px)) var(--rp-card-tablet-stock-position-bottom, var(--rp-card-desktop-stock-position-bottom, 20px)) var(--rp-card-tablet-stock-position-left, var(--rp-card-desktop-stock-position-left, auto)) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer > .rp-card-component--buy {
        inset: var(--rp-card-tablet-quick-add-position-top, var(--rp-card-desktop-quick-add-position-top, auto)) var(--rp-card-tablet-quick-add-position-right, var(--rp-card-desktop-quick-add-position-right, auto)) var(--rp-card-tablet-quick-add-position-bottom, var(--rp-card-desktop-quick-add-position-bottom, 20px)) var(--rp-card-tablet-quick-add-position-left, var(--rp-card-desktop-quick-add-position-left, 20px)) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media {
        height: calc(var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        max-height: none !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        height: var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) !important;
        max-height: var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) !important;
    }
}

@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal > article.rp-product-card {
        display: grid !important;
        grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-image {
        inset: var(--rp-card-mobile-brand-image-position-top, 10px) var(--rp-card-mobile-brand-image-position-right, 10px) var(--rp-card-mobile-brand-image-position-bottom, auto) var(--rp-card-mobile-brand-image-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-brand-name {
        inset: var(--rp-card-mobile-brand-position-top, 68px) var(--rp-card-mobile-brand-position-right, 10px) var(--rp-card-mobile-brand-position-bottom, auto) var(--rp-card-mobile-brand-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--favorite {
        inset: var(--rp-card-mobile-favorite-position-top, auto) var(--rp-card-mobile-favorite-position-right, auto) var(--rp-card-mobile-favorite-position-bottom, auto) var(--rp-card-mobile-favorite-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock {
        inset: var(--rp-card-mobile-stock-position-top, auto) var(--rp-card-mobile-stock-position-right, 20px) var(--rp-card-mobile-stock-position-bottom, 20px) var(--rp-card-mobile-stock-position-left, auto) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__footer > .rp-card-component--buy {
        inset: var(--rp-card-mobile-quick-add-position-top, auto) var(--rp-card-mobile-quick-add-position-right, auto) var(--rp-card-mobile-quick-add-position-bottom, 20px) var(--rp-card-mobile-quick-add-position-left, 20px) !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media {
        height: calc(var(--rp-card-mobile-image-height, 50px) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        max-height: none !important;
    }

    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        height: var(--rp-card-mobile-image-height, 50px) !important;
        max-height: var(--rp-card-mobile-image-height, 50px) !important;
    }
}

/* Favorite availability follows the responsive component switch in Product
   Card settings. When rendered, it is visible before hover in every context
   and layout; hover is reserved for color/background feedback only. */
html body li.product.rp-product-card-component.rp-global-card-components > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}

/* Brand artwork is painted inside a predictable frame. Wide logos scale from
   the frame width; square logos keep their aspect ratio and remain right
   aligned instead of changing the component's measured width. */
@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-brand-image-width: var(--rp-card-desktop-brand-image-width, 55px);
        --rp-card-current-brand-image-max-height: var(--rp-card-desktop-brand-image-max-height, 30px);
        --rp-card-current-brand-image-wrapper-bg: var(--rp-card-desktop-brand-image-wrapper-bg, #fff);
        --rp-card-current-brand-image-wrapper-border-color: var(--rp-card-desktop-brand-image-wrapper-border-color, #fff);
        --rp-card-current-brand-image-wrapper-border-width: var(--rp-card-desktop-brand-image-wrapper-border-width, 0);
        --rp-card-current-brand-image-wrapper-border-style: var(--rp-card-desktop-brand-image-wrapper-border-style, solid);
        --rp-card-current-brand-image-wrapper-padding-top: var(--rp-card-desktop-brand-image-wrapper-padding-top, 0);
        --rp-card-current-brand-image-wrapper-padding-right: var(--rp-card-desktop-brand-image-wrapper-padding-right, 0);
        --rp-card-current-brand-image-wrapper-padding-bottom: var(--rp-card-desktop-brand-image-wrapper-padding-bottom, 0);
        --rp-card-current-brand-image-wrapper-padding-left: var(--rp-card-desktop-brand-image-wrapper-padding-left, 0);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-brand-image-width: var(--rp-card-tablet-brand-image-width, var(--rp-card-desktop-brand-image-width, 55px));
        --rp-card-current-brand-image-max-height: var(--rp-card-tablet-brand-image-max-height, var(--rp-card-desktop-brand-image-max-height, 30px));
        --rp-card-current-brand-image-wrapper-bg: var(--rp-card-tablet-brand-image-wrapper-bg, var(--rp-card-desktop-brand-image-wrapper-bg, #fff));
        --rp-card-current-brand-image-wrapper-border-color: var(--rp-card-tablet-brand-image-wrapper-border-color, var(--rp-card-desktop-brand-image-wrapper-border-color, #fff));
        --rp-card-current-brand-image-wrapper-border-width: var(--rp-card-tablet-brand-image-wrapper-border-width, var(--rp-card-desktop-brand-image-wrapper-border-width, 0));
        --rp-card-current-brand-image-wrapper-border-style: var(--rp-card-tablet-brand-image-wrapper-border-style, var(--rp-card-desktop-brand-image-wrapper-border-style, solid));
        --rp-card-current-brand-image-wrapper-padding-top: var(--rp-card-tablet-brand-image-wrapper-padding-top, var(--rp-card-desktop-brand-image-wrapper-padding-top, 0));
        --rp-card-current-brand-image-wrapper-padding-right: var(--rp-card-tablet-brand-image-wrapper-padding-right, var(--rp-card-desktop-brand-image-wrapper-padding-right, 0));
        --rp-card-current-brand-image-wrapper-padding-bottom: var(--rp-card-tablet-brand-image-wrapper-padding-bottom, var(--rp-card-desktop-brand-image-wrapper-padding-bottom, 0));
        --rp-card-current-brand-image-wrapper-padding-left: var(--rp-card-tablet-brand-image-wrapper-padding-left, var(--rp-card-desktop-brand-image-wrapper-padding-left, 0));
    }
}

@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-brand-image-width: var(--rp-card-mobile-brand-image-width, 55px);
        --rp-card-current-brand-image-max-height: var(--rp-card-mobile-brand-image-max-height, 30px);
        --rp-card-current-brand-image-wrapper-bg: var(--rp-card-mobile-brand-image-wrapper-bg, #fff);
        --rp-card-current-brand-image-wrapper-border-color: var(--rp-card-mobile-brand-image-wrapper-border-color, #fff);
        --rp-card-current-brand-image-wrapper-border-width: var(--rp-card-mobile-brand-image-wrapper-border-width, 0);
        --rp-card-current-brand-image-wrapper-border-style: var(--rp-card-mobile-brand-image-wrapper-border-style, solid);
        --rp-card-current-brand-image-wrapper-padding-top: var(--rp-card-mobile-brand-image-wrapper-padding-top, 0);
        --rp-card-current-brand-image-wrapper-padding-right: var(--rp-card-mobile-brand-image-wrapper-padding-right, 0);
        --rp-card-current-brand-image-wrapper-padding-bottom: var(--rp-card-mobile-brand-image-wrapper-padding-bottom, 0);
        --rp-card-current-brand-image-wrapper-padding-left: var(--rp-card-mobile-brand-image-wrapper-padding-left, 0);
    }
}

/* Final authority for the two optionally positioned layout components. */
@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] {
        position: var(--rp-card-desktop-price-position-mode) !important;
        inset: var(--rp-card-desktop-price-position-top) var(--rp-card-desktop-price-position-right) var(--rp-card-desktop-price-position-bottom) var(--rp-card-desktop-price-position-left) !important;
        z-index: 5 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component]:has(.rp-wct-contact-price, .rp-product-contact-price) {
        inset: var(--rp-card-desktop-contact-price-position-top, var(--rp-card-desktop-price-position-top)) var(--rp-card-desktop-contact-price-position-right, var(--rp-card-desktop-price-position-right)) var(--rp-card-desktop-contact-price-position-bottom, var(--rp-card-desktop-price-position-bottom)) var(--rp-card-desktop-contact-price-position-left, var(--rp-card-desktop-price-position-left)) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches {
        position: var(--rp-card-desktop-swatch-position-mode) !important;
        inset: var(--rp-card-desktop-swatch-position-top) var(--rp-card-desktop-swatch-position-right) var(--rp-card-desktop-swatch-position-bottom) var(--rp-card-desktop-swatch-position-left) !important;
        z-index: 5 !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] {
        position: var(--rp-card-tablet-price-position-mode, var(--rp-card-desktop-price-position-mode)) !important;
        inset: var(--rp-card-tablet-price-position-top, var(--rp-card-desktop-price-position-top)) var(--rp-card-tablet-price-position-right, var(--rp-card-desktop-price-position-right)) var(--rp-card-tablet-price-position-bottom, var(--rp-card-desktop-price-position-bottom)) var(--rp-card-tablet-price-position-left, var(--rp-card-desktop-price-position-left)) !important;
        z-index: 5 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component]:has(.rp-wct-contact-price, .rp-product-contact-price) {
        inset: var(--rp-card-tablet-contact-price-position-top, var(--rp-card-tablet-price-position-top, var(--rp-card-desktop-price-position-top))) var(--rp-card-tablet-contact-price-position-right, var(--rp-card-tablet-price-position-right, var(--rp-card-desktop-price-position-right))) var(--rp-card-tablet-contact-price-position-bottom, var(--rp-card-tablet-price-position-bottom, var(--rp-card-desktop-price-position-bottom))) var(--rp-card-tablet-contact-price-position-left, var(--rp-card-tablet-price-position-left, var(--rp-card-desktop-price-position-left))) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches {
        position: var(--rp-card-tablet-swatch-position-mode, var(--rp-card-desktop-swatch-position-mode)) !important;
        inset: var(--rp-card-tablet-swatch-position-top, var(--rp-card-desktop-swatch-position-top)) var(--rp-card-tablet-swatch-position-right, var(--rp-card-desktop-swatch-position-right)) var(--rp-card-tablet-swatch-position-bottom, var(--rp-card-desktop-swatch-position-bottom)) var(--rp-card-tablet-swatch-position-left, var(--rp-card-desktop-swatch-position-left)) !important;
        z-index: 5 !important;
        margin: 0 !important;
    }
}

@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] {
        position: var(--rp-card-mobile-price-position-mode) !important;
        inset: var(--rp-card-mobile-price-position-top) var(--rp-card-mobile-price-position-right) var(--rp-card-mobile-price-position-bottom) var(--rp-card-mobile-price-position-left) !important;
        z-index: 5 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component]:has(.rp-wct-contact-price, .rp-product-contact-price) {
        inset: var(--rp-card-mobile-contact-price-position-top, var(--rp-card-mobile-price-position-top)) var(--rp-card-mobile-contact-price-position-right, var(--rp-card-mobile-price-position-right)) var(--rp-card-mobile-contact-price-position-bottom, var(--rp-card-mobile-price-position-bottom)) var(--rp-card-mobile-contact-price-position-left, var(--rp-card-mobile-price-position-left)) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-swatches {
        position: var(--rp-card-mobile-swatch-position-mode) !important;
        inset: var(--rp-card-mobile-swatch-position-top) var(--rp-card-mobile-swatch-position-right) var(--rp-card-mobile-swatch-position-bottom) var(--rp-card-mobile-swatch-position-left) !important;
        z-index: 5 !important;
        margin: 0 !important;
    }
}

/* Final frontend authority for horizontal named layouts. Keep this block at
   EOF so legacy Shop/archive rules cannot restore fixed image dimensions or
   title clamping after the shared product-card component has rendered. */
@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-desktop-horizontal .rp-product-card__media {
        height: calc(var(--rp-card-desktop-image-height, 50px) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-desktop-horizontal .rp-product-card__media > img.rp-product-card-image {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--rp-card-desktop-image-height, 50px) !important;
        min-height: 0 !important;
        max-height: var(--rp-card-desktop-image-height, 50px) !important;
        border-radius: var(--rp-card-current-image-radius-top-right, 0) var(--rp-card-current-image-radius-top-left, 0) var(--rp-card-current-image-radius-bottom-left, 0) var(--rp-card-current-image-radius-bottom-right, 0) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal .rp-product-card__media {
        height: calc(var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal .rp-product-card__media > img.rp-product-card-image {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) !important;
        min-height: 0 !important;
        max-height: var(--rp-card-tablet-image-height, var(--rp-card-desktop-image-height, 50px)) !important;
        border-radius: var(--rp-card-current-image-radius-top-right, 0) var(--rp-card-current-image-radius-top-left, 0) var(--rp-card-current-image-radius-bottom-left, 0) var(--rp-card-current-image-radius-bottom-right, 0) !important;
    }
}

@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal .rp-product-card__media {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: calc(var(--rp-card-mobile-image-height, 50px) + var(--rp-card-current-image-margin-top, 0px) + var(--rp-card-current-image-margin-bottom, 0px)) !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal .rp-product-card__media > img.rp-product-card-image {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--rp-card-mobile-image-height, 50px) !important;
        min-height: 0 !important;
        max-height: var(--rp-card-mobile-image-height, 50px) !important;
        border-radius: var(--rp-card-current-image-radius-top-right, 0) var(--rp-card-current-image-radius-top-left, 0) var(--rp-card-current-image-radius-bottom-left, 0) var(--rp-card-current-image-radius-bottom-right, 0) !important;
    }
}

@media (min-width: 1025px) {
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-desktop-horizontal .rp-product-card__content > h2.rp-card-title {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

html body li.product.rp-product-card-component.rp-global-card-components.rp-card-desktop-horizontal .rp-product-card__content > h2.rp-card-title > a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    direction: rtl !important;
    text-align: inherit !important;
    unicode-bidi: plaintext;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal .rp-product-card__content > h2.rp-card-title,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal .rp-product-card__content > h2.rp-card-title > a {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-tablet-horizontal .rp-product-card__content > h2.rp-card-title > a { display: block !important; }
}

@media (max-width: 767px) {
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal .rp-product-card__content > h2.rp-card-title,
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal .rp-product-card__content > h2.rp-card-title > a {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-mobile-horizontal .rp-product-card__content > h2.rp-card-title > a { display: block !important; }
}

/* Timed-sale countdown: one lightweight card component, positioned from the
   card padding edge like other independently placeable components. */
html body li.product.rp-product-card-component.rp-global-card-components.rp-card-has-countdown > article.rp-product-card{overflow:visible!important}.rp-product-card > .rp-card-sale-countdown{position:absolute;z-index:8;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--rp-card-current-countdown-color,#ff3158);background:var(--rp-card-current-countdown-bg,#fff);font-size:var(--rp-card-current-countdown-size,11px);font-weight:var(--rp-card-current-countdown-weight,500);gap:var(--rp-card-current-countdown-gap,3px);border:var(--rp-card-current-countdown-border-width,0) solid var(--rp-card-current-countdown-border-color,#ffd8e0);border-radius:var(--rp-card-current-countdown-radius-top-right,999px) var(--rp-card-current-countdown-radius-top-left,999px) var(--rp-card-current-countdown-radius-bottom-left,999px) var(--rp-card-current-countdown-radius-bottom-right,999px);padding:var(--rp-card-current-countdown-padding-top,0) var(--rp-card-current-countdown-padding-right,0) var(--rp-card-current-countdown-padding-bottom,0) var(--rp-card-current-countdown-padding-left,0);margin:var(--rp-card-current-countdown-margin-top,0) var(--rp-card-current-countdown-margin-right,0) var(--rp-card-current-countdown-margin-bottom,0) var(--rp-card-current-countdown-margin-left,0)}.rp-card-hide-countdown .rp-card-component--countdown{display:none!important}
.rp-card-sale-countdown__icon{display:inline-block;width:1.15em;height:1.15em;border:1.5px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box;background-image:var(--rp-card-current-countdown-icon,none);background-repeat:no-repeat;background-position:center;background-size:contain}.rp-card-sale-countdown__icon:before,.rp-card-sale-countdown__icon:after{content:"";position:absolute;right:50%;bottom:50%;width:1px;background:currentColor;transform-origin:bottom;opacity:var(--rp-card-current-countdown-default-icon-opacity,1)}.rp-card-sale-countdown__icon:before{height:30%;transform:rotate(0deg)}.rp-card-sale-countdown__icon:after{height:24%;transform:rotate(-55deg)}.rp-card-sale-countdown__icon.has-custom-icon{border-color:transparent}
.rp-card-sale-countdown__icon{border-color:var(--rp-card-current-countdown-icon-border-color,currentColor)}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-countdown-border-width:var(--rp-card-desktop-countdown-border-width,0);--rp-card-current-countdown-border-color:var(--rp-card-desktop-countdown-border-color,#ffd8e0);--rp-card-current-countdown-radius-top-right:var(--rp-card-desktop-countdown-radius-top-right,999px);--rp-card-current-countdown-radius-top-left:var(--rp-card-desktop-countdown-radius-top-left,999px);--rp-card-current-countdown-radius-bottom-left:var(--rp-card-desktop-countdown-radius-bottom-left,999px);--rp-card-current-countdown-radius-bottom-right:var(--rp-card-desktop-countdown-radius-bottom-right,999px);--rp-card-current-countdown-icon:var(--rp-card-desktop-countdown-icon,none);--rp-card-current-countdown-default-icon-opacity:var(--rp-card-desktop-countdown-default-icon-opacity,1);--rp-card-current-countdown-icon-border-color:var(--rp-card-desktop-countdown-icon-border-color,currentColor)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-countdown-border-width:var(--rp-card-tablet-countdown-border-width,var(--rp-card-desktop-countdown-border-width,0));--rp-card-current-countdown-border-color:var(--rp-card-tablet-countdown-border-color,var(--rp-card-desktop-countdown-border-color,#ffd8e0));--rp-card-current-countdown-radius-top-right:var(--rp-card-tablet-countdown-radius-top-right,var(--rp-card-desktop-countdown-radius-top-right,999px));--rp-card-current-countdown-radius-top-left:var(--rp-card-tablet-countdown-radius-top-left,var(--rp-card-desktop-countdown-radius-top-left,999px));--rp-card-current-countdown-radius-bottom-left:var(--rp-card-tablet-countdown-radius-bottom-left,var(--rp-card-desktop-countdown-radius-bottom-left,999px));--rp-card-current-countdown-radius-bottom-right:var(--rp-card-tablet-countdown-radius-bottom-right,var(--rp-card-desktop-countdown-radius-bottom-right,999px));--rp-card-current-countdown-icon:var(--rp-card-tablet-countdown-icon,var(--rp-card-desktop-countdown-icon,none));--rp-card-current-countdown-default-icon-opacity:var(--rp-card-tablet-countdown-default-icon-opacity,var(--rp-card-desktop-countdown-default-icon-opacity,1));--rp-card-current-countdown-icon-border-color:var(--rp-card-tablet-countdown-icon-border-color,var(--rp-card-desktop-countdown-icon-border-color,currentColor))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-countdown-border-width:var(--rp-card-mobile-countdown-border-width,0);--rp-card-current-countdown-border-color:var(--rp-card-mobile-countdown-border-color,#ffd8e0);--rp-card-current-countdown-radius-top-right:var(--rp-card-mobile-countdown-radius-top-right,999px);--rp-card-current-countdown-radius-top-left:var(--rp-card-mobile-countdown-radius-top-left,999px);--rp-card-current-countdown-radius-bottom-left:var(--rp-card-mobile-countdown-radius-bottom-left,999px);--rp-card-current-countdown-radius-bottom-right:var(--rp-card-mobile-countdown-radius-bottom-right,999px);--rp-card-current-countdown-icon:var(--rp-card-mobile-countdown-icon,none);--rp-card-current-countdown-default-icon-opacity:var(--rp-card-mobile-countdown-default-icon-opacity,1);--rp-card-current-countdown-icon-border-color:var(--rp-card-mobile-countdown-icon-border-color,currentColor)}}

/* WooCommerce Featured product indicator. */
.rp-product-card>.rp-card-featured-badge{position:absolute;z-index:6;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--rp-card-current-featured-color,#f59e0b);background:var(--rp-card-current-featured-bg,#fff);font-size:var(--rp-card-current-featured-size,18px);border:var(--rp-card-current-featured-border-width,0) solid var(--rp-card-current-featured-border-color,#f59e0b);border-radius:var(--rp-card-current-featured-radius-top-right,999px) var(--rp-card-current-featured-radius-top-left,999px) var(--rp-card-current-featured-radius-bottom-left,999px) var(--rp-card-current-featured-radius-bottom-right,999px);padding:var(--rp-card-current-featured-padding-top,3px) var(--rp-card-current-featured-padding-right,3px) var(--rp-card-current-featured-padding-bottom,3px) var(--rp-card-current-featured-padding-left,3px);margin:var(--rp-card-current-featured-margin-top,0) var(--rp-card-current-featured-margin-right,0) var(--rp-card-current-featured-margin-bottom,0) var(--rp-card-current-featured-margin-left,0)}.rp-card-featured-badge__icon{display:block;position:relative;width:1em;height:1em;background-image:var(--rp-card-current-featured-icon,none);background-position:center;background-repeat:no-repeat;background-size:contain}.rp-card-featured-badge__star{display:block;line-height:1;opacity:var(--rp-card-current-featured-star-opacity,1)}.rp-card-hide-featured .rp-card-component--featured{display:none!important}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-featured-color:var(--rp-card-desktop-featured-color,#f59e0b);--rp-card-current-featured-bg:var(--rp-card-desktop-featured-bg,#fff);--rp-card-current-featured-size:var(--rp-card-desktop-featured-size,18px);--rp-card-current-featured-border-width:var(--rp-card-desktop-featured-border-width,0);--rp-card-current-featured-border-color:var(--rp-card-desktop-featured-border-color,#f59e0b);--rp-card-current-featured-radius-top-right:var(--rp-card-desktop-featured-radius-top-right,999px);--rp-card-current-featured-radius-top-left:var(--rp-card-desktop-featured-radius-top-left,999px);--rp-card-current-featured-radius-bottom-left:var(--rp-card-desktop-featured-radius-bottom-left,999px);--rp-card-current-featured-radius-bottom-right:var(--rp-card-desktop-featured-radius-bottom-right,999px);--rp-card-current-featured-padding-top:var(--rp-card-desktop-featured-padding-top,3px);--rp-card-current-featured-padding-right:var(--rp-card-desktop-featured-padding-right,3px);--rp-card-current-featured-padding-bottom:var(--rp-card-desktop-featured-padding-bottom,3px);--rp-card-current-featured-padding-left:var(--rp-card-desktop-featured-padding-left,3px);--rp-card-current-featured-margin-top:var(--rp-card-desktop-featured-margin-top,0);--rp-card-current-featured-margin-right:var(--rp-card-desktop-featured-margin-right,0);--rp-card-current-featured-margin-bottom:var(--rp-card-desktop-featured-margin-bottom,0);--rp-card-current-featured-margin-left:var(--rp-card-desktop-featured-margin-left,0)}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-featured-badge{inset:var(--rp-card-desktop-featured-position-top,10px) var(--rp-card-desktop-featured-position-right,10px) var(--rp-card-desktop-featured-position-bottom,auto) var(--rp-card-desktop-featured-position-left,auto)!important}.rp-card-hide-desktop-featured .rp-card-component--featured{display:none!important}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-featured-color:var(--rp-card-tablet-featured-color,var(--rp-card-desktop-featured-color,#f59e0b));--rp-card-current-featured-bg:var(--rp-card-tablet-featured-bg,var(--rp-card-desktop-featured-bg,#fff));--rp-card-current-featured-size:var(--rp-card-tablet-featured-size,var(--rp-card-desktop-featured-size,18px));--rp-card-current-featured-border-width:var(--rp-card-tablet-featured-border-width,var(--rp-card-desktop-featured-border-width,0));--rp-card-current-featured-border-color:var(--rp-card-tablet-featured-border-color,var(--rp-card-desktop-featured-border-color,#f59e0b));--rp-card-current-featured-radius-top-right:var(--rp-card-tablet-featured-radius-top-right,var(--rp-card-desktop-featured-radius-top-right,999px));--rp-card-current-featured-radius-top-left:var(--rp-card-tablet-featured-radius-top-left,var(--rp-card-desktop-featured-radius-top-left,999px));--rp-card-current-featured-radius-bottom-left:var(--rp-card-tablet-featured-radius-bottom-left,var(--rp-card-desktop-featured-radius-bottom-left,999px));--rp-card-current-featured-radius-bottom-right:var(--rp-card-tablet-featured-radius-bottom-right,var(--rp-card-desktop-featured-radius-bottom-right,999px));--rp-card-current-featured-padding-top:var(--rp-card-tablet-featured-padding-top,var(--rp-card-desktop-featured-padding-top,3px));--rp-card-current-featured-padding-right:var(--rp-card-tablet-featured-padding-right,var(--rp-card-desktop-featured-padding-right,3px));--rp-card-current-featured-padding-bottom:var(--rp-card-tablet-featured-padding-bottom,var(--rp-card-desktop-featured-padding-bottom,3px));--rp-card-current-featured-padding-left:var(--rp-card-tablet-featured-padding-left,var(--rp-card-desktop-featured-padding-left,3px));--rp-card-current-featured-margin-top:var(--rp-card-tablet-featured-margin-top,var(--rp-card-desktop-featured-margin-top,0));--rp-card-current-featured-margin-right:var(--rp-card-tablet-featured-margin-right,var(--rp-card-desktop-featured-margin-right,0));--rp-card-current-featured-margin-bottom:var(--rp-card-tablet-featured-margin-bottom,var(--rp-card-desktop-featured-margin-bottom,0));--rp-card-current-featured-margin-left:var(--rp-card-tablet-featured-margin-left,var(--rp-card-desktop-featured-margin-left,0))}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-featured-badge{inset:var(--rp-card-tablet-featured-position-top,var(--rp-card-desktop-featured-position-top,10px)) var(--rp-card-tablet-featured-position-right,var(--rp-card-desktop-featured-position-right,10px)) var(--rp-card-tablet-featured-position-bottom,var(--rp-card-desktop-featured-position-bottom,auto)) var(--rp-card-tablet-featured-position-left,var(--rp-card-desktop-featured-position-left,auto))!important}.rp-card-hide-tablet-featured .rp-card-component--featured{display:none!important}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-featured-color:var(--rp-card-mobile-featured-color,#f59e0b);--rp-card-current-featured-bg:var(--rp-card-mobile-featured-bg,#fff);--rp-card-current-featured-size:var(--rp-card-mobile-featured-size,18px);--rp-card-current-featured-border-width:var(--rp-card-mobile-featured-border-width,0);--rp-card-current-featured-border-color:var(--rp-card-mobile-featured-border-color,#f59e0b);--rp-card-current-featured-radius-top-right:var(--rp-card-mobile-featured-radius-top-right,999px);--rp-card-current-featured-radius-top-left:var(--rp-card-mobile-featured-radius-top-left,999px);--rp-card-current-featured-radius-bottom-left:var(--rp-card-mobile-featured-radius-bottom-left,999px);--rp-card-current-featured-radius-bottom-right:var(--rp-card-mobile-featured-radius-bottom-right,999px);--rp-card-current-featured-padding-top:var(--rp-card-mobile-featured-padding-top,3px);--rp-card-current-featured-padding-right:var(--rp-card-mobile-featured-padding-right,3px);--rp-card-current-featured-padding-bottom:var(--rp-card-mobile-featured-padding-bottom,3px);--rp-card-current-featured-padding-left:var(--rp-card-mobile-featured-padding-left,3px);--rp-card-current-featured-margin-top:var(--rp-card-mobile-featured-margin-top,0);--rp-card-current-featured-margin-right:var(--rp-card-mobile-featured-margin-right,0);--rp-card-current-featured-margin-bottom:var(--rp-card-mobile-featured-margin-bottom,0);--rp-card-current-featured-margin-left:var(--rp-card-mobile-featured-margin-left,0)}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-featured-badge{inset:var(--rp-card-mobile-featured-position-top,10px) var(--rp-card-mobile-featured-position-right,10px) var(--rp-card-mobile-featured-position-bottom,auto) var(--rp-card-mobile-featured-position-left,auto)!important}.rp-card-hide-mobile-featured .rp-card-component--featured{display:none!important}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-featured-icon:var(--rp-card-desktop-featured-icon,none);--rp-card-current-featured-star-opacity:var(--rp-card-desktop-featured-star-opacity,1)}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-featured-icon:var(--rp-card-tablet-featured-icon,var(--rp-card-desktop-featured-icon,none));--rp-card-current-featured-star-opacity:var(--rp-card-tablet-featured-star-opacity,var(--rp-card-desktop-featured-star-opacity,1))}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-featured-icon:var(--rp-card-mobile-featured-icon,none);--rp-card-current-featured-star-opacity:var(--rp-card-mobile-featured-star-opacity,1)}}
@media (min-width:1025px){li.rp-product-card-component{--rp-card-current-countdown-color:var(--rp-card-desktop-countdown-color,#ff3158);--rp-card-current-countdown-bg:var(--rp-card-desktop-countdown-bg,#fff);--rp-card-current-countdown-size:var(--rp-card-desktop-countdown-size,11px);--rp-card-current-countdown-weight:var(--rp-card-desktop-countdown-weight,500);--rp-card-current-countdown-gap:var(--rp-card-desktop-countdown-gap,3px);--rp-card-current-countdown-padding-top:var(--rp-card-desktop-countdown-padding-top,0);--rp-card-current-countdown-padding-right:var(--rp-card-desktop-countdown-padding-right,0);--rp-card-current-countdown-padding-bottom:var(--rp-card-desktop-countdown-padding-bottom,0);--rp-card-current-countdown-padding-left:var(--rp-card-desktop-countdown-padding-left,0);--rp-card-current-countdown-margin-top:var(--rp-card-desktop-countdown-margin-top,0);--rp-card-current-countdown-margin-right:var(--rp-card-desktop-countdown-margin-right,0);--rp-card-current-countdown-margin-bottom:var(--rp-card-desktop-countdown-margin-bottom,0);--rp-card-current-countdown-margin-left:var(--rp-card-desktop-countdown-margin-left,0)}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-sale-countdown{inset:var(--rp-card-desktop-countdown-position-top,auto) var(--rp-card-desktop-countdown-position-right,auto) var(--rp-card-desktop-countdown-position-bottom,48px) var(--rp-card-desktop-countdown-position-left,10px)!important}.rp-card-hide-desktop-countdown .rp-card-component--countdown{display:none!important}}
@media (min-width:768px) and (max-width:1024px){li.rp-product-card-component{--rp-card-current-countdown-color:var(--rp-card-tablet-countdown-color,var(--rp-card-desktop-countdown-color,#ff3158));--rp-card-current-countdown-bg:var(--rp-card-tablet-countdown-bg,var(--rp-card-desktop-countdown-bg,#fff));--rp-card-current-countdown-size:var(--rp-card-tablet-countdown-size,var(--rp-card-desktop-countdown-size,11px));--rp-card-current-countdown-weight:var(--rp-card-tablet-countdown-weight,var(--rp-card-desktop-countdown-weight,500));--rp-card-current-countdown-gap:var(--rp-card-tablet-countdown-gap,var(--rp-card-desktop-countdown-gap,3px))}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-sale-countdown{inset:var(--rp-card-tablet-countdown-position-top,var(--rp-card-desktop-countdown-position-top,auto)) var(--rp-card-tablet-countdown-position-right,var(--rp-card-desktop-countdown-position-right,auto)) var(--rp-card-tablet-countdown-position-bottom,var(--rp-card-desktop-countdown-position-bottom,48px)) var(--rp-card-tablet-countdown-position-left,var(--rp-card-desktop-countdown-position-left,10px))!important}.rp-card-hide-tablet-countdown .rp-card-component--countdown{display:none!important}}
@media (max-width:767px){li.rp-product-card-component{--rp-card-current-countdown-color:var(--rp-card-mobile-countdown-color,#ff3158);--rp-card-current-countdown-bg:var(--rp-card-mobile-countdown-bg,#fff);--rp-card-current-countdown-size:var(--rp-card-mobile-countdown-size,11px);--rp-card-current-countdown-weight:var(--rp-card-mobile-countdown-weight,500);--rp-card-current-countdown-gap:var(--rp-card-mobile-countdown-gap,3px);--rp-card-current-countdown-padding-top:var(--rp-card-mobile-countdown-padding-top,0);--rp-card-current-countdown-padding-right:var(--rp-card-mobile-countdown-padding-right,0);--rp-card-current-countdown-padding-bottom:var(--rp-card-mobile-countdown-padding-bottom,0);--rp-card-current-countdown-padding-left:var(--rp-card-mobile-countdown-padding-left,0);--rp-card-current-countdown-margin-top:var(--rp-card-mobile-countdown-margin-top,0);--rp-card-current-countdown-margin-right:var(--rp-card-mobile-countdown-margin-right,0);--rp-card-current-countdown-margin-bottom:var(--rp-card-mobile-countdown-margin-bottom,0);--rp-card-current-countdown-margin-left:var(--rp-card-mobile-countdown-margin-left,0)}html body li.product.rp-product-card-component>.rp-product-card>.rp-card-sale-countdown{inset:var(--rp-card-mobile-countdown-position-top,auto) var(--rp-card-mobile-countdown-position-right,auto) var(--rp-card-mobile-countdown-position-bottom,48px) var(--rp-card-mobile-countdown-position-left,10px)!important}.rp-card-hide-mobile-countdown .rp-card-component--countdown{display:none!important}}

/* Independently configurable managed-stock quantity. */
.rp-product-card__content > .rp-card-stock-quantity {
    position: absolute !important;
    z-index: 4 !important;
    margin: 0 !important;
    color: var(--rp-card-current-stock-quantity-color, #64748b) !important;
    font-size: var(--rp-card-current-stock-quantity-size, 11px) !important;
    font-weight: var(--rp-card-current-stock-quantity-weight, 400) !important;
    line-height: 1.6 !important;
    white-space: nowrap !important;
}
.rp-card-hide-stock-quantity .rp-card-component--stock-quantity { display: none !important; }

@media (min-width: 1025px) {
    li.rp-product-card-component {
        --rp-card-current-stock-quantity-color: var(--rp-card-desktop-stock-quantity-color, #64748b);
        --rp-card-current-stock-quantity-size: var(--rp-card-desktop-stock-quantity-size, 11px);
        --rp-card-current-stock-quantity-weight: var(--rp-card-desktop-stock-quantity-weight, 400);
    }
    html body li.product.rp-product-card-component .rp-product-card__content > .rp-card-stock-quantity {
        inset: var(--rp-card-desktop-stock-quantity-position-top, auto) var(--rp-card-desktop-stock-quantity-position-right, 20px) var(--rp-card-desktop-stock-quantity-position-bottom, 4px) var(--rp-card-desktop-stock-quantity-position-left, auto) !important;
    }
    .rp-card-hide-desktop-stock-quantity .rp-card-component--stock-quantity { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component {
        --rp-card-current-stock-quantity-color: var(--rp-card-tablet-stock-quantity-color, var(--rp-card-desktop-stock-quantity-color, #64748b));
        --rp-card-current-stock-quantity-size: var(--rp-card-tablet-stock-quantity-size, var(--rp-card-desktop-stock-quantity-size, 11px));
        --rp-card-current-stock-quantity-weight: var(--rp-card-tablet-stock-quantity-weight, var(--rp-card-desktop-stock-quantity-weight, 400));
    }
    html body li.product.rp-product-card-component .rp-product-card__content > .rp-card-stock-quantity {
        inset: var(--rp-card-tablet-stock-quantity-position-top, var(--rp-card-desktop-stock-quantity-position-top, auto)) var(--rp-card-tablet-stock-quantity-position-right, var(--rp-card-desktop-stock-quantity-position-right, 20px)) var(--rp-card-tablet-stock-quantity-position-bottom, var(--rp-card-desktop-stock-quantity-position-bottom, 4px)) var(--rp-card-tablet-stock-quantity-position-left, var(--rp-card-desktop-stock-quantity-position-left, auto)) !important;
    }
    .rp-card-hide-tablet-stock-quantity .rp-card-component--stock-quantity { display: none !important; }
}

@media (max-width: 767px) {
    li.rp-product-card-component {
        --rp-card-current-stock-quantity-color: var(--rp-card-mobile-stock-quantity-color, #64748b);
        --rp-card-current-stock-quantity-size: var(--rp-card-mobile-stock-quantity-size, 11px);
        --rp-card-current-stock-quantity-weight: var(--rp-card-mobile-stock-quantity-weight, 400);
    }
    html body li.product.rp-product-card-component .rp-product-card__content > .rp-card-stock-quantity {
        inset: var(--rp-card-mobile-stock-quantity-position-top, auto) var(--rp-card-mobile-stock-quantity-position-right, 20px) var(--rp-card-mobile-stock-quantity-position-bottom, 4px) var(--rp-card-mobile-stock-quantity-position-left, auto) !important;
    }
    .rp-card-hide-mobile-stock-quantity .rp-card-component--stock-quantity { display: none !important; }
}

/* Compare selection belongs to the independent Product Card interaction
   layer. Keep the configured card border intact and draw a separate ring. */
html body.rp-compare-mode-active [data-rp-product-card].is-rp-compare-selected {
    outline: 2px solid #000 !important;
    outline-offset: -2px !important;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body).rp-compare-mode-active [data-rp-product-card].is-rp-compare-selected {
    outline-color: #fff !important;
}

html body.rp-compare-mode-active li.product.rp-product-card-component.rp-global-card-components > [data-rp-product-card].is-rp-compare-selected .rp-product-card__tools > .rp-card-component--compare {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

html body.rp-compare-mode-active li.product.rp-product-card-component.rp-global-card-components > [data-rp-product-card].is-rp-compare-selected .rp-product-card__tools > .rp-card-component--compare > button.rp-card-compare:is(.is-active, [aria-pressed="true"]) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body.rp-compare-mode-active [data-rp-product-card].is-rp-compare-selected .rp-card-compare:is(.is-active, [aria-pressed="true"]) > .rp-compare-icon {
    opacity: 1 !important;
    transform: scale(1.12) !important;
    transform-origin: center !important;
    filter: drop-shadow(.4px 0 0 currentColor) drop-shadow(-.4px 0 0 currentColor) drop-shadow(0 .4px 0 currentColor) drop-shadow(0 -.4px 0 currentColor) !important;
}

/* Final typography authority: keep late legacy selectors from restoring fixed line-heights. */
html body li.product.rp-product-card-component.rp-global-card-components :is(.rp-card-brand-name, .rp-card-brand-name *) { line-height: var(--rp-card-current-brand-line-height, 1.6) !important; }
html body li.product.rp-product-card-component.rp-global-card-components :is(.woocommerce-Price-currencySymbol, .rp-shop-card-currency, .rp-card-currency) { line-height: var(--rp-card-current-currency-line-height, 1.4) !important; }
html body li.product.rp-product-card-component.rp-global-card-components :is(.rp-shop-card-discount-badge, .rp-card-discount-badge) { line-height: var(--rp-card-current-discount-line-height, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components .rp-card-sale-countdown { line-height: var(--rp-card-current-countdown-line-height, 1.4) !important; }
html body li.product.rp-product-card-component.rp-global-card-components .rp-card-stock { line-height: var(--rp-card-current-stock-line-height, 1.6) !important; }
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__content > .rp-card-stock-quantity { line-height: var(--rp-card-current-stock-quantity-line-height, 1.6) !important; }
html body li.product.rp-product-card-component.rp-global-card-components .rp-card-extra-attribute-option { line-height: var(--rp-card-current-attribute-line-height, 1.4) !important; }

/* Final physical-corner authority. Stored Product Card corner keys follow the
   RTL editor labels, so use explicit longhands instead of an ambiguous
   shorthand. This also keeps late horizontal-card rules from resetting the
   configured image radius. */
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
    border-top-right-radius: var(--rp-card-current-image-radius-top-right, 0) !important;
    border-top-left-radius: var(--rp-card-current-image-radius-top-left, 0) !important;
    border-bottom-left-radius: var(--rp-card-current-image-radius-bottom-left, 0) !important;
    border-bottom-right-radius: var(--rp-card-current-image-radius-bottom-right, 0) !important;
}

/* A configured width sizes the image itself. Auto preserves square cropped
   images and the existing horizontal layout when the field is left empty. */
@media (min-width: 1025px) {
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        width: var(--rp-card-desktop-image-width, auto) !important;
        transform: translate(var(--rp-card-desktop-image-offset-x, 0px), var(--rp-card-desktop-image-offset-y, 0px)) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components:not(.rp-card-desktop-horizontal) .rp-product-card__media > img.rp-product-card-image:not(.rp-product-image-source-cropped) {
        width: var(--rp-card-desktop-image-width, 100%) !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        width: var(--rp-card-tablet-image-width, auto) !important;
        transform: translate(var(--rp-card-tablet-image-offset-x, 0px), var(--rp-card-tablet-image-offset-y, 0px)) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components:not(.rp-card-tablet-horizontal) .rp-product-card__media > img.rp-product-card-image:not(.rp-product-image-source-cropped) {
        width: var(--rp-card-tablet-image-width, 100%) !important;
    }
}
@media (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media > img.rp-product-card-image {
        width: var(--rp-card-mobile-image-width, auto) !important;
        transform: translate(var(--rp-card-mobile-image-offset-x, 0px), var(--rp-card-mobile-image-offset-y, 0px)) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components:not(.rp-card-mobile-horizontal) .rp-product-card__media > img.rp-product-card-image:not(.rp-product-image-source-cropped) {
        width: var(--rp-card-mobile-image-width, 100%) !important;
    }
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] :is(.rp-wct-contact-price, .rp-product-contact-price) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    color: var(--rp-card-current-contact-price-color, #64748b) !important;
    font-size: var(--rp-card-current-contact-price-size, 12px) !important;
    font-weight: var(--rp-card-current-contact-price-weight, 700) !important;
    line-height: var(--rp-card-current-contact-price-line-height, 1.6) !important;
    text-align: right !important;
    font-family: var(--rp-font, inherit) !important;
    transition: color var(--rp-card-current-transition-enter-ms, 180ms) ease !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__label {
    color: inherit !important;
    font-family: var(--rp-font, inherit) !important;
    font-size: var(--rp-card-current-contact-price-size, 12px) !important;
    font-weight: var(--rp-card-current-contact-price-weight, 700) !important;
    line-height: var(--rp-card-current-contact-price-line-height, 1.6) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__link {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    color: inherit !important;
    font-family: var(--rp-font, inherit) !important;
    font-size: var(--rp-card-current-contact-price-size, 12px) !important;
    font-weight: var(--rp-card-current-contact-price-weight, 700) !important;
    line-height: var(--rp-card-current-contact-price-line-height, 1.6) !important;
    text-align: inherit !important;
    text-decoration: none !important;
    transition: color var(--rp-card-current-transition-enter-ms, 180ms) ease !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__link:is(:hover, :focus-visible) {
    color: var(--rp-card-current-contact-price-hover-color, #fd314a) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
    border-top: 1px solid #cbd5e1 !important;
    color: inherit !important;
    font-family: var(--rp-font, inherit) !important;
    font-size: calc(var(--rp-card-current-contact-price-size, 12px) * .9) !important;
    font-weight: var(--rp-card-current-contact-price-weight, 700) !important;
    line-height: var(--rp-card-current-contact-price-line-height, 1.6) !important;
    text-decoration: none !important;
    opacity: .82;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone > span:last-child {
    font: inherit !important;
}

html body li.product.rp-product-card-component.rp-global-card-components [data-rp-card-price-component] .rp-wct-contact-price:has(.rp-wct-contact-price__link):hover {
    color: var(--rp-card-current-contact-price-hover-color, #fd314a) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__link:is(:hover, :focus-visible) .rp-wct-contact-price__phone {
    border-top-color: var(--rp-card-current-contact-price-hover-color, #fd314a) !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone-icon {
    width: 13px !important;
    height: 13px !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body li.product.rp-product-card-component.rp-global-card-components:hover [data-rp-card-price-component] :is(.rp-wct-contact-price, .rp-product-contact-price) {
    color: var(--rp-card-current-contact-price-hover-color, #fd314a) !important;
}
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__media {
    overflow: hidden !important;
}

/* Related-product cards must honor the selected layout coordinates just like
   the editor preview; legacy carousel CSS must not pin the badge to artwork. */
@media (min-width: 1025px) {
    html body.single-product #rp-single-related-products li.rp-product-card-component.rp-product-card-component--single-related > .rp-product-card > .rp-card-component--discount {
        inset: var(--rp-card-desktop-discount-position-top, auto) var(--rp-card-desktop-discount-position-right, auto) var(--rp-card-desktop-discount-position-bottom, auto) var(--rp-card-desktop-discount-position-left, auto) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html body.single-product #rp-single-related-products li.rp-product-card-component.rp-product-card-component--single-related > .rp-product-card > .rp-card-component--discount {
        inset: var(--rp-card-tablet-discount-position-top, var(--rp-card-desktop-discount-position-top, auto)) var(--rp-card-tablet-discount-position-right, var(--rp-card-desktop-discount-position-right, auto)) var(--rp-card-tablet-discount-position-bottom, var(--rp-card-desktop-discount-position-bottom, auto)) var(--rp-card-tablet-discount-position-left, var(--rp-card-desktop-discount-position-left, auto)) !important;
    }
}

@media (max-width: 767px) {
    html body.single-product #rp-single-related-products li.rp-product-card-component.rp-product-card-component--single-related > .rp-product-card > .rp-card-component--discount {
        inset: var(--rp-card-mobile-discount-position-top, auto) var(--rp-card-mobile-discount-position-right, auto) var(--rp-card-mobile-discount-position-bottom, auto) var(--rp-card-mobile-discount-position-left, auto) !important;
    }
}

/*
 * Final quick-add spinner contrast. The Shop stylesheet previously replaced
 * the card spinner with a white ring, which disappeared on light card buttons.
 */
.rp-product-card-component :is(.rp-card-add, .rp-product-quick-add, [data-rp-quick-add]):is(.is-loading, [aria-busy="true"])::after {
    border-color: color-mix(in srgb, var(--rp-spinner-accent, #fd314a) 28%, transparent) !important;
    border-top-color: var(--rp-spinner-accent, #fd314a) !important;
}

/* My Account favorites keep the compact plus control readable regardless of
 * per-card color variables generated by older saved card settings. */
html body.woocommerce-account .rp-account-favorites .rp-product-card-component .rp-product-quick-add.rp-card-add,
html body.woocommerce-account .rp-account-favorites .rp-product-card-component .rp-product-quick-add.rp-card-add > span,
html body.woocommerce-account .woocommerce-MyAccount-content .rp-account-favorites .rp-global-card-components button[data-rp-quick-add].rp-product-quick-add.rp-card-add,
html body.woocommerce-account .woocommerce-MyAccount-content .rp-account-favorites .rp-global-card-components button[data-rp-quick-add].rp-product-quick-add.rp-card-add > span,
html body.woocommerce-account .woocommerce-MyAccount-content .rp-account-favorites .rp-product-quick-add.rp-card-add > span {
    color: var(--rp-spinner-accent, #fd314a) !important;
    -webkit-text-fill-color: var(--rp-spinner-accent, #fd314a) !important;
}

/* Final named-layout stacking authority. Several legacy component rules above
   carry hard-coded z-index values, so keep this block at EOF. The tools shell
   must not form its own stacking context or Favorite/Compare could never be
   ordered independently against the image and content components. */
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-product-card__tools {
    z-index: auto !important;
}
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--background-box { z-index: var(--rp-card-current-z-index-background-box, 0) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--free-background-box { z-index: var(--rp-card-current-z-index-free-background-box, 0) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--image { z-index: var(--rp-card-current-z-index-image, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--title { z-index: var(--rp-card-current-z-index-title, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--price { z-index: var(--rp-card-current-z-index-price, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--brand { z-index: var(--rp-card-current-z-index-brand, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--brand-image { z-index: var(--rp-card-current-z-index-brand-image, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--discount { z-index: var(--rp-card-current-z-index-discount, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--countdown { z-index: var(--rp-card-current-z-index-countdown, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--featured { z-index: var(--rp-card-current-z-index-featured, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--stock { z-index: var(--rp-card-current-z-index-stock, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--stock-quantity { z-index: var(--rp-card-current-z-index-stock-quantity, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--buy { z-index: var(--rp-card-current-z-index-buy, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--swatches { z-index: var(--rp-card-current-z-index-swatches, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--attributes { z-index: var(--rp-card-current-z-index-attributes, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--compare { z-index: var(--rp-card-current-z-index-compare, 1) !important; }
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card .rp-card-component--favorite { z-index: var(--rp-card-current-z-index-favorite, 1) !important; }

/* Keep the tools plane unstacked so layout z-index controls remain independent.
   Favorite itself sits above both product links and the full-card Compare
   overlay; this lets it retain its own action in every carousel context. */
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-product-card__tools {
    z-index: auto !important;
    pointer-events: none !important;
}
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-product-card__tools [data-rp-favorite-product] {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* Product Card owns its Dark contact-price state; Theme Colors must not target card internals. */
html[data-rp-user-theme="dark"] body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone,
html[data-rp-theme-mode="dark"] body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone,
html body.rp-theme-color-preset-dark li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__phone {
    border-top-color: #475569 !important;
}

html body li.product.rp-product-card-component.rp-global-card-components .rp-wct-contact-price__link:is(:hover, :focus-visible) .rp-wct-contact-price__phone {
    border-top-color: var(--rp-card-current-contact-price-hover-color, #fd314a) !important;
}

html body.rp-compare-mode-active li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card > .rp-compare-card-toggle {
    z-index: calc(var(--rp-card-current-z-index-favorite, 2) - 1) !important;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body).rp-compare-mode-active [data-rp-product-card] .rp-product-card__media {
    position: relative !important;
    isolation: isolate;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body).rp-compare-mode-active [data-rp-product-card] .rp-product-card__media [data-rp-compare-managed-control] {
    opacity: 1 !important;
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body).rp-compare-mode-active [data-rp-product-card] .rp-product-card__media::after {
    content: "" !important;
    position: absolute;
    inset: 0;
    z-index: 20;
    border-radius: inherit;
    background: rgba(0, 0, 0, .46) !important;
    opacity: 1 !important;
    pointer-events: none;
}

/* Dim each card plane once, including badges, countdown, stock and price.
   Keep the Compare control clear, and avoid double-fading nested links. */
html body.rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] > :not(.rp-product-card__tools):not(.rp-compare-card-toggle) {
    opacity: .48 !important;
}
html body.rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] > .rp-product-card__tools > :not(.rp-card-component--compare) {
    opacity: .48 !important;
}
html body.rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] [data-rp-compare-managed-control] {
    opacity: 1 !important;
}
html body.rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] .rp-product-card__tools > .rp-card-component--compare,
html body.rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] .rp-product-card__tools .rp-card-compare {
    opacity: 1 !important;
}
/* A dark image dims toward black rather than fading toward the light surface. */
:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body).rp-compare-mode-active li.product.rp-product-card-component > [data-rp-product-card] > .rp-product-card__media:not(.rp-product-card__tools):not(.rp-compare-card-toggle) {
    opacity: 1 !important;
}
/* Explicit layout policy wins over legacy always-visible favorite rules.
   Touch devices retain discoverable controls when hover is unavailable. */
@media (hover: hover) and (pointer: fine) {
    html body li.product.rp-product-card-component.rp-global-card-components > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite {
        opacity: var(--rp-card-desktop-favorite-idle-opacity, 1) !important;
    }
    html body li.product.rp-product-card-component.rp-global-card-components:hover > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite,
    html body li.product.rp-product-card-component.rp-global-card-components:focus-within > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite { opacity: 1 !important; }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component.rp-global-card-components > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite { opacity: var(--rp-card-tablet-favorite-idle-opacity, 1) !important; }
}
@media (hover: hover) and (pointer: fine) and (max-width: 767px) {
    html body li.product.rp-product-card-component.rp-global-card-components > .rp-product-card .rp-product-card__tools > .rp-card-component--favorite { opacity: var(--rp-card-mobile-favorite-idle-opacity, 1) !important; }
}
/* Center the featured symbol within its icon box in shop and admin preview. */
.rp-product-card-component .rp-card-featured-badge__icon {
    display: grid !important;
    place-items: center !important;
}
.rp-product-card-component .rp-card-featured-badge__star {
    display: block;
    line-height: 1 !important;
}

.rp-product-card-component .rp-card-sale-countdown__icon {
    width: var(--rp-card-current-countdown-icon-width, 16px) !important;
    height: var(--rp-card-current-countdown-icon-width, 16px) !important;
    /* Keep the icon's flex footprint fixed while its artwork grows. */
    margin-block: calc((16px - var(--rp-card-current-countdown-icon-width, 16px)) / 2) !important;
    transform: translate(var(--rp-card-current-countdown-icon-offset-x, 0px), var(--rp-card-current-countdown-icon-offset-y, 0px));
    flex: 0 0 auto;
}
.rp-product-card-component .rp-card-sale-countdown__value {
    flex: 0 0 auto;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
@media (min-width: 1025px) {
    .rp-product-card-component {
        --rp-card-current-countdown-icon-width: var(--rp-card-desktop-countdown-icon-width, 16px);
        --rp-card-current-countdown-icon-offset-x: var(--rp-card-desktop-countdown-icon-offset-x, 0px);
        --rp-card-current-countdown-icon-offset-y: var(--rp-card-desktop-countdown-icon-offset-y, 0px);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-product-card-component {
        --rp-card-current-countdown-icon-width: var(--rp-card-tablet-countdown-icon-width, var(--rp-card-desktop-countdown-icon-width, 16px));
        --rp-card-current-countdown-icon-offset-x: var(--rp-card-tablet-countdown-icon-offset-x, var(--rp-card-desktop-countdown-icon-offset-x, 0px));
        --rp-card-current-countdown-icon-offset-y: var(--rp-card-tablet-countdown-icon-offset-y, var(--rp-card-desktop-countdown-icon-offset-y, 0px));
    }
}
@media (max-width: 767px) {
    .rp-product-card-component {
        --rp-card-current-countdown-icon-width: var(--rp-card-mobile-countdown-icon-width, 16px);
        --rp-card-current-countdown-icon-offset-x: var(--rp-card-mobile-countdown-icon-offset-x, 0px);
        --rp-card-current-countdown-icon-offset-y: var(--rp-card-mobile-countdown-icon-offset-y, 0px);
    }
}

/* Extra responsive width belongs to the outer card, not its content grid. */
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component { --rp-card-current-expansion-gutter: var(--rp-card-tablet-expansion-gutter, 0px); }
}
@media (max-width: 767px) {
    li.rp-product-card-component { --rp-card-current-expansion-gutter: var(--rp-card-mobile-expansion-gutter, 0px); }
}

/* A zero minimum keeps the countdown's natural content width. */
@media (min-width: 1025px) {
    html body li.product.rp-product-card-component .rp-card-sale-countdown {
        min-width: var(--rp-card-desktop-countdown-min-width, 0px) !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    html body li.product.rp-product-card-component .rp-card-sale-countdown {
        min-width: var(--rp-card-tablet-countdown-min-width, var(--rp-card-desktop-countdown-min-width, 0px)) !important;
    }
}
@media (max-width: 767px) {
    html body li.product.rp-product-card-component .rp-card-sale-countdown {
        min-width: var(--rp-card-mobile-countdown-min-width, 0px) !important;
    }
}
html body .rp-el-preview-live.is-tablet li.rp-product-card-component {
    --rp-card-current-expansion-gutter: var(--rp-card-tablet-expansion-gutter, 0px);
}
html body .rp-el-preview-live.is-mobile li.rp-product-card-component {
    --rp-card-current-expansion-gutter: var(--rp-card-mobile-expansion-gutter, 0px);
}
html body li.product.rp-product-card-component.rp-global-card-components > article.rp-product-card {
    padding-right: calc(var(--rp-card-current-padding-right, 20px) + var(--rp-card-current-expansion-gutter, 0px)) !important;
    padding-left: calc(var(--rp-card-current-padding-left, 20px) + var(--rp-card-current-expansion-gutter, 0px)) !important;
}

/* The optional compare width leaves saved layouts on their original square size. */
@media (min-width: 1025px) {
    li.rp-product-card-component { --rp-card-current-compare-width: var(--rp-card-desktop-compare-width, var(--rp-card-current-compare-size, 18px)); }
}
@media (min-width: 768px) and (max-width: 1024px) {
    li.rp-product-card-component { --rp-card-current-compare-width: var(--rp-card-tablet-compare-width, var(--rp-card-current-compare-size, 18px)); }
}
@media (max-width: 767px) {
    li.rp-product-card-component { --rp-card-current-compare-width: var(--rp-card-mobile-compare-width, var(--rp-card-current-compare-size, 18px)); }
}
html body li.product.rp-product-card-component .rp-product-card__tools .rp-card-compare,
html body li.product.rp-product-card-component.rp-global-card-components .rp-product-card__tools > .rp-card-component--compare > button.rp-card-compare {
    width: var(--rp-card-current-compare-width, var(--rp-card-current-compare-size, 18px)) !important;
    min-width: var(--rp-card-current-compare-width, var(--rp-card-current-compare-size, 18px)) !important;
    max-width: var(--rp-card-current-compare-width, var(--rp-card-current-compare-size, 18px)) !important;
}