/* ==========================================================================
   CSS صفحه فروشگاه
   --------------------------------------------------------------------------
   01. چیدمان آرشیو
   02. فیلترها
   03. کروسل دسته‌بندی
   04. کارت اختصاصی شاپ
   05. موبایل
   ========================================================================== */

/* Shop archive layout */
.rp-shop-page {
    direction: rtl;
    background: #fff;
    color: var(--rp-text);
}

.rp-shop-inner {
    max-width: var(--rp-max-width);
    margin: 0 auto;
    padding: 34px 36px 58px;
}

.rp-shop-breadcrumb {
    margin: 0 0 16px;
    color: #8c9196;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
}

.rp-shop-breadcrumb a {
    color: #777d83;
    text-decoration: none;
}

.rp-shop-breadcrumb a:hover {
    color: var(--rp-accent);
}

.rp-shop-hero {
    margin: 0 0 18px;
}

.rp-shop-title {
    margin: 0;
    font-size: var(--rp-type-page_title-size, 28px);
    font-weight: var(--rp-type-page_title-weight, 700);
    line-height: 1.45;
    letter-spacing: -.02em;
    color: #15191d;
}

.rp-shop-toolbar {
    margin: 0 0 18px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    color: #343a40;
    font-size: 14px;
    font-weight: 600;
}

.rp-shop-filter-toggle {
    color: #343a40;
    text-decoration: none;
    font-weight: 700;
}

.rp-shop-toolbar-sep {
    width: 1px;
    height: 18px;
    background: #d9dcdf;
}

.rp-shop-ordering form,
.rp-shop-ordering .woocommerce-ordering {
    margin: 0;
}

.rp-shop-ordering select {
    min-height: 38px;
    padding: 0 14px 0 34px;
    border: 1px solid #e3e5e7;
    border-radius: 999px;
    background: #f7f7f6;
    color: #343a40;
    font-family: var(--rp-font);
    font-size: 13px;
    font-weight: 500;
}

.rp-shop-filters {
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(0, 2.1fr);
    gap: 14px;
}

.rp-shop-filter-card {
    padding: 18px 20px;
    border: 1px solid #eceeef;
    border-radius: 18px;
    background: #fafafa;
}

.rp-shop-filter-card h3,
.rp-shop-filter-card .widget-title {
    margin: 0 0 12px;
    color: #1f2328;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.rp-shop-filter-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rp-shop-filter-links a {
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #eceeef;
    color: #343a40;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
}

.rp-shop-filter-links a:hover {
    color: #fff;
    background: var(--rp-accent);
    border-color: var(--rp-accent);
}

.rp-shop-cats {
    margin: 18px 0 18px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
}

.rp-shop-cat {
    min-height: 132px;
    padding: 14px 10px 12px;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color: #202428;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.rp-shop-cat:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 201, 155, .32);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .06);
}

.rp-shop-cat-thumb {
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-shop-cat-thumb img {
    max-width: 68px;
    max-height: 68px;
    object-fit: contain;
}

.rp-shop-cat-placeholder {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1f2f3, #ffffff);
    border: 1px solid #eeeeee;
}

.rp-shop-cat-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
}

.rp-shop-note {
    margin: 12px 0 20px;
    padding: 12px 16px;
    border-radius: 14px;
    background: #fafafa;
    color: #5b6065;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
}

.rp-shop-loop-head {
    margin: 0 0 16px;
    color: #5b6065;
    font-size: 13px;
    font-weight: 500;
}

.rp-shop-page ul.products {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    list-style: none;
}

.rp-shop-page ul.products::before,
.rp-shop-page ul.products::after {
    content: none;
}

.rp-shop-page ul.products li.product {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #eeeeee;
    overflow: hidden;
    text-align: right;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.rp-shop-page ul.products li.product:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 201, 155, .28);
    box-shadow: 0 14px 34px rgba(0,0,0,.07);
}

.rp-shop-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.rp-shop-page ul.products li.product img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    margin: 0 0 12px !important;
    background: #f7f7f7;
}

.rp-shop-page .woocommerce-loop-product__title {
    min-height: 54px;
    margin: 0 14px 8px !important;
    padding: 0 !important;
    color: #202428;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.8;
}

.rp-shop-page ul.products li.product .price {
    display: block;
    margin: 0 14px 12px;
    color: #202428 !important;
    font-size: 14px !important;
    font-weight: 800;
}

.rp-shop-page ul.products li.product .button,
.rp-shop-page ul.products li.product .added_to_cart {
    min-height: 36px;
    margin: 0 14px !important;
    padding: 8px 14px !important;
    border-radius: 999px;
    background: #343a40 !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 700;
    line-height: 1.4 !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-shop-page ul.products li.product .button:hover,
.rp-shop-page ul.products li.product .added_to_cart:hover {
    background: var(--rp-accent) !important;
}

.rp-shop-pagination {
    margin: 34px 0 0;
    display: flex;
    justify-content: center;
}

.rp-shop-archive-short-description {
    margin: 150px 0 0;
    padding: 20px;
    border-radius: 10px;
    background: #fcfcfc;
    color: #343a40;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
}

.rp-shop-archive-short-description h2,
.rp-shop-archive-short-description h3 {
    color: #15191d;
    font-weight: 800;
    line-height: 1.55;
}

@media (max-width: 1180px) {
    .rp-shop-cats {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .rp-shop-page ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .rp-shop-inner {
        padding: 24px 16px 86px;
    }

    .rp-shop-title {
        font-size: var(--rp-type-page_title-size, 28px);
        text-align: right;
    }

    .rp-shop-toolbar {
        position: sticky;
        top: 65px;
        z-index: 20;
        min-height: 44px;
        margin: 0 -16px 14px;
        padding: 0 16px;
        background: rgba(255, 255, 255, .94);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid #eeeeee;
    }

    .rp-shop-ordering select {
        max-width: 170px;
        font-size: 12px;
    }

    .rp-shop-filters {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 14px;
    }

    .rp-shop-filter-card {
        padding: 14px;
        border-radius: 14px;
    }

    .rp-shop-cats {
        margin: 14px -16px 16px;
        padding: 0 16px 4px;
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .rp-shop-cat {
        min-width: 104px;
        min-height: 112px;
        border-radius: 16px;
        scroll-snap-align: start;
    }

    .rp-shop-cat-thumb {
        width: 54px;
        height: 54px;
    }

    .rp-shop-cat-title {
        font-size: 12px;
    }

    .rp-shop-note {
        font-size: 12px;
        padding: 10px 12px;
    }

    .rp-shop-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .rp-shop-page ul.products li.product {
        border-radius: 16px;
        padding-bottom: 12px !important;
    }

    .rp-shop-page .woocommerce-loop-product__title {
        min-height: 48px;
        margin: 0 10px 7px !important;
        font-size: 12.5px !important;
        line-height: 1.75;
    }

    .rp-shop-page ul.products li.product .price {
        margin: 0 10px 10px;
        font-size: 12.5px !important;
    }

    .rp-shop-page ul.products li.product .button,
    .rp-shop-page ul.products li.product .added_to_cart {
        min-height: 32px;
        margin: 0 10px !important;
        padding: 7px 10px !important;
        font-size: 11.5px !important;
    }

    .rp-shop-archive-short-description {
        margin-top: 80px;
        padding: 18px;
        border-radius: 10px;
        font-size: 13px;
    }
}

@media (max-width: 420px) {
    .rp-shop-page ul.products {
        gap: 10px;
    }
}


/* RP-like shop archive */
.rp-shop-archive .rp-shop-inner {
    max-width: 1640px;
    padding-top: 24px;
}

.rp-shop-archive .rp-shop-breadcrumb {
    margin-bottom: 8px;
    text-align: right;
    font-size: 12px;
    color: #9aa0a6;
}

.rp-shop-archive .rp-shop-title {
    font-size: var(--rp-type-page_title-size, 28px);
    font-weight: var(--rp-type-page_title-weight, 700);
    text-align: right;
    margin-bottom: 22px;
}

.rp-shop-archive .rp-shop-toolbar {
    min-height: 54px;
    margin-bottom: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #eceff2;
    justify-content: space-between;
    gap: 18px;
}

.rp-shop-archive .rp-shop-filter-toggle,
.rp-shop-archive .rp-shop-compare-toggle {
    min-width: 138px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid #2f373e;
    border-radius: 7px;
    background: #2f373e;
    color: #fff;
    font-family: var(--rp-font);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.rp-shop-archive .rp-shop-filter-toggle .rp-shop-filter-text-open,
.rp-shop-archive .rp-shop-layout.is-filters-open ~ .rp-shop-filter-text-open {
    display: inline;
}

.rp-shop-archive .rp-shop-filter-toggle .rp-shop-filter-text-close {
    display: none;
}

.rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-filter-text-open {
    display: none;
}

.rp-shop-archive .rp-shop-sortbar {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 34px;
    color: #1f2429;
    white-space: nowrap;
}

.rp-shop-archive .rp-shop-sort-label {
    position: relative;
    padding-right: 26px;
    font-size: 13px;
    font-weight: 800;
}

.rp-shop-archive .rp-shop-sort-label::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
    height: 10px;
    border-top: 2px solid #2f373e;
    border-bottom: 2px solid #2f373e;
    transform: translateY(-50%);
}

.rp-shop-archive .rp-shop-sort-label::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 22px;
    border-top: 2px solid #2f373e;
    transform: translateY(-50%);
}

.rp-shop-archive .rp-shop-sortbar a {
    color: #1f2429;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.rp-shop-archive .rp-shop-sortbar a.is-active {
    color: #ff6b35;
}

.rp-shop-archive .rp-shop-layout {
    position: relative;
    display: grid;
    grid-template-columns: 0 minmax(0, 1fr);
    gap: 0;
    transition: grid-template-columns .24s ease, gap .24s ease;
}

.rp-shop-archive .rp-shop-layout.is-filters-open {
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 24px;
}

.rp-shop-archive .rp-shop-filters {
    display: block;
    margin: 0;
    min-width: 0;
    overflow: hidden;
}

.rp-shop-archive .rp-shop-filters-mobile-title {
    display: none;
}

.rp-shop-archive .rp-shop-filter-panel {
    margin-top: 18px;
    border: 1px solid #e3e7eb;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.rp-shop-archive .rp-shop-filter-head {
    height: 58px;
    padding: 0 18px;
    border-bottom: 1px solid #eef0f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rp-shop-archive .rp-shop-filter-head strong {
    font-size: 14px;
    font-weight: 700;
    color: #202428;
}

.rp-shop-archive .rp-shop-filter-head button {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #202428;
    font-size: 18px;
    cursor: pointer;
}

.rp-shop-archive .rp-shop-filters .rp-shop-filter-card {
    border: 0;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #eef0f2;
    padding: 16px 18px;
}

.rp-shop-archive .rp-shop-filters .rp-shop-filter-card h3,
.rp-shop-archive .rp-shop-filters .widget-title {
    font-size: 13px;
    font-weight: 600;
}

.rp-shop-archive .rp-shop-products-area {
    min-width: 0;
    padding-top: 18px;
}

.rp-shop-archive ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border-top: 0;
}

.rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rp-shop-archive ul.products li.product {
    position: relative;
    min-height: 350px;
    padding: 18px 18px 20px !important;
    border: 0;
    border-left: 1px solid #eef0f2;
    border-bottom: 1px solid #eef0f2;
    border-radius: 0;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible;
}

.rp-shop-archive ul.products li.product:hover {
    border-color: #eef0f2;
    box-shadow: none !important;
    transform: none !important;
}

.rp-shop-archive ul.products li.product img {
    width: 100%;
    height: 172px !important;
    aspect-ratio: auto;
    object-fit: contain;
    margin: 0 auto 16px !important;
    background: transparent;
}

.rp-shop-archive .woocommerce-loop-product__title {
    min-height: 54px;
    margin: 0 0 10px !important;
    color: #202428;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.8;
    text-align: right;
}

.rp-shop-archive ul.products li.product .price {
    margin: 0 !important;
    color: #202428 !important;
    font-size: 18px !important;
    font-weight: 800;
    line-height: 1.7;
    display: block;
}

.rp-shop-archive ul.products li.product .price del {
    display: inline-block;
    margin-right: 8px;
    color: #ff4d5a !important;
    font-size: 12px;
    opacity: 1;
}

.rp-shop-archive ul.products li.product .price ins {
    text-decoration: none;
}

.rp-shop-archive .rp-product-compare-btn {
    position: absolute;
    right: 50%;
    top: 150px;
    transform: translateX(50%);
    width: min(170px, calc(100% - 38px));
    height: 42px;
    border: 0;
    border-radius: 7px;
    background: #2f373e;
    color: #fff;
    font-family: var(--rp-font);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    z-index: 2;
}

.rp-shop-archive .rp-product-compare-btn i {
    font-size: 24px;
    font-style: normal;
    line-height: 1;
    font-weight: 300;
}

.rp-shop-archive .rp-product-compare-btn .rp-compare-remove {
    display: none;
}

.rp-shop-archive .rp-product-compare-btn.is-active {
    background: #00c777;
}

.rp-shop-archive .rp-product-compare-btn.is-active .rp-compare-add {
    display: none;
}

.rp-shop-archive .rp-product-compare-btn.is-active .rp-compare-remove {
    display: inline;
}

.rp-shop-archive ul.products li.product .button,
.rp-shop-archive ul.products li.product .added_to_cart {
    display: none !important;
}

@media (max-width: 1180px) {
    .rp-shop-archive ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-inner {
        padding: 12px 16px 90px;
    }

    .rp-shop-archive .rp-shop-hero {
        display: none;
    }

    .rp-shop-archive .rp-shop-brand-term-hero {
        display: block;
    }

    .rp-shop-archive .rp-shop-breadcrumb {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .rp-shop-archive .rp-shop-breadcrumb .woocommerce-breadcrumb {
        display: block;
        margin: 0;
        padding: 0;
        line-height: 1.9;
        white-space: normal;
    }

    .rp-shop-archive .rp-shop-toolbar {
        position: sticky;
        top: 66px;
        z-index: 22;
        margin: 0 -16px 12px;
        padding: 10px 16px;
        background: #fff;
        border-bottom: 1px solid #edf0f2;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .rp-shop-archive .rp-shop-filter-toggle,
    .rp-shop-archive .rp-shop-compare-toggle {
        min-width: 0;
        width: 100%;
        height: 38px;
        border-radius: 7px;
        font-size: 12px;
    }

    .rp-shop-archive .rp-shop-sortbar {
        display: contents;
    }

    .rp-shop-archive .rp-shop-sort-label {
        height: 38px;
        padding: 0;
        border: 1px solid #2f373e;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
    }

    .rp-shop-archive .rp-shop-sort-label::before,
    .rp-shop-archive .rp-shop-sort-label::after,
    .rp-shop-archive .rp-shop-sortbar a {
        display: none;
    }

    .rp-shop-archive .rp-shop-layout,
    .rp-shop-archive .rp-shop-layout.is-filters-open {
        display: block;
    }

    .rp-shop-archive .rp-shop-filters {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        width: min(84vw, 380px);
        background: #fff;
        transform: translateX(105%);
        transition: transform .24s ease;
        overflow-y: auto;
        box-shadow: -18px 0 40px rgba(0,0,0,.18);
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters {
        transform: translateX(0);
    }

    .rp-shop-archive .rp-shop-filter-backdrop {
        position: fixed;
        inset: 0;
        z-index: 99998;
        border: 0;
        background: rgba(0,0,0,.22);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .rp-shop-archive .rp-shop-filter-panel {
        margin: 0;
        border: 0;
        border-radius: 0;
    }

    .rp-shop-archive .rp-shop-products-area {
        padding-top: 0;
    }

    .rp-shop-archive ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products {
        display: block !important;
    }

    .rp-shop-archive ul.products li.product {
        min-height: 0;
        padding: 14px 0 16px 0 !important;
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr);
        grid-template-areas: "img title" "img price" "compare compare";
        gap: 8px 14px;
        border-left: 0;
        border-bottom: 1px solid #eef0f2;
    }

    .rp-shop-archive ul.products li.product img {
        grid-area: img;
        width: 96px !important;
        height: 96px !important;
        margin: 0 !important;
    }

    .rp-shop-archive .woocommerce-loop-product__title {
        grid-area: title;
        min-height: 0;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.8;
    }

    .rp-shop-archive ul.products li.product .price {
        grid-area: price;
        font-size: 16px !important;
    }

    .rp-shop-archive .rp-product-compare-btn {
        grid-area: compare;
        position: static;
        transform: none;
        width: 100%;
        height: 38px;
        margin-top: 6px;
    }
}


/* product, compare, cart, checkout and thankyou base layouts */
.rp-single-product-page,
.rp-compare-page,
.woocommerce-cart .rp-main,
.woocommerce-checkout .rp-main {
    direction: rtl;
    background: #fff;
}

.rp-single-product-inner,
.rp-compare-inner,
.woocommerce-cart .rp-main,
.woocommerce-checkout .rp-main {
    max-width: 1640px;
    margin: 0 auto;
    padding: 28px 36px 72px;
}

.rp-product-breadcrumb {
    margin-bottom: 18px;
    color: #9aa0a6;
    font-size: 12px;
}

.rp-product-top {
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.35fr) minmax(320px, .75fr);
    gap: 34px;
    align-items: start;
}

/* Catalog mode omits the buybox markup entirely; let the remaining two
   columns occupy the full product header without leaving a blank third slot. */
.rp-single-product-page.rp-product-catalog-mode .rp-product-top {
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.35fr);
}

.rp-product-gallery-col,
.rp-product-summary-col,
.rp-product-buybox,
.rp-product-info-tabs,
.rp-compare-card,
.rp-compare-placeholder,
.woocommerce-cart .cart_totals,
.woocommerce-checkout form.checkout,
.rp-thankyou-card {
    border: 1px solid #e4e8ec;
    border-radius: 14px;
    background: #fff;
}

.rp-product-gallery-col {
    padding: 24px;
}

.rp-product-gallery-col .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
}

.rp-product-summary-col {
    padding: 24px;
}

.rp-product-title {
    margin: 0 0 12px;
    color: #1f2429;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.75;
}

.rp-product-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #7a8188;
    font-size: 12px;
    margin-bottom: 22px;
}

.rp-product-quick-attrs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.rp-product-quick-attrs div {
    min-height: 62px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f6f7f8;
    display: grid;
    gap: 6px;
}

.rp-product-quick-attrs b {
    font-size: 11px;
    color: #7a8188;
}

.rp-product-quick-attrs span {
    font-size: 12px;
    color: #202428;
}

.rp-product-buybox {
    padding: 20px;
    position: sticky;
    top: 90px;
}

.rp-product-price-box .price {
    color: #202428 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.rp-product-cash-note {
    margin: 12px 0;
    padding: 12px;
    border-radius: 10px;
    background: #fff6ed;
    border: 1px solid #ffb37d;
    color: #ff6b35;
    font-size: 13px;
    font-weight: 700;
}

.rp-product-buybox form.cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    background: #00c777 !important;
    color: #fff !important;
    font-family: var(--rp-font);
    font-weight: 800;
}

.rp-product-trust-row {
    margin-top: 14px;
    display: grid;
    gap: 8px;
    color: #596067;
    font-size: 12px;
}

.rp-product-info-tabs {
    margin-top: 34px;
    padding: 28px;
}

.rp-product-info-tabs h2,
.rp-product-related h2 {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 800;
}

.rp-product-info-tabs table.shop_attributes {
    width: 100%;
    border: 0;
}

.rp-product-info-tabs table.shop_attributes th,
.rp-product-info-tabs table.shop_attributes td {
    padding: 15px 18px;
    border: 0;
    border-bottom: 1px solid #edf0f2;
    background: #fff !important;
    font-size: 13px;
}

.rp-product-info-tabs table.shop_attributes th {
    color: #7a8188;
    font-weight: 500;
}

.rp-product-description {
    color: #343a40;
    font-size: 14px;
    line-height: 2.1;
}

.rp-product-related {
    margin-top: 40px;
}

.rp-compare-head {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rp-compare-head h1 {
    margin: 0;
    font-size: var(--rp-type-page_title-size, 28px);
    font-weight: var(--rp-type-page_title-weight, 700);
}

.rp-compare-empty a {
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #168fe3;
    border-radius: 8px;
    color: #168fe3;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.rp-compare-grid,
.rp-compare-spec-row {
    display: grid;
    grid-template-columns: repeat(var(--rp-compare-cols), minmax(0, 1fr));
    gap: 16px;
}

.rp-compare-placeholder,
.rp-compare-card {
    min-height: 270px;
    padding: 22px;
    text-align: center;
    position: relative;
}

.rp-compare-placeholder {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 16px;
}

.rp-compare-placeholder span {
    font-size: 54px;
}

.rp-compare-image img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.rp-compare-card h2 {
    min-height: 52px;
    margin: 12px 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8;
}

.rp-compare-card h2 a {
    color: #202428;
    text-decoration: none;
}

.rp-compare-remove {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #ff5b66;
    text-decoration: none;
    font-size: 20px;
}

.rp-compare-specs {
    margin-top: 28px;
}

.rp-compare-spec-row {
    border-bottom: 1px solid #edf0f2;
}

.rp-compare-spec-row strong,
.rp-compare-spec-row span {
    min-height: 58px;
    padding: 18px;
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 13px;
}

.rp-compare-spec-row strong {
    color: #7a8188;
    font-weight: 600;
}

.woocommerce-cart table.cart,
.woocommerce-checkout-review-order-table {
    border: 1px solid #e4e8ec !important;
    border-radius: 14px !important;
    overflow: hidden;
    background: #fff;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 18px !important;
    border-color: #edf0f2 !important;
}

.woocommerce-cart .cart-collaterals {
    margin-top: 24px;
}

.woocommerce-cart .cart_totals {
    padding: 22px;
    float: none !important;
    width: min(420px, 100%) !important;
    margin-right: auto;
}

.woocommerce-checkout form.checkout {
    padding: 26px;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, .75fr);
    gap: 28px;
}

.woocommerce-checkout form.checkout .col2-set,
.woocommerce-checkout form.checkout #order_review_heading,
.woocommerce-checkout form.checkout #order_review {
    float: none !important;
    width: auto !important;
}

.rp-thankyou-page {
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 20px 90px;
    direction: rtl;
}

.rp-thankyou-card {
    padding: 48px;
    text-align: center;
}

.rp-thankyou-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #00c777;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 38px;
    font-weight: 800;
}

.rp-thankyou-icon.is-failed {
    background: #ff5b66;
}

.rp-thankyou-card h1 {
    margin: 0 0 14px;
    font-size: 24px;
    font-weight: 800;
}

.rp-thankyou-card p {
    margin: 0 auto 24px;
    max-width: 560px;
    color: #7a8188;
    font-size: 15px;
    line-height: 2;
}


.rp-thankyou-tracking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 560px;
    margin: 0 auto 26px;
}

.rp-thankyou-tracking-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 94px;
    padding: 18px 16px;
    border: 1px solid #e2e8ef;
    border-radius: 18px;
    background: #f8fafc;
}

.rp-thankyou-tracking-item span {
    color: #77808a;
    font-size: 13px;
    font-weight: 600;
}

.rp-thankyou-tracking-item strong {
    color: #111820;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .02em;
    direction: ltr;
    unicode-bidi: plaintext;
}

.rp-thankyou-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

@media (max-width: 900px) {

    .rp-thankyou-tracking {
        grid-template-columns: 1fr;
    }

    .rp-thankyou-tracking-item {
        min-height: 82px;
    }
    .rp-product-top,
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr;
    }

    .rp-product-buybox {
        position: static;
    }

    .rp-product-quick-attrs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rp-compare-grid,
    .rp-compare-spec-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .rp-single-product-inner,
    .rp-compare-inner,
    .woocommerce-cart .rp-main,
    .woocommerce-checkout .rp-main {
        padding: 18px 16px 90px;
    }

    .rp-product-gallery-col,
    .rp-product-summary-col,
    .rp-product-buybox,
    .rp-product-info-tabs,
    .rp-thankyou-card {
        padding: 18px;
        border-radius: 12px;
    }

    .rp-product-title {
        font-size: 18px;
    }

    .rp-product-quick-attrs {
        grid-template-columns: 1fr 1fr;
    }

    .rp-thankyou-card {
        padding: 34px 20px;
    }
}


/* fix shop archive overlap and sidebar/product columns */
.rp-shop-archive .rp-shop-layout,
.rp-shop-archive .rp-shop-layout.is-filters-open {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 400px !important;
    gap: 24px !important;
    align-items: start !important;
}

.rp-shop-archive .rp-shop-layout:not(.is-filters-open) {
    grid-template-columns: minmax(0, 1fr) 0 !important;
    gap: 0 !important;
}

.rp-shop-archive .rp-shop-products-area {
    grid-column: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-filter-sidebar {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 400px !important;
    direction: rtl !important;
    overflow: hidden !important;
}

.rp-shop-archive .rp-shop-mobile-filter-head {
    display: none;
}

.rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-filter-sidebar {
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.rp-shop-archive .rp-shop-filter-sidebar .rp-shop-filters {
    display: block !important;
    grid-template-columns: 1fr !important;
    margin: 0 !important;
    gap: 0 !important;
    width: 100% !important;
}

.rp-shop-archive .rp-shop-filter-sidebar .rp-shop-filter-card {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.rp-shop-archive .rp-shop-products-area ul.products {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.rp-shop-archive .rp-shop-products-area ul.products li.product {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

.rp-shop-archive .rp-shop-products-area ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
}

.rp-shop-archive .rp-shop-products-area ul.products li.product img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 172px !important;
    object-fit: contain !important;
}

.rp-shop-archive .rp-shop-products-area .woocommerce-loop-product__title,
.rp-shop-archive .rp-shop-products-area ul.products li.product .price {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 1180px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-layout,
    .rp-shop-archive .rp-shop-layout.is-filters-open,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) {
        display: block !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-filter-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 99999 !important;
        width: min(300px, 100vw) !important;
        max-width: 300px !important;
        opacity: 1 !important;
        background: #fff !important;
        transform: translateX(105%) !important;
        transition: transform .24s ease !important;
        pointer-events: auto !important;
        overflow-y: auto !important;
        box-shadow: -18px 0 40px rgba(0,0,0,.18) !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        transform: translateX(0) !important;
    }

    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
        display: block !important;
    }

    .rp-shop-archive .rp-shop-products-area ul.products li.product {
        min-height: 0 !important;
        display: block !important;
        padding: 14px 0 16px !important;
    }

    .rp-shop-archive .rp-shop-products-area ul.products li.product a.woocommerce-LoopProduct-link {
        display: grid !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        grid-template-areas: "img title" "img price" !important;
        gap: 8px 14px !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-products-area ul.products li.product img {
        grid-area: img !important;
        width: 96px !important;
        max-width: 96px !important;
        height: 96px !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-products-area .woocommerce-loop-product__title {
        grid-area: title !important;
    }

    .rp-shop-archive .rp-shop-products-area ul.products li.product .price {
        grid-area: price !important;
    }
}


/* shop card redesign with quick buy and compare */
.rp-shop-archive ul.products li.product.rp-shop-card {
    min-height: 0;
    padding: 14px 18px 16px !important;
    display: block;
}

.rp-shop-archive .rp-shop-card-inner {
    position: relative;
    min-height: 292px;
    display: flex;
    flex-direction: column;
}

.rp-shop-archive .rp-product-compare-mini {
    position: absolute;
    right: 0;
    bottom: 46px;
    top: auto;
    transform: none;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 5px;
    border: 1px solid #1f2328;
    background: #fff;
    padding: 0;
    z-index: 3;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-dot,
.rp-shop-archive .rp-product-compare-mini .rp-compare-add,
.rp-shop-archive .rp-product-compare-mini .rp-compare-remove,
.rp-shop-archive .rp-product-compare-mini i {
    display: none;
}

.rp-shop-archive .rp-product-compare-mini::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: transparent;
    display: block;
}

.rp-shop-archive .rp-product-compare-mini.is-active {
    background: #1f2328;
}

.rp-shop-archive .rp-product-compare-mini.is-active::before {
    background: #1f2328;
}

.rp-shop-archive .rp-shop-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.rp-shop-archive .rp-shop-card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 176px;
    margin-bottom: 14px;
}

.rp-shop-archive .rp-shop-card-media img {
    width: 100%;
    max-width: 170px;
    height: 168px !important;
    object-fit: contain;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    min-height: 50px;
    margin: 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.9;
    text-align: center;
}

.rp-shop-archive .rp-shop-card-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    min-height: 18px;
    margin: 0 0 10px;
}

.rp-shop-archive .rp-shop-swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(31, 35, 40, .16);
    background: var(--swatch-color, #d6dadd);
    cursor: pointer;
    padding: 0;
    position: relative;
}

.rp-shop-archive .rp-shop-swatch.is-active::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.95);
}

.rp-shop-archive .rp-shop-card-footer {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.rp-shop-archive .rp-shop-card-price-wrap {
    min-width: 0;
    padding-right: 28px;
}

.rp-shop-archive .rp-shop-card-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.rp-shop-archive .rp-shop-card-price .price {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    color: #161b21 !important;
    font-size: 14px !important;
    font-weight: 800;
    line-height: 1.5;
}

.rp-shop-archive .rp-shop-card-price .price bdi {
    font-size: 18px;
    font-weight: 800;
}

.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol {
    font-size: 11px;
    font-weight: 500;
    color: #8c9298;
    margin-inline-start: 3px;
}

.rp-shop-archive .rp-shop-card-price .price del {
    display: block;
    margin: 0 !important;
    color: #f05151 !important;
    font-size: 11px;
    font-weight: 500;
    opacity: 1;
}

.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount {
    color: #f05151 !important;
}

.rp-shop-archive .rp-shop-card-price .price ins {
    text-decoration: none;
    order: -1;
}

.rp-shop-archive .rp-product-quick-add {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border: 0;
    border-radius: 50%;
    background: #d5d7d9;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease, opacity .2s ease;
    padding: 0;
}

.rp-shop-archive .rp-product-quick-add span {
    font-size: 28px;
    line-height: 1;
    font-weight: 300;
    transform: translateY(-1px);
}

.rp-shop-archive .rp-product-quick-add:disabled,
.rp-shop-archive .rp-product-quick-add.is-needs-choice:not(.is-ready) {
    background: #d5d7d9;
    cursor: not-allowed;
    opacity: 1;
}

.rp-shop-archive .rp-product-quick-add.is-ready,
.rp-shop-archive .rp-product-quick-add:not(:disabled):hover {
    background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a));
}

.rp-shop-archive .rp-product-quick-add.is-loading span {
    opacity: 0;
}

.rp-shop-archive .rp-product-quick-add.is-loading::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a));
    position: absolute;
    animation: rpSpin .75s linear infinite;
}

@keyframes rpSpin {
    to { transform: rotate(360deg); }
}

@media (max-width: 1180px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding-inline: 14px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        min-height: 278px;
    }
}

@media (max-width: 768px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding: 12px 0 14px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        min-height: 0;
        display: grid;
        grid-template-columns: 98px minmax(0, 1fr);
        grid-template-areas:
            'img title'
            'img swatches'
            'img footer';
        gap: 6px 14px;
        align-items: start;
    }

    .rp-shop-archive .rp-shop-card-link {
        display: contents;
    }

    .rp-shop-archive .rp-shop-card-media {
        grid-area: img;
        min-height: 98px;
        margin: 0;
    }

    .rp-shop-archive .rp-shop-card-media img {
        width: 96px !important;
        max-width: 96px;
        height: 96px !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        grid-area: title;
        min-height: 0;
        margin: 0 !important;
        text-align: right;
        font-size: 13px !important;
    }

    .rp-shop-archive .rp-shop-card-swatches {
        grid-area: swatches;
        justify-content: flex-start;
        margin: 0;
    }

    .rp-shop-archive .rp-shop-card-footer {
        grid-area: footer;
        align-items: center;
    }

    .rp-shop-archive .rp-shop-card-price-wrap {
        padding-right: 0;
    }

    .rp-shop-archive .rp-shop-card-price .price bdi {
        font-size: 16px;
    }

    .rp-shop-archive .rp-product-compare-mini {
        right: auto;
        left: 0;
        top: auto;
        bottom: 6px;
    }
}


/* card cleanup */
.rp-shop-archive ul.products li.product.rp-shop-card {
    padding: 14px 16px 18px !important;
}

.rp-shop-archive .rp-shop-card-inner {
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.rp-shop-archive .rp-shop-card .onsale {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    min-width: 42px;
    height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    background: #ff5a2a;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    z-index: 3;
    margin: 0;
}

.rp-shop-archive .rp-product-compare-mini {
    top: auto;
    right: auto;
    left: 0;
    bottom: 54px;
    width: 14px;
    height: 14px;
    min-width: 14px;
    border-radius: 3px;
    border: 1px solid #1f2328;
    background: #fff;
}

.rp-shop-archive .rp-product-compare-mini::before {
    width: 8px;
    height: 8px;
}

.rp-shop-archive .rp-product-compare-mini.is-active {
    background: #1f2328;
}

.rp-shop-archive .rp-shop-card-media {
    min-height: 182px;
    margin: 10px 0 16px;
}

.rp-shop-archive .rp-shop-card-media img {
    max-width: 174px;
    height: 174px !important;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    min-height: 52px;
    margin: 0 0 12px !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.95;
    text-align: center;
}

.rp-shop-archive .rp-shop-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.rp-shop-archive .rp-shop-card-swatches {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    min-height: 16px;
    margin: 0;
    padding-left: 24px;
}

.rp-shop-archive .rp-shop-card-swatches--placeholder {
    opacity: 0;
}

.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-shop-swatch--placeholder {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 4px;
}

.rp-shop-archive .rp-shop-swatch {
    border: 1px solid rgba(31,35,40,.12);
}

.rp-shop-archive .rp-shop-swatch.is-active {
    outline: 1px solid #1f2328;
    outline-offset: 2px;
}

.rp-shop-archive .rp-shop-swatch.is-active::after {
    display: none;
}

.rp-shop-archive .rp-product-quick-add {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: #d7d7d7;
    align-self: center;
}

.rp-shop-archive .rp-shop-card-footer {
    display: block;
    margin-top: 0;
}

.rp-shop-archive .rp-shop-card-price-wrap {
    padding-right: 0;
}

.rp-shop-archive .rp-shop-card-price .price {
    display: block;
    line-height: 1.6;
}

.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price del {
    display: block;
}

.rp-shop-archive .rp-shop-card-price .price ins {
    margin-bottom: 2px;
}

.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-amount {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}

.rp-shop-archive .rp-shop-card-price .price bdi {
    font-size: 17px;
}

.rp-shop-archive .rp-shop-card-price .price del {
    font-size: 11px;
    margin-top: 2px !important;
}

@media (max-width: 768px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding: 12px 0 12px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        display: grid;
        grid-template-columns: 98px minmax(0,1fr);
        grid-template-areas:
            'img title'
            'img actions'
            'img footer';
        gap: 6px 14px;
        align-items: start;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 4px;
        left: 0;
        right: auto;
        min-width: 36px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }

    .rp-shop-archive .rp-shop-card-media {
        grid-area: img;
        min-height: 98px;
        margin: 0;
    }

    .rp-shop-archive .rp-shop-card-media img {
        width: 96px !important;
        max-width: 96px;
        height: 96px !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        grid-area: title;
        min-height: 0;
        text-align: right;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-actions {
        grid-area: actions;
        margin-bottom: 6px;
        min-height: 22px;
    }

    .rp-shop-archive .rp-shop-card-swatches {
        padding-left: 20px;
    }

    .rp-shop-archive .rp-product-compare-mini {
        left: 0;
        bottom: auto;
        top: 2px;
    }

    .rp-shop-archive .rp-shop-card-footer {
        grid-area: footer;
    }
}


/* category carousel, ajax shop refresh and spacing cleanup */
.rp-shop-archive .rp-shop-category-carousel {
    margin: 0 0 18px;
    border-top: 1px solid #e3e6e9;
    border-bottom: 1px solid #e3e6e9;
    background: #fff;
    overflow: hidden;
}

.rp-shop-archive .rp-shop-category-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.rp-shop-archive .rp-shop-category-track::-webkit-scrollbar {
    display: none;
}

.rp-shop-archive .rp-shop-category-item {
    flex: 0 0 148px;
    width: 148px;
    min-height: 126px;
    padding: 15px 10px 12px;
    border-left: 1px solid #e3e6e9;
    color: #202428;
    text-decoration: none;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
    scroll-snap-align: start;
    transition: background-color .16s ease, color .16s ease;
}

.rp-shop-archive .rp-shop-category-item:hover,
.rp-shop-archive .rp-shop-category-item.is-active {
    background: #fafafa;
}

.rp-shop-archive .rp-shop-category-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-shop-archive .rp-shop-category-icon img {
    max-width: 58px;
    max-height: 58px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.rp-shop-archive .rp-shop-category-fallback {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #e1e4e8;
    background: linear-gradient(135deg, #f4f6f7, #ffffff);
}

.rp-shop-archive .rp-shop-category-name {
    min-height: 36px;
    color: #202428;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.55;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rp-shop-archive .rp-shop-quick-note {
    margin: 0 0 18px;
    color: #30363d;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
}

.rp-shop-archive .rp-shop-layout,
.rp-shop-archive .rp-shop-layout.is-filters-open,
.rp-shop-archive .rp-shop-layout:not(.is-filters-open) {
    margin-top: 0 !important;
}

.rp-shop-archive .rp-shop-products-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
    position: relative;
}

.rp-shop-archive .rp-shop-products-area.is-loading {
    min-height: 260px;
    opacity: .55;
    pointer-events: none;
}

.rp-shop-archive .rp-shop-products-area.is-loading::before {
    content: '';
    position: absolute;
    top: 48px;
    left: 50%;
    z-index: 4;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    border-radius: 50%;
    border: 3px solid rgba(31, 35, 40, .15);
    border-top-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a));
    animation: rpShopAjaxSpin .75s linear infinite;
}

@keyframes rpShopAjaxSpin {
    to { transform: rotate(360deg); }
}

/* Infinite Scroll is progressive enhancement: server pagination is hidden
   only after the dedicated component has successfully initialized. */
.rp-shop-products-area.is-rp-infinite-enhanced > .rp-shop-pagination {
    display: none !important;
}

.rp-shop-infinite-loader {
    width: 100%;
    min-height: 48px;
    margin: 26px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--rp-theme-general-muted, #59616a);
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}

html[dir="rtl"] .rp-shop-infinite-loader,
html[dir="rtl"] .rp-shop-infinite-status {
    direction: rtl;
    unicode-bidi: plaintext;
}

.rp-shop-infinite-skeleton {
    display: none;
    width: 100%;
    grid-template-columns: var(--rp-shop-infinite-grid-columns, repeat(4, minmax(0, 1fr)));
    gap: var(--rp-shop-infinite-grid-gap, 22px);
    overflow: hidden;
    overflow-anchor: none;
}

.rp-shop-infinite-loader {
    overflow-anchor: none;
}

.rp-shop-infinite-loader.is-loading {
    min-height: 0;
    align-items: stretch;
}

.rp-shop-infinite-loader.is-loading .rp-shop-infinite-skeleton {
    display: grid;
}

.rp-shop-infinite-loader.is-loading .rp-shop-infinite-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card {
    position: relative;
    display: flex;
    min-width: 0;
    height: var(--rp-shop-infinite-card-height, auto);
    min-height: 0;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #e8edf1;
    border-radius: 18px;
    background: #fff;
}

.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.78) 48%, transparent 76%);
    transform: translateX(110%);
    animation: rp-product-carousel-skeleton-shimmer 1.3s ease-in-out infinite;
    pointer-events: none;
}

.rp-shop-infinite-skeleton :is(.rp-product-carousel-skeleton__image,.rp-product-carousel-skeleton__line) {
    display: block;
    border-radius: 10px;
    background: #edf1f4;
}

.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__image {
    width: 100%;
    height: var(--rp-shop-infinite-media-height, auto);
    min-height: 0;
    aspect-ratio: 1 / 1;
}
.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__line { height: 12px; }
.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__line.is-title { width: 82%; }
.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__line.is-meta { width: 56%; }
.rp-shop-infinite-skeleton .rp-product-carousel-skeleton__line.is-price { width: 68%; margin-top: auto; }

@keyframes rp-product-carousel-skeleton-shimmer {
    to { transform: translateX(-110%); }
}

@media (max-width: 1024px) {
    .rp-shop-infinite-skeleton { grid-template-columns: var(--rp-shop-infinite-grid-columns, repeat(3, minmax(0, 1fr))); }
}

@media (max-width: 767px) {
    .rp-shop-infinite-skeleton { grid-template-columns: var(--rp-shop-infinite-grid-columns, repeat(2, minmax(0, 1fr))); gap: var(--rp-shop-infinite-grid-gap, 14px); }
    .rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card { padding: 10px; }
}

:is(body.rp-theme-color-preset-dark,body.rp-theme-dark,body.is-dark,html[data-rp-user-theme="dark"] body) .rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card {
    border-color: #35404b;
    background: #171c22;
}

:is(body.rp-theme-color-preset-dark,body.rp-theme-dark,body.is-dark,html[data-rp-user-theme="dark"] body) .rp-shop-infinite-skeleton :is(.rp-product-carousel-skeleton__image,.rp-product-carousel-skeleton__line) {
    background: #29323b;
}

:is(body.rp-theme-color-preset-dark,body.rp-theme-dark,body.is-dark,html[data-rp-user-theme="dark"] body) .rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card::after {
    background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.08) 48%, transparent 76%);
}

.rp-shop-infinite-loader.is-waiting .rp-shop-infinite-status:empty {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.rp-shop-infinite-loader.is-error {
    flex-wrap: wrap;
    color: #a32929;
}

.rp-shop-infinite-retry {
    min-height: 36px;
    padding: 6px 16px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: var(--rp-theme-general-surface, #fff);
    color: var(--rp-theme-general-text, #111820);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.rp-shop-infinite-retry[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .rp-shop-infinite-skeleton .rp-product-carousel-skeleton__card::after {
        animation: none !important;
    }
}

.rp-shop-archive .rp-shop-products-area ul.products {
    margin-top: 0 !important;
}

.rp-shop-archive .rp-shop-products-area ul.products li.product.rp-shop-card:not(.rp-product-card-component) {
    min-height: 300px !important;
}

.rp-shop-archive .rp-shop-card-media {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-category-carousel {
        margin: 0 -16px 12px;
    }

    .rp-shop-archive .rp-shop-category-track {
        padding-inline: 8px;
    }

    .rp-shop-archive .rp-shop-category-item {
        flex-basis: 96px;
        width: 96px;
    }

    .rp-shop-archive .rp-shop-category-item {
        min-height: 96px;
        padding: 10px 6px;
    }

    .rp-shop-archive .rp-shop-category-icon {
        width: 42px;
        height: 42px;
    }

    .rp-shop-archive .rp-shop-category-icon img {
        max-width: 42px;
        max-height: 42px;
    }

    .rp-shop-archive .rp-shop-category-name {
        font-size: 11.5px;
    }

    .rp-shop-archive .rp-shop-quick-note {
        display: none;
    }
}


/* carousel drag and desktop hover arrows */
.rp-shop-archive .rp-shop-category-carousel {
    position: relative;
}

.rp-shop-archive .rp-shop-category-track {
    cursor: grab;
    user-select: none;
}

.rp-shop-archive .rp-shop-category-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

.rp-shop-archive .rp-shop-category-track.is-dragging a {
    pointer-events: none;
}

.rp-shop-archive .rp-shop-category-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 34px;
    height: 34px;
    border: 1px solid #dfe3e7;
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    cursor: pointer;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.rp-shop-archive .rp-shop-category-nav::before {
    content: '';
    width: 9px;
    height: 9px;
    display: block;
    margin: 0 auto;
    border-top: 2px solid #343a40;
    border-right: 2px solid #343a40;
}

.rp-shop-archive .rp-shop-category-prev {
    right: 12px;
}

.rp-shop-archive .rp-shop-category-prev::before {
    transform: rotate(45deg);
}

.rp-shop-archive .rp-shop-category-next {
    left: 12px;
}

.rp-shop-archive .rp-shop-category-next::before {
    transform: rotate(-135deg);
}

@media (min-width: 769px) {
    .rp-shop-archive .rp-shop-category-carousel:hover .rp-shop-category-nav {
        opacity: 1;
        visibility: visible;
    }

    .rp-shop-archive .rp-shop-category-nav:hover {
        transform: translateY(-50%) scale(.94);
    }
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-category-nav {
        display: none;
    }
}


/* fix shop grid top gap and force carousel/ajax behavior */
.rp-shop-archive .rp-shop-layout,
.rp-shop-archive .rp-shop-layout.is-filters-open,
.rp-shop-archive .rp-shop-layout:not(.is-filters-open) {
    align-items: start !important;
    align-content: start !important;
}

.rp-shop-archive .rp-shop-products-area {
    align-self: start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    clear: none !important;
}

.rp-shop-archive .rp-shop-products-area ul.products,
.rp-shop-archive .rp-shop-products-area .products {
    clear: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.rp-shop-archive .rp-shop-products-area ul.products::before,
.rp-shop-archive .rp-shop-products-area ul.products::after {
    content: none !important;
    display: none !important;
}

.rp-shop-archive .rp-shop-filter-sidebar {
    align-self: start !important;
}

.rp-shop-archive .rp-shop-filter-panel {
    margin-top: 0 !important;
}

.rp-shop-archive .rp-shop-toolbar {
    margin-bottom: 14px !important;
}

.rp-shop-archive .rp-shop-category-item {
    cursor: grab;
}

.rp-shop-archive .rp-shop-category-item:active {
    cursor: grabbing;
}

.rp-shop-archive .rp-shop-category-track.is-dragging .rp-shop-category-item {
    pointer-events: none;
}

.rp-shop-archive .rp-shop-products-area.is-loading ul.products {
    opacity: .4;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-toolbar {
        margin-bottom: 10px !important;
    }
}


/* remove desktop grid ghost row caused by filter backdrop */
.rp-shop-archive .rp-shop-filter-backdrop {
    display: none !important;
}

.rp-shop-archive .rp-shop-layout {
    grid-auto-rows: auto !important;
}

.rp-shop-archive .rp-shop-filter-sidebar,
.rp-shop-archive .rp-shop-products-area {
    grid-row: 1 !important;
}

.rp-shop-archive .rp-shop-products-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.rp-shop-archive .rp-shop-products-area > ul.products {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-filter-backdrop {
        display: block !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar,
    .rp-shop-archive .rp-shop-products-area {
        grid-row: auto !important;
    }
}


/* category carousel: arrows only, no mouse-drag hand */
.rp-shop-archive .rp-shop-category-track {
    cursor: default !important;
}

.rp-shop-archive .rp-shop-category-item,
.rp-shop-archive .rp-shop-category-item:hover,
.rp-shop-archive .rp-shop-category-item:active {
    cursor: default !important;
    user-select: none;
    -webkit-user-drag: none;
}

.rp-shop-archive .rp-shop-category-item img {
    pointer-events: none;
    -webkit-user-drag: none;
}

.rp-shop-archive .rp-shop-category-track.is-dragging .rp-shop-category-item {
    pointer-events: auto !important;
}

.rp-shop-archive .rp-shop-category-nav {
    cursor: pointer !important;
}


/* product card visual alignment */
.rp-shop-archive ul.products li.product.rp-shop-card {
    padding: 14px 14px 16px !important;
    border-radius: 0 !important;
}

.rp-shop-archive .rp-shop-card-inner {
    min-height: 100%;
}

.rp-shop-archive .rp-shop-card .onsale {
    top: 2px;
    right: 2px;
    left: auto;
    min-width: 48px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 800;
}

.rp-shop-archive .rp-product-compare-mini {
    top: 8px;
    right: 8px;
    left: auto;
    bottom: auto;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    z-index: 4;
}

.rp-shop-archive .rp-product-compare-mini::before {
    content: none !important;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon,
.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::before,
.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
    box-sizing: border-box;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: 3px;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::before,
.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1.5px solid #1f2328;
    border-radius: 3px;
    background: #fff;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::before {
    top: 5px;
    right: 0;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
    top: 0;
    left: 0;
}

.rp-shop-archive .rp-product-compare-mini.is-active .rp-compare-icon::before,
.rp-shop-archive .rp-product-compare-mini.is-active .rp-compare-icon::after {
    border-color: var(--rp-accent);
    background: rgba(0, 201, 155, .12);
}

.rp-shop-archive .rp-shop-card-media {
    min-height: 188px;
    margin: 8px 0 14px;
}

.rp-shop-archive .rp-shop-card-media img {
    width: 100%;
    max-width: 178px;
    height: 178px !important;
    object-fit: contain;
    background: #fff;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    min-height: 58px;
    margin: 0 0 14px !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.85;
    text-align: center;
}

.rp-shop-archive .rp-shop-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    margin-bottom: 12px;
}

.rp-shop-archive .rp-shop-card-swatches {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 22px;
    padding: 0;
}

.rp-shop-archive .rp-shop-card-swatches--placeholder {
    opacity: 0;
}

.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-shop-swatch--placeholder {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 5px;
}

.rp-shop-archive .rp-shop-swatch {
    border: 1px solid rgba(31,35,40,.16);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
}

.rp-shop-archive .rp-shop-swatch.is-active {
    outline: 1px solid #1f2328;
    outline-offset: 2px;
}

.rp-shop-archive .rp-product-quick-add {
    order: -1;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: #d7d7d7;
    color: #fff;
    box-shadow: none;
}

.rp-shop-archive .rp-product-quick-add span {
    line-height: 1;
}

.rp-shop-archive .rp-product-quick-add.is-ready,
.rp-shop-archive .rp-product-quick-add:not(:disabled):hover {
    background: var(--rp-accent);
}

.rp-shop-archive .rp-shop-card-footer {
    display: block;
    margin-top: 0;
}

.rp-shop-archive .rp-shop-card-price-wrap {
    padding-right: 0;
}

.rp-shop-archive .rp-shop-card-price .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    line-height: 1.4;
}

.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price del {
    display: inline-flex;
    align-items: baseline;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-price .price ins {
    order: 1;
    text-decoration: none;
}

.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
    font-size: 17px;
    font-weight: 800;
    color: #101418;
}

.rp-shop-archive .rp-shop-card-price .price del {
    order: 2;
    font-size: 11.5px;
    color: #ff5a2a;
    opacity: 1;
    text-decoration-color: #ff5a2a;
}

.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-currencySymbol {
    color: #ff5a2a;
}

.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol {
    font-size: 11px;
    color: #8d9196;
}

@media (max-width: 768px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding: 10px 10px 12px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 2px;
        right: 2px;
        left: auto;
    }

    .rp-shop-archive .rp-product-compare-mini {
        top: 8px;
        right: 8px;
        left: auto;
        bottom: auto;
    }

    .rp-shop-archive .rp-shop-card-media {
        min-height: 132px;
        margin: 10px 0 12px;
    }

    .rp-shop-archive .rp-shop-card-media img {
        max-width: 124px;
        height: 124px !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        min-height: 48px;
        margin: 0 0 10px !important;
        text-align: center;
        font-size: 12.5px !important;
        line-height: 1.8;
    }

    .rp-shop-archive .rp-shop-card-actions {
        min-height: 28px;
        margin-bottom: 8px;
    }

    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-shop-swatch--placeholder {
        width: 16px;
        height: 16px;
        min-width: 16px;
    }

    .rp-shop-archive .rp-product-quick-add {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
        font-size: 15px;
    }
}


/* shop card refinement */
.rp-shop-archive .rp-shop-card-inner {
    position: relative;
}

.rp-shop-archive .rp-shop-card .onsale {
    top: 8px;
    left: 8px;
    right: auto;
    width: 42px;
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
    box-shadow: none;
}

.rp-shop-archive .rp-product-compare-mini {
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    min-width: 22px;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon {
    width: 16px;
    height: 16px;
    margin: 3px;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::before,
.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
    width: 9px;
    height: 9px;
    border-width: 1.25px;
}

.rp-shop-archive .rp-shop-card-media {
    min-height: 175px;
    margin: 20px 0 12px;
}

.rp-shop-archive .rp-shop-card-media img {
    max-width: 168px;
    height: 168px !important;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    min-height: 50px;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.75;
}

.rp-shop-archive .rp-shop-card-actions {
    direction: ltr;
    align-items: center;
    min-height: 30px;
    margin-bottom: 10px;
}

.rp-shop-archive .rp-shop-card-swatches {
    justify-content: flex-start;
}

.rp-shop-archive .rp-product-quick-add {
    order: 2;
    margin-left: auto;
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.rp-shop-archive .rp-shop-card-price .price {
    justify-content: flex-start;
    gap: 4px 8px;
}

.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
    font-size: 16px;
}

.rp-shop-archive .rp-shop-card-price .price del {
    font-size: 12px;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card .onsale {
        top: 6px;
        left: 6px;
        right: auto;
        width: 38px;
        min-width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 10px;
    }

    .rp-shop-archive .rp-product-compare-mini {
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        min-width: 20px;
    }

    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon {
        width: 14px;
        height: 14px;
        margin: 3px;
    }

    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon::before,
    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
        width: 8px;
        height: 8px;
    }

    .rp-shop-archive .rp-shop-card-media {
        min-height: 128px;
        margin: 18px 0 10px;
    }

    .rp-shop-archive .rp-shop-card-media img {
        max-width: 122px;
        height: 122px !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        min-height: 44px;
        margin-bottom: 10px !important;
        font-size: 12.5px !important;
    }

    .rp-shop-archive .rp-shop-card-actions {
        min-height: 28px;
        margin-bottom: 8px;
    }

    .rp-shop-archive .rp-product-quick-add {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
        font-size: 15px;
    }
}


/* card closer to reference */
.rp-shop-archive ul.products li.product.rp-shop-card {
    padding: 16px 16px 14px !important;
    background: #fff !important;
    border-color: #e3e3e3 !important;
}

.rp-shop-archive .rp-shop-card-inner {
    min-height: 315px;
    display: grid;
    grid-template-rows: 174px 56px 30px 34px;
    align-content: start;
    position: relative;
}

.rp-shop-archive .rp-shop-card .onsale {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    line-height: 38px !important;
    font-weight: 800 !important;
    background: #ff5637 !important;
    color: #fff !important;
}

.rp-shop-archive .rp-product-compare-mini {
    top: 12px !important;
    right: 12px !important;
}

.rp-shop-archive .rp-shop-card-link {
    display: contents !important;
}

.rp-shop-archive .rp-shop-card-media {
    grid-row: 1;
    min-height: 174px !important;
    height: 174px !important;
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rp-shop-archive .rp-shop-card-media img {
    width: 100% !important;
    max-width: 164px !important;
    height: 164px !important;
    object-fit: contain !important;
    margin: 0 !important;
    background: #fff !important;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    grid-row: 2;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111820 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    text-align: center !important;
    overflow: hidden !important;
}

.rp-shop-archive .rp-shop-card-actions {
    grid-row: 3;
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 0 8px !important;
}

.rp-shop-archive .rp-shop-card-swatches {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-height: 20px !important;
    padding: 0 !important;
}

.rp-shop-archive .rp-shop-card-swatches--placeholder {
    opacity: 0 !important;
    visibility: hidden !important;
}

.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-shop-swatch--placeholder {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 5px !important;
}

.rp-shop-archive .rp-product-quick-add {
    order: 2 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    background: #d7d7d7 !important;
}

.rp-shop-archive .rp-product-quick-add.is-ready,
.rp-shop-archive .rp-product-quick-add:not(:disabled):hover {
    background: var(--rp-accent) !important;
}

.rp-shop-archive .rp-shop-card-footer {
    grid-row: 4;
    display: block !important;
    margin: 0 !important;
    align-self: end !important;
}

.rp-shop-archive .rp-shop-card-price .price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-price .price ins {
    order: 1 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-price .price del {
    order: 2 !important;
    display: inline-flex !important;
    margin: 0 !important;
    color: #ff5637 !important;
    font-size: 12px !important;
    opacity: 1 !important;
}

.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
    display: inline-flex !important;
    align-items: baseline !important;
    color: #101820 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-currencySymbol {
    color: #ff5637 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #8b9198 !important;
}

@media (max-width: 768px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding: 12px 10px 12px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        min-height: 270px;
        grid-template-rows: 132px 50px 28px 32px;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 8px !important;
        left: 8px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        font-size: 9px !important;
    }

    .rp-shop-archive .rp-shop-card-media {
        min-height: 132px !important;
        height: 132px !important;
    }

    .rp-shop-archive .rp-shop-card-media img {
        max-width: 118px !important;
        height: 118px !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        min-height: 44px !important;
        height: 44px !important;
        font-size: 12px !important;
    }

    .rp-shop-archive .rp-shop-card-actions {
        min-height: 28px !important;
        height: 28px !important;
    }

    .rp-shop-archive .rp-product-quick-add {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }

    .rp-shop-archive .rp-shop-card-price .price {
        gap: 5px !important;
    }

    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
        font-size: 14px !important;
    }

    .rp-shop-archive .rp-shop-card-price .price del,
    .rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price del bdi {
        font-size: 10.5px !important;
    }
}


/* mobile shop card like reference */
@media (max-width: 768px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        padding: 12px 12px 10px !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        min-height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 110px !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 14px !important;
        row-gap: 10px !important;
        align-items: start !important;
    }

    .rp-shop-archive .rp-shop-card-link {
        display: contents !important;
    }

    .rp-shop-archive .rp-shop-card-media {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        min-height: 110px !important;
        height: 110px !important;
        margin: 0 !important;
        align-self: start !important;
        justify-self: end !important;
    }

    .rp-shop-archive .rp-shop-card-media img {
        width: 100% !important;
        max-width: 110px !important;
        height: 110px !important;
        object-fit: contain !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 44px !important;
        height: auto !important;
        margin: 0 !important;
        padding-top: 2px !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: right !important;
        font-size: 14px !important;
        line-height: 1.85 !important;
    }

    .rp-shop-archive .rp-shop-card-actions {
        grid-column: 1 !important;
        grid-row: 2 !important;
        min-height: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        direction: ltr !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-card-swatches {
        flex: 0 1 auto !important;
        min-height: 18px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-shop-swatch--placeholder {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        border-radius: 4px !important;
    }

    .rp-shop-archive .rp-product-quick-add {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        margin-inline-start: auto !important;
        align-self: center !important;
    }

    .rp-shop-archive .rp-shop-card-footer {
        grid-column: 1 !important;
        grid-row: 3 !important;
        align-self: end !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-price-wrap,
    .rp-shop-archive .rp-shop-card-price {
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-card-price .price {
        justify-content: flex-start !important;
        align-items: baseline !important;
        gap: 7px !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .rp-shop-archive .rp-shop-card-price .price del,
    .rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price del bdi {
        font-size: 11px !important;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 8px !important;
        left: 8px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 9px !important;
        z-index: 3 !important;
    }

    .rp-shop-archive .rp-product-compare-mini {
        top: 12px !important;
        right: 12px !important;
        z-index: 3 !important;
    }
}

/* shop card alignment fixes */
.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    text-align: right !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    font-weight: 500 !important;
}

.rp-shop-archive .rp-shop-card-price .price,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-price .price {
    justify-content: flex-start !important;
    gap: 8px !important;
}

.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi,
.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol {
    font-weight: 500 !important;
}

.rp-shop-archive .rp-product-quick-add {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rp-shop-archive .rp-product-quick-add span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
    transform: none !important;
    margin: 0 !important;
    position: static !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        text-align: right !important;
        font-weight: 500 !important;
        line-height: 1.9 !important;
    }

    .rp-shop-archive .rp-shop-card-price .price {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price del bdi {
        font-weight: 500 !important;
    }

    .rp-shop-archive .rp-product-quick-add {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .rp-shop-archive .rp-product-quick-add span {
        font-size: 24px !important;
    }
}

/* discounted price styling fixes */
.rp-shop-archive .rp-shop-card-price .price,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol,
.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi {
    font-weight: 500 !important;
}

.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi {
    color: #ff4d4f !important;
    text-decoration: line-through !important;
}

.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-currencySymbol {
    display: none !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card-price .price,
    .rp-shop-archive .rp-shop-card-price .price ins,
    .rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price > .amount,
    .rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol,
    .rp-shop-archive .rp-shop-card-price .price del,
    .rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price .price del bdi {
        font-weight: 500 !important;
    }
}


/* shop grid follows WooCommerce customizer columns/rows */
.rp-shop-archive .rp-shop-products-area ul.products,
.rp-shop-archive ul.products.products,
.rp-shop-archive .woocommerce ul.products,
.woocommerce .rp-shop-archive ul.products {
    grid-template-columns: repeat(var(--rp-shop-columns, 4), minmax(0, 1fr)) !important;
}

.rp-shop-archive .rp-shop-products-area ul.products li.product,
.rp-shop-archive ul.products.products li.product,
.woocommerce .rp-shop-archive ul.products li.product {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin-inline: 0 !important;
}

@media (max-width: 1024px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: 1fr !important;
    }
}


/* product card price/add-to-cart row alignment */
.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    text-align: right !important;
    font-weight: 500 !important;
}

.rp-shop-archive .rp-shop-card-actions {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 10px 0 8px !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-swatches {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

.rp-shop-archive .rp-product-quick-add {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    margin-inline-start: auto !important;
    align-self: center !important;
}

.rp-shop-archive .rp-product-quick-add span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    transform: none !important;
    margin: 0 !important;
    position: static !important;
}

.rp-shop-archive .rp-shop-card-footer,
.rp-shop-archive .rp-shop-card-price-wrap,
.rp-shop-archive .rp-shop-card-price {
    width: 100% !important;
}

.rp-shop-archive .rp-shop-card-footer {
    margin-top: 0 !important;
}

.rp-shop-archive .rp-shop-card-price .price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount,
.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price ins .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price .woocommerce-Price-currencySymbol,
.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price del bdi {
    font-weight: 500 !important;
}

.rp-shop-archive .rp-shop-card-price .price del {
    order: 1 !important;
    color: #ff4d4f !important;
    text-decoration: line-through !important;
}

.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount {
    order: 2 !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card-actions {
        margin: 8px 0 8px !important;
    }

    .rp-shop-archive .rp-shop-card-price .price {
        gap: 8px !important;
    }
}


/* product card price row and spacing */
.rp-shop-archive .rp-shop-card-footer {
    margin-top: 10px !important;
}

.rp-shop-archive .rp-shop-card-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.rp-shop-archive .rp-shop-card-price .price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-price .price ins,
.rp-shop-archive .rp-shop-card-price .price del,
.rp-shop-archive .rp-shop-card-price .price > .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price .price > .amount {
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card-footer {
        margin-top: 8px !important;
    }

    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-shop-card-price .price {
        font-size: 16px !important;
    }
}


/* product card flex cleanup */
.rp-shop-archive .rp-shop-card-inner {
    min-height: 315px;
    display: flex !important;
    position: relative;
    flex-direction: column !important;
}

.rp-shop-archive .rp-shop-card-actions {
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-price {
    display: flex !important;
    align-items: center !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    flex-direction: row !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-price .price {
    flex-direction: row !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-swatches--placeholder,
.rp-shop-archive .rp-shop-swatch--placeholder {
    display: none !important;
}


/* explicit shop card price classes */
.rp-shop-archive .rp-shop-card-price {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.rp-shop-archive .rp-shop-card-price-final,
.rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price-final bdi,
.rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-currencySymbol,
.rp-shop-archive .rp-shop-card-price-before-discount {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.rp-shop-archive .rp-shop-card-price-before-discount {
    color: #ff4d4f !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff4d4f !important;
    text-decoration-thickness: 1px !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-price del,
.rp-shop-archive .rp-shop-card-price del .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price del bdi {
    color: #ff4d4f !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff4d4f !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.rp-shop-archive .rp-shop-card-price del .woocommerce-Price-currencySymbol {
    display: none !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-currencySymbol,
    .rp-shop-archive .rp-shop-card-price-before-discount {
        font-size: 18px !important;
        font-weight: 700 !important;
    }
}


/* shop card currency label */
.rp-shop-archive .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-inline-start: 3px !important;
}


/* shop card price and title refinements */
.rp-shop-archive .rp-shop-card-price-before-discount {
    color: #ff6668 !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff4d4f !important;
    text-decoration-thickness: 1px !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
    font-size: 19px !important;
}

.rp-shop-archive .rp-shop-card-price-final,
.rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price-final bdi {
    font-size: 23px !important;
    font-weight: 700 !important;
}

.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    font-size: 15px !important;
}


/* shop card actions alignment */
.rp-shop-archive .rp-shop-card-actions {
    align-items: center !important;
    justify-content: space-between !important;
}


/* compare icon and sale badge positioning */
.rp-shop-archive .rp-product-compare-mini {
    top: 0px !important;
    right: 0px !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111820 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.rp-shop-archive .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-shop-archive .rp-product-compare-mini .rp-compare-icon::before,
.rp-shop-archive .rp-product-compare-mini .rp-compare-icon::after {
    display: none !important;
    content: none !important;
}

.rp-shop-archive .rp-product-compare-mini.is-active,
.rp-shop-archive .rp-product-compare-mini[aria-pressed="true"] {
    background: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.rp-shop-archive .rp-shop-card .onsale {
    top: 0px !important;
    left: 0px !important;
    right: auto !important;
    width: 30px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 20% !important;
    font-size: 10px !important;
    line-height: 30px !important;
    font-weight: 800 !important;
    background: #ff5637 !important;
    color: #fff !important;
}


/* toolbar and variable quick-add behavior */
.rp-shop-archive .rp-shop-toolbar {
    min-height: 54px !important;
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eceff2 !important;
    justify-content: start !important;
    gap: 18px !important;
}

.rp-shop-archive .rp-shop-toolbar-compare {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-right: auto !important;
    margin-inline-start: auto !important;
}

.rp-shop-archive .rp-shop-toolbar-compare .rp-shop-compare-toggle {
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-toolbar-result-count {
    margin: 0 !important;
    color: #59626b !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-quick-note {
    margin: 0 0 18px !important;
    color: #30363d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: right !important;
}

.rp-shop-archive .rp-shop-card-actions {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-actions--variable {
    justify-content: space-between !important;
}

.rp-shop-archive .rp-shop-card-actions--simple {
    justify-content: flex-start !important;
}

.rp-shop-archive .rp-shop-card-actions--variable .rp-product-quick-add,
.rp-shop-archive .rp-shop-card-actions--simple .rp-product-quick-add {
    order: 1 !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.rp-shop-archive .rp-shop-card-actions--variable .rp-shop-card-swatches {
    order: 2 !important;
    margin: 0 !important;
    margin-inline-start: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
}

.rp-shop-archive .rp-product-quick-add.is-needs-choice:not(.is-ready) {
    cursor: pointer !important;
    opacity: .72 !important;
    pointer-events: auto !important;
}

.rp-shop-archive .rp-product-quick-add-tooltip {
    position: absolute !important;
    right: 0 !important;
    bottom: calc(100% + 8px) !important;
    z-index: 6 !important;
    display: block !important;
    max-width: 210px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    background: #111820 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(4px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.rp-shop-archive .rp-product-quick-add-tooltip.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}


/* sortbar alignment and variable swatches row fix */
.rp-shop-archive .rp-shop-sortbar {
    margin-inline-start: 0 !important;
    margin-right: 0 !important;
}

.rp-shop-archive .rp-shop-card-actions {
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 34px !important;
}

.rp-shop-archive .rp-shop-card-actions--variable {
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.rp-shop-archive .rp-shop-card-actions--variable .rp-shop-card-swatches {
    order: 1 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.rp-shop-archive .rp-shop-card-actions--variable .rp-product-quick-add {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-actions--simple {
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.rp-shop-archive .rp-shop-card-actions--simple .rp-product-quick-add {
    margin: 0 !important;
}


/*
 * v0.1.87 unique editable aliases inside shop.css
 * ------------------------------------------------------------
 * برای ادیت سریع کارت محصول و نوار شاپ، از کلاس‌های کوتاه زیر استفاده کن.
 * این بخش داخل همین فایل shop.css قرار دارد تا فایل جداگانه گیج‌کننده نشود.
 */

/* ===== Toolbar / Quick note ===== */
.rp-toolbar {
    min-height: 54px !important;
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eceff2 !important;
    justify-content: start !important;
    gap: 18px !important;
}

.rp-toolbar-sort {
    margin-inline-start: 0 !important;
    margin-right: 0 !important;
}

.rp-toolbar-compare {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-right: auto !important;
    margin-inline-start: auto !important;
}

.rp-quick-note {
    margin: 0 0 18px !important;
    color: #30363d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: right !important;
}

/* ===== Product card structure ===== */
.rp-card .onsale {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 30px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 20% !important;
    font-size: 10px !important;
    line-height: 30px !important;
    font-weight: 800 !important;
    background: #ff5637 !important;
    color: #fff !important;
}

.rp-card-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: right !important;
}

/* ===== Compare button ===== */
.rp-card-compare {
    top: 0 !important;
    right: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111820 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rp-card-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;
    box-sizing: border-box !important;
}

.rp-card-compare-icon::before,
.rp-card-compare-icon::after {
    display: none !important;
    content: none !important;
}

.rp-card-compare.is-active,
.rp-card-compare[aria-pressed="true"] {
    background: #000 !important;
    color: #fff !important;
}

/* ===== Card actions / swatches / quick add ===== */
.rp-card-actions {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 34px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.rp-card-actions--variable {
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.rp-card-actions--simple {
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.rp-card-swatches {
    order: 1 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.rp-card-add {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-weight: 600 !important;
}

.rp-card-add.is-needs-choice:not(.is-ready) {
    cursor: pointer !important;
    opacity: .72 !important;
    pointer-events: auto !important;
}

/* ===== Price ===== */
.rp-card-price {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.rp-card-price-final,
.rp-card-price-final .woocommerce-Price-amount,
.rp-card-price-final bdi {
    font-size: 23px !important;
    font-weight: 700 !important;
}

.rp-card-price-before {
    color: #ff6668 !important;
    text-decoration: line-through !important;
    text-decoration-color: #ff4d4f !important;
    text-decoration-thickness: 1px !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
    font-size: 19px !important;
}

.rp-card-currency {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-inline-start: 3px !important;
}

/* ===== Tooltip ===== */
.rp-product-quick-add-tooltip {
    position: absolute !important;
    right: 0 !important;
    bottom: calc(100% + 8px) !important;
    z-index: 6 !important;
    max-width: 210px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    background: #111820 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(4px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.rp-product-quick-add-tooltip.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}


/* product grid spacing and variable swatches visibility */
.rp-shop-archive .rp-shop-layout {
    margin-top: 40px !important;
}

.rp-shop-archive .rp-shop-products-area {
    margin-top: 0 !important;
}

.rp-card-actions--variable .rp-card-swatches,
.rp-shop-archive .rp-shop-card-actions--variable .rp-shop-card-swatches {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}


/* toolbar bottom spacing */
.rp-shop-archive .rp-shop-toolbar {
    min-height: 54px !important;
    margin-bottom: 40px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eceff2 !important;
    justify-content: start !important;
    gap: 18px !important;
}

/* فاصله از sortbar حالا از toolbar گرفته می‌شود، نه از layout */
.rp-shop-archive .rp-shop-layout {
    margin-top: 0 !important;
}


/* sidebar color/price filters, sale sort and result count */
.rp-shop-archive .rp-shop-filter-panel .rp-shop-filter-links {
    display: none !important;
}

.rp-shop-archive .rp-shop-filters {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.rp-shop-archive .rp-shop-color-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.rp-shop-archive .rp-shop-color-filter {
    min-height: 34px !important;
    padding: 6px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid #eceff2 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #20272d !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.rp-shop-archive .rp-shop-color-filter.is-active {
    border-color: #111820 !important;
    background: #111820 !important;
    color: #fff !important;
}

.rp-shop-archive .rp-shop-color-filter-dot {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    background: var(--rp-filter-color, #d6dadd) !important;
}

.rp-shop-archive .rp-shop-price-filter-form {
    display: grid !important;
    gap: 12px !important;
}

.rp-shop-archive .rp-shop-price-fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.rp-shop-archive .rp-shop-price-fields label {
    display: grid !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.rp-shop-archive .rp-shop-price-fields input {
    width: 100% !important;
    min-height: 36px !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
    font-family: var(--rp-font) !important;
}

.rp-shop-archive .rp-shop-price-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.rp-shop-archive .rp-shop-price-actions button,
.rp-shop-archive .rp-shop-filter-clear,
.rp-shop-archive .rp-shop-price-actions a {
    min-height: 34px !important;
    border-radius: 10px !important;
    padding: 6px 12px !important;
    text-decoration: none !important;
    font-family: var(--rp-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.rp-shop-archive .rp-shop-price-actions button {
    border-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    color: var(--rp-theme-general-on-accent, #071b16) !important;
}

/* In RTL flex layout, auto start-margin leaves this secondary action at the
   visual left edge while the primary submit action remains on the right. */
.rp-shop-archive .rp-shop-price-actions a {
    margin-inline-start: auto !important;
    border-color: #d5dbe2 !important;
    background: #edf0f3 !important;
    color: #111820 !important;
}

html[data-rp-user-theme="dark"] body .rp-shop-archive .rp-shop-price-actions a,
html[data-rp-theme-mode="dark"] body .rp-shop-archive .rp-shop-price-actions a,
html[data-theme="dark"] body .rp-shop-archive .rp-shop-price-actions a,
body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-price-actions a,
body.rp-theme-dark .rp-shop-archive .rp-shop-price-actions a,
body.is-dark .rp-shop-archive .rp-shop-price-actions a {
    border-color: #52606f !important;
    background: #3b4654 !important;
    color: #f8fafc !important;
}

.rp-shop-archive .rp-shop-filter-empty {
    margin: 0 !important;
    color: #687078 !important;
    font-size: 12px !important;
    line-height: 2 !important;
}

.rp-shop-archive .rp-shop-sale-sort.is-active {
    background: #ff5637 !important;
    color: #fff !important;
    border-color: #ff5637 !important;
}

.rp-shop-archive .rp-shop-products-head {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 0 18px !important;
}

.rp-shop-archive .rp-shop-result-count {
    margin: 0 !important;
    color: #59626b !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    text-align: left !important;
}


/* reset filters button */
.rp-shop-archive .rp-shop-filter-reset-row {
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn {
    width: 100% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #111820 !important;
    border-radius: 12px !important;
    background: #111820 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn.is-disabled {
    opacity: .45 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn.is-active:hover {
    background: #000 !important;
    border-color: #000 !important;
}


/* selected color filter checkmark */
.rp-shop-archive .rp-shop-color-filter-dot {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rp-shop-archive .rp-shop-color-filter.is-active .rp-shop-color-filter-dot::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .32) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
}


/* reset filter button style */
.rp-shop-archive .rp-shop-filter-reset-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn {
    width: 50% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    background: #f7f7f7 !important;
    color: #7d7d7d !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn.is-active:hover {
    background: #eeeeee !important;
    border-color: #d8d8d8 !important;
    color: #555 !important;
    transform: translateY(-1px) !important;
}

.rp-shop-archive .rp-shop-filter-reset-btn.is-disabled {
    opacity: .55 !important;
    pointer-events: none !important;
    cursor: default !important;
    transform: none !important;
}


/* single reset button behavior */
.rp-shop-archive .rp-shop-color-filter-card .rp-shop-filter-clear {
    display: none !important;
}


/* compare button fix and requested sizing */
.rp-shop-archive .rp-shop-filter-reset-btn {
    margin-right: 20px !important;
}

.rp-shop-archive .rp-product-compare-mini {
    top: 10px !important;
    right: 10px !important;
    width: 30px !important;
    height: 20px !important;
    min-width: 22px !important;
}

.rp-shop-archive .rp-product-compare-mini .rp-compare-icon {
    width: 30px !important;
    height: 30px !important;
}

.rp-shop-archive .rp-product-compare-mini:hover {
    background: #f2f3f5 !important;
    color: #111820 !important;
}

.rp-shop-archive .rp-product-compare-mini.is-active:hover,
.rp-shop-archive .rp-product-compare-mini[aria-pressed="true"]:hover {
    background: #000 !important;
    color: #fff !important;
}


/* compare mini final sizing */
.rp-shop-archive .rp-product-compare-mini {
    top: 0px !important;
    right: 0px !important;
    width: 30px !important;
    height: 27px !important;
    min-width: 22px !important;
}

.rp-shop-archive .rp-product-compare-mini.is-active,
.rp-shop-archive .rp-product-compare-mini[aria-pressed="true"] {
    background: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    height: 27px !important;
}


/* pill category carousel and compare page redesign */
.rp-shop-category-carousel {
    position: relative !important;
    margin: 0 0 24px !important;
    padding: 0 34px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

.rp-shop-category-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.rp-shop-category-track::-webkit-scrollbar {
    display: none !important;
}

.rp-shop-category-item {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-height: 30px !important;
    padding: 6px 14px !important;
    border: 1px solid #e1e5eb !important;
    border-radius: 7px !important;
    background: #f7f8fb !important;
    color: #20272d !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.rp-shop-category-item:hover,
.rp-shop-category-item.is-active {
    background: #fff !important;
    border-color: #cfd6df !important;
    color: #111820 !important;
}

.rp-shop-category-icon,
.rp-shop-category-fallback,
.rp-shop-category-icon img {
    display: none !important;
}

.rp-shop-category-name {
    min-height: 0 !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    display: block !important;
}

.rp-shop-category-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border: 1px solid #cfd6df !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #20272d !important;
    cursor: pointer !important;
}

.rp-shop-category-prev {
    left: 4px !important;
}

.rp-shop-category-next {
    right: 4px !important;
}

.rp-shop-category-prev::before,
.rp-shop-category-next::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-top: 1.5px solid currentColor !important;
    border-left: 1.5px solid currentColor !important;
}

.rp-shop-category-prev::before {
    transform: translate(-38%, -50%) rotate(-45deg) !important;
}

.rp-shop-category-next::before {
    transform: translate(-62%, -50%) rotate(135deg) !important;
}

.rp-compare-page {
    direction: rtl !important;
    background: #fff !important;
}

.rp-compare-inner {
    max-width: 1640px !important;
    margin: 0 auto !important;
    padding: 14px 16px 72px !important;
}

.rp-compare-head {
    margin: 10px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.rp-compare-head h1 {
    margin: 0 !important;
    color: #111820 !important;
    font-size: var(--rp-type-page_title-size, 28px) !important;
    font-weight: var(--rp-type-page_title-weight, 700) !important;
}

.rp-compare-empty a {
    min-height: 36px !important;
    padding: 0 14px !important;
    border: 1px solid #2f373e !important;
    border-radius: 7px !important;
    background: #2f373e !important;
    color: #fff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.rp-compare-products {
    display: grid !important;
    grid-template-columns: repeat(var(--rp-compare-cols), minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

.rp-compare-card {
    min-height: 0 !important;
    padding: 12px 12px 10px !important;
    border: 1px solid #e3e7eb !important;
    border-radius: 6px !important;
    background: #fff !important;
    text-align: center !important;
    position: relative !important;
}

.rp-compare-image {
    min-height: 128px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rp-compare-image img {
    width: 118px !important;
    height: 118px !important;
    object-fit: contain !important;
}

.rp-compare-card h2 {
    min-height: 34px !important;
    margin: 8px 0 10px !important;
    color: #111820 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

.rp-compare-card h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.rp-compare-price {
    margin: 0 0 10px !important;
    text-align: right !important;
    color: #111820 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.rp-compare-card-actions {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
}

.rp-compare-remove {
    position: static !important;
    width: 36px !important;
    height: 22px !important;
    border: 1px solid #ff6b6b !important;
    border-radius: 4px !important;
    color: #ff5b66 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.rp-compare-view {
    height: 22px !important;
    border: 1px solid #111820 !important;
    border-radius: 4px !important;
    color: #111820 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.rp-compare-specs {
    margin-top: 8px !important;
}

.rp-compare-spec-row {
    display: grid !important;
    grid-template-columns: repeat(var(--rp-compare-cols), minmax(0, 1fr)) !important;
    gap: 8px !important;
    border: 0 !important;
}

.rp-compare-spec-cell {
    min-height: 58px !important;
    padding: 8px 10px !important;
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
    border-bottom: 1px solid #e3e7eb !important;
    background: #f6f7f8 !important;
    text-align: right !important;
}

.rp-compare-spec-row:nth-child(even) .rp-compare-spec-cell {
    background: #fff !important;
}

.rp-compare-spec-cell strong {
    color: #111820 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

.rp-compare-spec-cell span {
    color: #20272d !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
}

.rp-compare-empty-value {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #ff5b66 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {
    .rp-compare-products,
    .rp-compare-spec-row {
        grid-template-columns: 1fr !important;
    }

    .rp-shop-category-item {
        flex-basis: 112px !important;
        width: 112px !important;
    }
}


/* compare specs aligned rows and sticky product cards */
.rp-compare-sticky-area {
    position: sticky !important;
    top: 64px !important;
    z-index: 30 !important;
    margin: 0 0 10px !important;
    padding: 8px 0 10px !important;
    background: #fff !important;
    border-bottom: 1px solid #e9edf1 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 32, .04) !important;
}

.admin-bar .rp-compare-sticky-area {
    top: 96px !important;
}

.rp-compare-products {
    display: grid !important;
    grid-template-columns: repeat(var(--rp-compare-products), minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

.rp-compare-specs {
    margin-top: 14px !important;
    display: grid !important;
    gap: 0 !important;
}

.rp-compare-spec-row {
    display: grid !important;
    grid-template-columns: minmax(150px, .42fr) repeat(var(--rp-compare-products), minmax(0, 1fr)) !important;
    gap: 8px !important;
    border: 0 !important;
    align-items: stretch !important;
}

.rp-compare-spec-label,
.rp-compare-spec-value {
    min-height: 58px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #e3e7eb !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

.rp-compare-spec-label {
    justify-content: flex-start !important;
    background: #eef1f4 !important;
    color: #111820 !important;
    font-weight: 900 !important;
}

.rp-compare-spec-value {
    justify-content: flex-start !important;
    background: #f6f7f8 !important;
    color: #20272d !important;
    font-weight: 600 !important;
}

.rp-compare-spec-row:nth-child(even) .rp-compare-spec-label,
.rp-compare-spec-row:nth-child(even) .rp-compare-spec-value {
    background: #fff !important;
}

.rp-compare-spec-row.is-long .rp-compare-spec-label,
.rp-compare-spec-row.is-long .rp-compare-spec-value {
    min-height: 58px !important;
    align-items: flex-start !important;
    white-space: normal !important;
}

.rp-compare-description-toggle {
    width: 100%;
    min-width: 0;
}

.rp-compare-description-toggle > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    color: inherit;
    list-style: none;
}

.rp-compare-description-toggle > summary::-webkit-details-marker {
    display: none;
}

.rp-compare-description-toggle > summary::after {
    content: '';
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-inline-end: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

.rp-compare-description-toggle[open] > summary::after {
    transform: rotate(225deg);
}

.rp-compare-description-toggle > summary:focus-visible {
    outline: 2px solid var(--rp-theme-general-accent, #2271b1);
    outline-offset: 3px;
}

.rp-compare-description-toggle .rp-compare-description-open,
.rp-compare-description-toggle[open] .rp-compare-description-closed {
    display: none;
}

.rp-compare-description-toggle[open] .rp-compare-description-open {
    display: inline;
}

.rp-compare-description-content {
    padding-top: 10px;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.rp-compare-spec-value.is-empty {
    justify-content: flex-start !important;
}

.rp-compare-empty-value {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    border-radius: 50% !important;
    background: #ff5b66 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.rp-compare-spec-cell {
    display: contents !important;
}

@media (max-width: 768px) {
    .rp-compare-sticky-area {
        top: 0 !important;
        overflow-x: auto !important;
    }

    .rp-compare-products,
    .rp-compare-spec-row {
        min-width: 720px !important;
    }

    .rp-compare-spec-row {
        grid-template-columns: minmax(130px, .42fr) repeat(var(--rp-compare-products), minmax(180px, 1fr)) !important;
    }
}


/* compare price text and aligned columns */
.rp-compare-products,
.rp-compare-spec-row {
    grid-template-columns: minmax(150px, .42fr) repeat(var(--rp-compare-products), minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    width: 100% !important;
}

.rp-compare-products-spacer {
    min-height: 1px !important;
    visibility: hidden !important;
}

.rp-compare-card,
.rp-compare-spec-label,
.rp-compare-spec-value {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.rp-compare-price,
.rp-compare-spec-value {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.rp-compare-price {
    min-height: 28px !important;
    color: #111820 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
    text-align: right !important;
    white-space: normal !important;
}

.rp-compare-spec-row.is-long .rp-compare-spec-value {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

@media (max-width: 768px) {
    .rp-compare-products,
    .rp-compare-spec-row {
        grid-template-columns: minmax(120px, .42fr) repeat(var(--rp-compare-products), minmax(180px, 1fr)) !important;
        min-width: 720px !important;
    }
}


/* category carousel arrows fixed sides */
.rp-shop-category-carousel .rp-shop-category-prev,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-prev {
    left: 4px !important;
    right: auto !important;
}

.rp-shop-category-carousel .rp-shop-category-next,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-next {
    right: 4px !important;
    left: auto !important;
}


/* compare price discount badge and toolbar compare icon */
.rp-toolbar-compare-btn .rp-toolbar-compare-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    display: inline-block !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-compare-spec-value.is-price {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.rp-compare-price-text {
    direction: rtl !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: inline-block !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
}

.rp-compare-discount-badge {
    order: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 5px !important;
    background: #ff4d4f !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    direction: ltr !important;
    letter-spacing: -0.5px !important;
}


/* shop card discount badge in price row */
.rp-shop-archive .rp-shop-card-price,
.rp-shop-archive .rp-card-price {
    direction: rtl !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge {
    order: -10 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 5px !important;
    background: #ff4d4f !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    direction: ltr !important;
    letter-spacing: -0.5px !important;
}

.rp-shop-archive .rp-shop-card-price-final,
.rp-shop-archive .rp-card-price-final {
    order: 0 !important;
}

.rp-shop-archive .rp-shop-card-price-before-discount,
.rp-shop-archive .rp-card-price-before {
    order: 1 !important;
}


/* shop card price row split into discount div + price div */
.rp-shop-archive .rp-shop-card-price,
.rp-shop-archive .rp-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: 10px !important;
}

.rp-shop-archive .rp-shop-card-discount-wrap,
.rp-shop-archive .rp-card-discount-wrap {
    order: 0 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.rp-shop-archive .rp-shop-card-price-values,
.rp-shop-archive .rp-card-price-values {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
    direction: rtl !important;
}

.rp-shop-archive .rp-shop-card-price-final,
.rp-shop-archive .rp-card-price-final,
.rp-shop-archive .rp-shop-card-price-before-discount,
.rp-shop-archive .rp-card-price-before {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge {
    order: initial !important;
}


/* compare mode: mini icons enabled only after top compare button */
.rp-shop-archive .rp-product-compare-mini {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(.92) !important;
}

body.rp-compare-mode-active .rp-shop-archive .rp-product-compare-mini {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

.rp-shop-archive .rp-shop-compare-toggle,
.rp-shop-archive .rp-toolbar-compare-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode {
    background: #111820 !important;
    color: #fff !important;
    border-color: #111820 !important;
}

.rp-shop-archive .rp-shop-compare-toggle:not(.is-compare-mode) b[data-rp-compare-count] {
    display: none !important;
}


/* compare mode button style */
.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode {
    background: #ffffff !important;
    color: #797979 !important;
    border-color: #dfdfdf !important;
}


/* reset row and tablet shop grid customization */
.rp-shop-archive .rp-shop-filter-reset-row {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: repeat(var(--rp-shop-tablet-columns, 3), minmax(0, 1fr)) !important;
    }
}


/* mobile shop grid customization */
@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: repeat(var(--rp-shop-mobile-columns, 1), minmax(0, 1fr)) !important;
    }
}


/* shop toolbar wrap style */
.rp-shop-toolbar {
    margin: 0 0 18px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    color: #343a40 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    flex-wrap: wrap !important;
}


/* sticky flicker fix for shop toolbar and compare sticky area */
.rp-shop-archive .rp-shop-toolbar,
.rp-compare-page .rp-compare-sticky-area {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
    isolation: isolate !important;
}

.rp-shop-archive .rp-shop-toolbar {
    box-sizing: border-box !important;
    align-content: center !important;
    contain: paint !important;
}

/* در دسکتاپ toolbar چسبان نباشد تا هنگام باز/بسته شدن فیلتر و wrap شدن sortbar پرپر نزند */
@media (min-width: 769px) {
    .rp-shop-archive .rp-shop-toolbar {
        position: relative !important;
        top: auto !important;
        z-index: 10 !important;
    }
}

/* در موبایل sticky پایدار می‌ماند، ولی margin منفی و grid قبلی حذف می‌شود */
@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-toolbar {
        position: sticky !important;
        top: var(--rp-mobile-header-height, 66px) !important;
        z-index: 90 !important;
        margin: 0 0 12px !important;
        padding: 10px 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        align-content: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        grid-template-columns: none !important;
        background: #fff !important;
        border-bottom: 1px solid #edf0f2 !important;
        box-shadow: 0 8px 18px rgba(17, 24, 32, .04) !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        white-space: normal !important;
    }
}

.rp-compare-page .rp-compare-sticky-area {
    contain: paint !important;
    background: #fff !important;
}

@supports (overflow: clip) {
    .rp-shop-archive .rp-shop-toolbar,
    .rp-compare-page .rp-compare-sticky-area {
        overflow: clip !important;
    }
}


/* compare toolbar button states */
.rp-shop-archive .rp-shop-compare-toggle,
.rp-shop-archive .rp-toolbar-compare-btn {
    background: #ffffff !important;
    color: #797979 !important;
    border-color: #dfdfdf !important;
}

.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode,
.rp-shop-archive .rp-toolbar-compare-btn.is-compare-mode {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode:hover,
.rp-shop-archive .rp-toolbar-compare-btn.is-compare-mode:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

.rp-shop-archive .rp-shop-compare-toggle:not(.is-compare-mode):hover,
.rp-shop-archive .rp-toolbar-compare-btn:not(.is-compare-mode):hover {
    background: #f7f7f7 !important;
    color: #555555 !important;
    border-color: #d6d6d6 !important;
}


/* simple category arrows and sticky flicker final fix */
.rp-shop-category-carousel .rp-shop-category-nav,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 5 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    margin: -9px 0 0 !important;
    border: 1px solid #d9dee5 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #5d6873 !important;
    box-shadow: 0 1px 3px rgba(17, 24, 32, .08) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: translateZ(0) !important;
}

.rp-shop-category-carousel .rp-shop-category-prev,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-prev {
    left: 4px !important;
    right: auto !important;
}

.rp-shop-category-carousel .rp-shop-category-next,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-next {
    right: 4px !important;
    left: auto !important;
}

.rp-shop-category-carousel .rp-shop-category-nav::before,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav::before,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-nav::before {
    content: '' !important;
    position: static !important;
    width: 9px !important;
    height: 9px !important;
    display: block !important;
    border: 0 !important;
    background: currentColor !important;
    -webkit-mask: url('../../icons/arrow-right.svg') center / contain no-repeat !important;
    mask: url('../../icons/arrow-right.svg') center / contain no-repeat !important;
}

.rp-shop-category-carousel .rp-shop-category-prev::before,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev::before,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-prev::before {
    -webkit-mask-image: url('../../icons/arrow-left.svg') !important;
    mask-image: url('../../icons/arrow-left.svg') !important;
    transform: none !important;
}

.rp-shop-category-carousel .rp-shop-category-next::before,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next::before,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-next::before {
    transform: none !important;
}

.rp-shop-category-carousel .rp-shop-category-nav:hover,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav:hover,
.rp-compare-page .rp-shop-category-carousel .rp-shop-category-nav:hover {
    border-color: #c7ced8 !important;
    color: #111820 !important;
    background: #fff !important;
}

/* جلوگیری از پرپر زدن: toolbar شاپ دیگر sticky نیست و فقط در جریان عادی صفحه رندر می‌شود */
.rp-shop-archive .rp-shop-toolbar,
.rp-shop-archive .rp-toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 10 !important;
    transform: none !important;
    will-change: auto !important;
    contain: layout paint !important;
    overflow: visible !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        position: relative !important;
        top: auto !important;
        z-index: 10 !important;
        transform: none !important;
        will-change: auto !important;
        contain: layout paint !important;
        overflow: visible !important;
        box-shadow: none !important;
    }
}

/* اگر sticky مقایسه باعث لرزش شد، فقط کارت‌های بالایی ثابت بمانند و layout جابه‌جا نشود */
.rp-compare-page .rp-compare-sticky-area {
    transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
}


/* category carousel pointer cursor */
.rp-shop-category-carousel,
.rp-shop-category-carousel .rp-shop-category-track,
.rp-shop-category-carousel .rp-shop-category-item,
.rp-shop-category-carousel .rp-shop-category-nav {
    cursor: pointer !important;
}


/* remove shop product image border */
.rp-shop-archive .rp-shop-card-media,
.rp-shop-archive .rp-card-media,
.rp-shop-archive .rp-shop-card-link,
.rp-shop-archive .rp-card-link,
.rp-shop-archive ul.products li.product img,
.rp-shop-archive .rp-shop-card-media img,
.rp-shop-archive .rp-card-media img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* quick note plus icon */
.rp-shop-archive .rp-shop-quick-note .rp-quick-note-plus-icon,
.rp-quick-note .rp-quick-note-plus-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0 6px;
    border-radius: 999px;
    background: #16c784;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}


/* shop card price wrap and category pointer */
.rp-shop-archive .rp-shop-card-price,
.rp-shop-archive .rp-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: 10px !important;
    flex-wrap: wrap !important;
}

.rp-shop-category-item.rp-shop-ajax-link,
.rp-shop-archive .rp-shop-category-item.rp-shop-ajax-link,
.rp-compare-page .rp-shop-category-item.rp-shop-ajax-link {
    cursor: pointer !important;
}


/* variable product actions wrap */
.rp-shop-archive .rp-shop-card-actions--variable {
    display: flex !important;
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}


/* tablet grid +1 column when filters are closed */
@media (min-width: 769px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .woocommerce ul.products,
    .woocommerce .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products {
        grid-template-columns: repeat(var(--rp-shop-tablet-columns-closed, 4), minmax(0, 1fr)) !important;
    }
}



/* mobile-only product card redesign (desktop untouched) */
@media (max-width: 767px) {
    .rp-shop-archive ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products {
        display: grid !important;
        grid-template-columns: repeat(var(--rp-shop-mobile-columns, 1), minmax(0, 1fr)) !important;
        gap: 0 !important;
        border-top: 0 !important;
    }

    .rp-shop-archive ul.products li.product.rp-shop-card {
        min-height: 0 !important;
        padding: 10px 12px 12px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 1px solid #eef0f2 !important;
        border-radius: 0 !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        min-height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 112px !important;
        grid-template-areas:
            "title media"
            "actions media"
            "footer footer" !important;
        grid-template-rows: auto auto auto !important;
        align-items: start !important;
        column-gap: 12px !important;
        row-gap: 10px !important;
        position: relative !important;
    }

    .rp-shop-archive .rp-shop-card-link {
        display: contents !important;
    }

    .rp-shop-archive .rp-shop-card-media {
        grid-area: media !important;
        width: 112px !important;
        min-width: 112px !important;
        height: 112px !important;
        min-height: 112px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: start !important;
        justify-self: end !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        background: transparent !important;
        border: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-media img,
    .rp-shop-archive ul.products li.product.rp-shop-card img {
        width: 112px !important;
        max-width: 112px !important;
        height: 112px !important;
        max-height: 112px !important;
        margin: 0 !important;
        object-fit: contain !important;
        background: transparent !important;
        border: 0 !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
        grid-area: title !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 0 2px !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        color: #111820 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.9 !important;
        text-align: right !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .rp-shop-archive .rp-shop-card-actions,
    .rp-shop-archive .rp-shop-card-actions--variable,
    .rp-shop-archive .rp-shop-card-actions--simple {
        grid-area: actions !important;
        min-height: 34px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 2px 0 0 !important;
        width: 100% !important;
        display: flex !important;
        direction: ltr !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-swatches {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-card-swatch,
    .rp-shop-archive .rp-shop-swatch--placeholder {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        border-radius: 4px !important;
    }

    .rp-shop-archive .rp-product-quick-add {
        flex: 0 0 34px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #d9d9d9 !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        box-shadow: none !important;
    }

    .rp-shop-archive .rp-product-quick-add span {
        width: 100% !important;
        height: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        transform: none !important;
    }

    .rp-shop-archive .rp-shop-card-footer {
        grid-area: footer !important;
        margin: 0 !important;
        padding-top: 4px !important;
        display: block !important;
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-card-price-wrap,
    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-card-price {
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-card-price {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 10px !important;
        direction: ltr !important;
    }

    .rp-shop-archive .rp-shop-card-price-values,
    .rp-shop-archive .rp-card-price-values {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        direction: rtl !important;
        flex-wrap: wrap !important;
        text-align: right !important;
    }

    .rp-shop-archive .rp-shop-card-price-final,
    .rp-shop-archive .rp-card-price-final {
        display: inline-flex !important;
        align-items: flex-end !important;
    }

    .rp-shop-archive .rp-shop-card-price .price,
    .rp-shop-archive .rp-card-price .price {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        direction: rtl !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-currencySymbol {
        color: #0f1f2e !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
    }

    .rp-shop-archive .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-card-price-before {
        display: inline-flex !important;
        align-items: center !important;
        color: #ff5e60 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-decoration: line-through !important;
        text-decoration-color: #ff5e60 !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-currency,
    .rp-shop-archive .rp-card-currency {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #8b9198 !important;
        margin-left: 3px !important;
    }

    .rp-shop-archive .rp-shop-card-discount-wrap,
    .rp-shop-archive .rp-card-discount-wrap {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        order: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-card-discount-badge {
        min-width: 30px !important;
        height: 26px !important;
        padding: 0 7px !important;
        border-radius: 6px !important;
        background: #ff5a5f !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 6px !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        min-width: 34px !important;
        height: 28px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 28px !important;
        font-weight: 800 !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini {
        top: 8px !important;
        right: 48px !important;
        left: auto !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon {
        width: 20px !important;
        height: 20px !important;
    }
}


/* mobile product card correction - title/media/actions/price */
@media (max-width: 820px) {
    .rp-shop-archive ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products,
    .rp-shop-archive .rp-shop-products-area ul.products {
        display: grid !important;
        grid-template-columns: repeat(var(--rp-shop-mobile-columns, 1), minmax(0, 1fr)) !important;
        gap: 0 !important;
        border-top: 0 !important;
    }

    .rp-shop-archive ul.products li.product.rp-shop-card {
        width: 100% !important;
        min-height: 0 !important;
        padding: 10px 10px 12px !important;
        margin: 0 !important;
        display: block !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-bottom: 1px solid #eef0f2 !important;
        border-radius: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        width: 100% !important;
        min-height: 142px !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 108px !important;
        grid-template-areas:
            "title media"
            "actions media"
            "footer footer" !important;
        grid-template-rows: minmax(46px, auto) minmax(34px, auto) auto !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        align-items: start !important;
        align-content: start !important;
        position: relative !important;
        overflow: visible !important;
    }

    .rp-shop-archive .rp-shop-card-link,
    .rp-shop-archive .rp-card-link {
        display: contents !important;
    }

    .rp-shop-archive .rp-shop-card-media,
    .rp-shop-archive .rp-card-media {
        grid-area: media !important;
        width: 108px !important;
        min-width: 108px !important;
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: start !important;
        justify-self: end !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .rp-shop-archive .rp-shop-card-media img,
    .rp-shop-archive .rp-card-media img,
    .rp-shop-archive ul.products li.product.rp-shop-card img {
        width: 108px !important;
        max-width: 108px !important;
        height: 108px !important;
        max-height: 108px !important;
        margin: 0 !important;
        object-fit: contain !important;
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        display: block !important;
    }

    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title,
    .rp-shop-archive .rp-card-title {
        grid-area: title !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        max-height: 54px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #111820 !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1.85 !important;
        text-align: right !important;
        align-self: start !important;
        justify-self: stretch !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-shop-card-actions,
    .rp-shop-archive .rp-card-actions,
    .rp-shop-archive .rp-shop-card-actions--variable,
    .rp-shop-archive .rp-card-actions--variable,
    .rp-shop-archive .rp-shop-card-actions--simple,
    .rp-shop-archive .rp-card-actions--simple {
        grid-area: actions !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 34px !important;
        height: auto !important;
        margin: 0 !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;
        flex-wrap: nowrap !important;
        align-self: center !important;
    }

    .rp-shop-archive .rp-shop-card-swatches,
    .rp-shop-archive .rp-card-swatches {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-card-swatch,
    .rp-shop-archive .rp-shop-swatch--placeholder {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        border-radius: 4px !important;
    }

    .rp-shop-archive .rp-product-quick-add,
    .rp-shop-archive .rp-card-add {
        flex: 0 0 32px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #d9d9d9 !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        box-shadow: none !important;
    }

    .rp-shop-archive .rp-product-quick-add span,
    .rp-shop-archive .rp-card-add span {
        width: 100% !important;
        height: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 27px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        transform: none !important;
        margin: 0 !important;
        position: static !important;
    }

    .rp-shop-archive .rp-shop-card-footer,
    .rp-shop-archive .rp-card-footer {
        grid-area: footer !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-top: 4px !important;
        display: block !important;
        align-self: end !important;
    }

    .rp-shop-archive .rp-shop-card-price-wrap,
    .rp-shop-archive .rp-card-price-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-card-price {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-discount-wrap,
    .rp-shop-archive .rp-card-discount-wrap {
        order: 0 !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-price-values,
    .rp-shop-archive .rp-card-price-values {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        flex-direction: row !important;
    direction: rtl !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        direction: rtl !important;
        text-align: right !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-card-price-final,
    .rp-shop-archive .rp-card-price-final {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-price-final bdi {
        color: #0f1f2e !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
    }

    .rp-shop-archive .rp-shop-card-currency,
    .rp-shop-archive .rp-card-currency {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #8b9198 !important;
        margin-inline-start: 3px !important;
    }

    .rp-shop-archive .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-card-price-before {
        display: inline-flex !important;
        align-items: center !important;
        color: #ff5e60 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-decoration: line-through !important;
        text-decoration-color: #ff5e60 !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-card-discount-badge {
        min-width: 30px !important;
        height: 26px !important;
        padding: 0 7px !important;
        border-radius: 6px !important;
        background: #ff5a5f !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 6px !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        min-width: 34px !important;
        height: 28px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 28px !important;
        font-weight: 800 !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini,
    .rp-shop-archive .rp-card-compare {
        top: 8px !important;
        right: 46px !important;
        left: auto !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon,
    .rp-shop-archive .rp-card-compare-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

/* The bottom-navigation filter action can reopen an already-mounted sidebar
 * whose inner markup predates the current page response. Anchor the mobile
 * title to the drawer itself so it is always present. */
@media (max-width: 820px) {
    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar:has(.rp-shop-filters-mobile-title)::before {
        content: none !important;
        display: none !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar::before {
        content: "فیلترها" !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 20 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        border-bottom: 1px solid var(--rp-theme-general-border, #e6e6e3) !important;
        background: var(--rp-theme-general-surface, #f7f7f6) !important;
        color: var(--rp-theme-general-accent, var(--rp-accent, #3b82f6)) !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        text-align: right !important;
        direction: rtl !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-mobile-filter-head {
        display: none !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar > .rp-shop-filter-panel {
        max-height: calc(100dvh - 54px) !important;
    }
}

/* Keep category cards readable when shop.css is loaded after global dark-mode
   tokens. This is deliberately at the end of the Shop cascade. */
body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item {
    background: #1b232d !important;
    border-color: #57616d !important;
    color: #aeb7c2 !important;
}

body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item .rp-shop-category-name {
    color: #aeb7c2 !important;
}

body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item:is(:hover, :focus-visible, .is-active) {
    background: #242e39 !important;
    border-color: #74808d !important;
    color: #d1d7de !important;
}

/* The mobile filter heading should inherit the drawer surface in Light mode. */
@media (max-width: 820px) {
    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar::before,
    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-mobile-filter-head,
    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters > .rp-shop-filters-mobile-title {
        background: transparent !important;
    }
}

body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav,
body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav:is(:hover, :focus-visible) {
    background: var(--rp-theme-general-surface-alt, #1e2229) !important;
    border-color: var(--rp-theme-general-border, #303640) !important;
    color: var(--rp-theme-general-heading, #fff) !important;
}

/* Intermediate responsive matrix: keep portrait phones on the configured
   mobile grid, while landscape phones and portrait tablets use the available
   width instead of inheriting the single-column <= 820px fallback. This block
   follows that legacy grid fallback so it wins without broadening its scope. */
@media (min-width: 600px) and (max-width: 820px) and (orientation: landscape) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 700px) and (max-width: 820px) and (orientation: portrait) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive ul.products.products,
    .rp-shop-archive .woocommerce ul.products,
    .woocommerce .rp-shop-archive ul.products {
        grid-template-columns: repeat(var(--rp-shop-tablet-columns, 3), minmax(0, 1fr)) !important;
    }
}

/* Shop toolbar and filter drawer use a deliberately subdued divider in dark
   mode. These are structural separators, not light-mode surface borders. */
:is(
    html[data-rp-user-theme="dark"],
    html[data-rp-theme-mode="dark"],
    html[data-theme="dark"]
) .rp-shop-archive :is(.rp-shop-toolbar, .rp-toolbar),
:is(
    body.rp-theme-color-preset-dark,
    body.rp-theme-dark,
    body.is-dark
) .rp-shop-archive :is(.rp-shop-toolbar, .rp-toolbar) {
    border-bottom-color: #303a45 !important;
}

:is(
    html[data-rp-user-theme="dark"],
    html[data-rp-theme-mode="dark"],
    html[data-theme="dark"]
) .rp-shop-archive .rp-shop-filter-head,
:is(
    body.rp-theme-color-preset-dark,
    body.rp-theme-dark,
    body.is-dark
) .rp-shop-archive .rp-shop-filter-head {
    border-bottom-color: #303a45 !important;
}

/* Keep the quick-purchase instruction present but visually secondary. The
   plus marker is deliberately square: it is an informational cue, not a CTA. */
.rp-shop-archive .rp-shop-quick-note,
.rp-shop-archive .rp-quick-note {
    font-size: 9px !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
}

.rp-shop-archive .rp-shop-quick-note .rp-quick-note-plus-icon,
.rp-shop-archive .rp-quick-note .rp-quick-note-plus-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 6px !important;
    border: 1px solid #4e5965 !important;
    border-radius: 5px !important;
    background: #252d35 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

:is(
    html[data-rp-user-theme="dark"],
    html[data-rp-theme-mode="dark"],
    html[data-theme="dark"]
) .rp-shop-archive .rp-quick-note-plus-icon,
:is(
    body.rp-theme-color-preset-dark,
    body.rp-theme-dark,
    body.is-dark
) .rp-shop-archive .rp-quick-note-plus-icon {
    border-color: #56616d !important;
    background: #151c23 !important;
    color: #f5f7fa !important;
}

/* Compare-selection mode is distinct from the regular white toolbar control. */
.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode,
.rp-shop-archive .rp-toolbar-compare-btn.is-compare-mode {
    background: #3c4652 !important;
    border-color: #3c4652 !important;
    color: #fff !important;
}

.rp-shop-archive .rp-shop-compare-toggle.is-compare-mode:is(:hover, :focus-visible),
.rp-shop-archive .rp-toolbar-compare-btn.is-compare-mode:is(:hover, :focus-visible) {
    background: #2f3944 !important;
    border-color: #2f3944 !important;
    color: #fff !important;
}

/* In dark mode the inactive compare action is an outline, not a white block. */
: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-shop-archive .rp-shop-compare-toggle:not(.is-compare-mode),
: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-shop-archive .rp-toolbar-compare-btn:not(.is-compare-mode) {
    background: transparent !important;
    border-color: #66717d !important;
    color: #c6cdd5 !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-shop-archive .rp-shop-compare-toggle:not(.is-compare-mode):is(:hover, :focus-visible),
: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-shop-archive .rp-toolbar-compare-btn:not(.is-compare-mode):is(:hover, :focus-visible) {
    background: #242d37 !important;
    border-color: #85919e !important;
    color: #f5f7f9 !important;
}

/* Keep the desktop Shop utility row compact without affecting product-card text. */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-result-count,
    .rp-shop-archive .woocommerce-result-count {
        font-size: 9px !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle,
    .rp-shop-archive .rp-shop-sortbar a,
    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn {
        font-size: 12px !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle,
    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn {
        height: 30px !important;
        min-height: 30px !important;
    }
}

/* Desktop Shop toolbar: sorting options stay in their existing group, without
   a redundant sorting-label button. Filter state is exposed by aria-expanded. */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-sort-label {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle .rp-shop-filter-text-open,
    .rp-shop-archive .rp-shop-filter-toggle[aria-expanded="false"] .rp-shop-filter-text-open {
        display: inline !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle[aria-expanded="true"] .rp-shop-filter-text-open,
    .rp-shop-archive .rp-shop-filter-toggle .rp-shop-filter-text-close {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle[aria-expanded="true"] .rp-shop-filter-text-close {
        display: inline !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle-icon {
        width: 8px;
        height: 8px;
        margin-inline-start: 2px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        /* Closed: filters expand from the right-side control toward the left. */
        transform: rotate(135deg);
        transition: transform .22s ease;
    }

    .rp-shop-archive .rp-shop-filter-toggle[aria-expanded="true"] .rp-shop-filter-toggle-icon {
        /* Open: point back toward the control to communicate closing. */
        transform: rotate(-45deg);
    }
}


/* forced mobile product card layout - exact row structure */
@media (max-width: 820px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        display: block !important;
        min-height: 0 !important;
        padding: 10px 12px 12px !important;
        margin: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #eef0f2 !important;
        border-radius: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    .rp-shop-archive .rp-shop-card-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 112px !important;
        grid-template-areas:
            "mobile-title mobile-image"
            "mobile-actions mobile-image"
            "mobile-price mobile-price" !important;
        grid-template-rows: minmax(46px, auto) minmax(34px, auto) minmax(30px, auto) !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        min-height: 142px !important;
        align-items: start !important;
        align-content: start !important;
        position: relative !important;
    }

    .rp-shop-archive .rp-mobile-card-link,
    .rp-shop-archive .rp-shop-card-link,
    .rp-shop-archive .rp-card-link {
        display: contents !important;
    }

    .rp-shop-archive .rp-mobile-card-title,
    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title,
    .rp-shop-archive .rp-card-title {
        grid-area: mobile-title !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        max-height: 54px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: #111820 !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1.85 !important;
        text-align: right !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-mobile-card-title a,
    .rp-shop-archive .rp-shop-card .woocommerce-loop-product__title a {
        color: inherit !important;
    }

    .rp-shop-archive .rp-mobile-card-media,
    .rp-shop-archive .rp-shop-card-media,
    .rp-shop-archive .rp-card-media {
        grid-area: mobile-image !important;
        display: flex !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: start !important;
        justify-self: end !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-mobile-card-media img,
    .rp-shop-archive .rp-shop-card-media img,
    .rp-shop-archive .rp-card-media img,
    .rp-shop-archive ul.products li.product.rp-shop-card img {
        display: block !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .rp-shop-archive .rp-mobile-card-actions,
    .rp-shop-archive .rp-shop-card-actions,
    .rp-shop-archive .rp-card-actions {
        grid-area: mobile-actions !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: row !important;
        direction: ltr !important;
        justify-content: space-between !important;
        align-items: center !important;
        align-self: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-swatches,
    .rp-shop-archive .rp-card-swatches {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: row !important;
        direction: ltr !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 7px !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-card-swatch,
    .rp-shop-archive .rp-shop-swatch--placeholder {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        border-radius: 4px !important;
    }

    .rp-shop-archive .rp-product-quick-add,
    .rp-shop-archive .rp-card-add {
        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #d9d9d9 !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
    }

    .rp-shop-archive .rp-product-quick-add span,
    .rp-shop-archive .rp-card-add span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        font-size: 27px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .rp-shop-archive .rp-mobile-card-footer,
    .rp-shop-archive .rp-shop-card-footer,
    .rp-shop-archive .rp-card-footer {
        grid-area: mobile-price !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 4px 0 0 !important;
        align-self: end !important;
    }

    .rp-shop-archive .rp-mobile-card-price-wrap,
    .rp-shop-archive .rp-shop-card-price-wrap,
    .rp-shop-archive .rp-card-price-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-price,
    .rp-shop-archive .rp-card-price {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-discount-wrap,
    .rp-shop-archive .rp-card-discount-wrap {
        order: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        display: inline-flex !important;
    }

    .rp-shop-archive .rp-shop-card-price-values,
    .rp-shop-archive .rp-card-price-values {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        flex-direction: row !important;
    direction: rtl !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        direction: rtl !important;
        text-align: right !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-card-price-final,
    .rp-shop-archive .rp-card-price-final {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-card-price-before {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        color: #ff5e60 !important;
        text-decoration: line-through !important;
        font-size: 11px !important;
        font-weight: 500 !important;
    }

    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-price-final bdi {
        color: #0f1f2e !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
    }

    .rp-shop-archive .rp-shop-card-currency,
    .rp-shop-archive .rp-card-currency {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #8b9198 !important;
        margin-inline-start: 3px !important;
    }

    .rp-shop-archive .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-card-discount-badge {
        min-width: 30px !important;
        height: 26px !important;
        padding: 0 7px !important;
        border-radius: 6px !important;
        background: #ff5a5f !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card .onsale {
        top: 6px !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        min-width: 34px !important;
        height: 28px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 28px !important;
        font-weight: 800 !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini,
    .rp-shop-archive .rp-card-compare {
        top: 8px !important;
        right: 46px !important;
        left: auto !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        z-index: 4 !important;
    }

    .rp-shop-archive .rp-product-compare-mini .rp-compare-icon,
    .rp-shop-archive .rp-card-compare-icon {
        width: 20px !important;
        height: 20px !important;
    }
}


/* dedicated mobile shop card to match approved reference */
.rp-shop-archive .rp-shop-card-mobile {
    display: none;
}

@media (max-width: 820px) {
    .rp-shop-archive ul.products li.product.rp-shop-card {
        border: 0 !important;
        border-bottom: 1px solid #eef1f4 !important;
        border-radius: 0 !important;
        padding: 14px 0 !important;
        margin: 0 !important;
        background: #fff !important;
    }

    .rp-shop-archive .rp-shop-card-desktop {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-card-mobile {
        display: block !important;
        position: relative !important;
        padding: 0 6px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile .onsale {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        min-width: 42px !important;
        height: 28px !important;
        padding: 0 8px !important;
        border-radius: 8px !important;
        background: #ff5a43 !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 28px !important;
        z-index: 3 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-header {
        position: relative !important;
        display: block !important;
        min-height: 44px !important;
        padding: 0 0 10px 44px !important;
        margin: 0 0 4px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-title-link {
        display: block !important;
        text-decoration: none !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-title {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #111820 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.9 !important;
        text-align: right !important;
        min-height: 42px !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-compare {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        z-index: 3 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-compare .rp-compare-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-body {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 100px !important;
        grid-template-areas:
            "content image" !important;
        column-gap: 14px !important;
        align-items: start !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-content {
        grid-area: content !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding-top: 8px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-media-link {
        grid-area: image !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        text-decoration: none !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-media {
        display: flex !important;
        width: 102px !important;
        height: 102px !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-media img {
        width: 100px !important;
        height: 100px !important;
        object-fit: contain !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 32px !important;
        width: 100% !important;
        direction: ltr !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-shop-card-swatches {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        direction: ltr !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-shop-swatch,
    .rp-shop-archive .rp-shop-card-mobile-actions .rp-card-swatch {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        border-radius: 4px !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-product-quick-add {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #d9d9d9 !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-product-quick-add span {
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        transform: translateY(-1px) !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap {
        width: 100% !important;
        min-width: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        direction: ltr !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-discount-wrap,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-discount-wrap {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        order: 0 !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-discount-badge {
        min-width: 30px !important;
        height: 26px !important;
        padding: 0 6px !important;
        border-radius: 6px !important;
        background: #ff5a5f !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-values,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-values {
        display: inline-flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        direction: ltr !important;
        min-width: 0 !important;
        order: 1 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        white-space: nowrap !important;
        flex-direction: row !important;
    direction: rtl !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final bdi {
        color: #112033 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-currency {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #858b92 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-before {
        display: inline-flex !important;
        align-items: center !important;
        color: #ff6468 !important;
        text-decoration: line-through !important;
        text-decoration-color: #ff6468 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-before-discount .woocommerce-Price-currencySymbol,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-before .woocommerce-Price-currencySymbol {
        display: none !important;
    }
}


/* mobile card body direction fix: image right, content left */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-body {
        direction: ltr !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 100px !important;
        grid-template-areas: "content image" !important;
        column-gap: 14px !important;
        align-items: start !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-content {
        grid-area: content !important;
        direction: rtl !important;
        min-width: 0 !important;
        justify-self: stretch !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-media-link,
    .rp-shop-archive .rp-shop-card-mobile-media {
        grid-area: image !important;
        direction: rtl !important;
        justify-self: end !important;
    }
}


/* mobile product card min-height and sale badge position */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-products-area ul.products li.product.rp-shop-card {
        min-height: 200px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile .onsale {
        position: absolute !important;
        top: -40px !important;
    }
}


/* mobile card margin and mobile price order */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile {
        display: block !important;
        position: relative !important;
        padding: 0 6px !important;
        margin-top: 40px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price {
        justify-content: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-values,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-values {
        justify-content: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-before {
        order: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        order: 1 !important;
    }
}


/* mobile card fine-tuning */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile .onsale {
        position: absolute !important;
        top: -28px !important;
        min-height: 28px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-header {
        position: relative !important;
        display: block !important;
        min-height: 44px !important;
        padding: 0 0 0px 5px !important;
        margin: 0 0 4px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-values,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-values {
        text-align: left !important;
        direction: ltr !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
}


/* mobile price order: final price left, old price right */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price {
        justify-content: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-values,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-values {
        display: flex !important;
        direction: ltr !important;
        text-align: left !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        order: 0 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-before {
        order: 1 !important;
    }
}


/* mobile card padding and quick add size */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile {
        display: block !important;
        position: relative !important;
        padding: 0 0px !important;
        margin-top: 40px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-product-quick-add {
        flex: 0 0 25px !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #d9d9d9 !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-actions .rp-product-quick-add span {
        font-size: 22px !important;
        line-height: 1 !important;
    }
}


/* mobile quick add plus alignment */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-actions .rp-product-quick-add span {
        font-size: 26px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        transform: translateY(2px) !important;
    }
}


/* quick add plus span final alignment */
.rp-shop-archive .rp-product-quick-add span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    transform: none !important;
    margin: 0 !important;
    position: static !important;
    transform: translateY(2px) !important;
}


/* mobile card content vertical alignment */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-content {
        grid-area: content !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-end;
        gap: 12px !important;
        padding-top: 8px !important;
    }
}


/* filter reset row alignment */
.rp-shop-archive .rp-shop-filter-reset-row {
    display: flex !important;
    width: 100% !important;
    margin-top: 20px !important;
    align-content: flex-start;
    justify-content: flex-start !important;
}


/* mobile category arrows and toolbar 50/50 row */
@media (max-width: 820px) {
    .rp-shop-category-carousel,
    .rp-shop-archive .rp-shop-category-carousel {
        position: relative !important;
        padding-left: 26px !important;
        padding-right: 26px !important;
        overflow: visible !important;
    }

    .rp-shop-category-carousel .rp-shop-category-track,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-track {
        overflow-x: auto !important;
        scroll-behavior: smooth !important;
    }

    .rp-shop-category-carousel .rp-shop-category-nav,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav {
        position: absolute !important;
        top: 50% !important;
        z-index: 20 !important;
        display: inline-flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        margin-top: -12px !important;
    }

    .rp-shop-category-carousel .rp-shop-category-prev,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev {
        left: 0 !important;
        right: auto !important;
    }

    .rp-shop-category-carousel .rp-shop-category-next,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next {
        right: 0 !important;
        left: auto !important;
    }

    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        order: 2 !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        order: 3 !important;
        margin: 0 !important;
        display: flex !important;
    }

    .rp-shop-archive .rp-shop-sort-label {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }
}


/* mobile toolbar row and carousel arrows spacing */
@media (max-width: 820px) {
    .rp-shop-category-carousel,
    .rp-shop-archive .rp-shop-category-carousel {
        position: relative !important;
        padding-left: 38px !important;
        padding-right: 38px !important;
        overflow: visible !important;
    }

    .rp-shop-category-carousel .rp-shop-category-prev,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev {
        left: 6px !important;
        right: auto !important;
    }

    .rp-shop-category-carousel .rp-shop-category-next,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next {
        right: 6px !important;
        left: auto !important;
    }

    .rp-shop-category-carousel .rp-shop-category-nav,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav {
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        min-height: 26px !important;
        margin-top: -13px !important;
    }

    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle {
        order: 1 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn {
        order: 2 !important;
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        height: 42px !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        order: 2 !important;
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-sort-label {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        margin: 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }
}


/* mobile toolbar three buttons in one row + sidebar open fix */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-toolbar-result-count {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle,
    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare,
    .rp-shop-archive .rp-shop-sortbar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle {
        grid-column: 1 !important;
        order: initial !important;
        height: 42px !important;
        padding: 0 6px !important;
        font-size: 11.5px !important;
    }

    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare {
        grid-column: 2 !important;
        display: block !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 6px !important;
        font-size: 11.5px !important;
        margin: 0 !important;
        white-space: normal !important;
        line-height: 1.45 !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        grid-column: 3 !important;
        display: flex !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-sort-label {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    .rp-shop-archive .rp-shop-category-carousel {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev {
        left: 8px !important;
        right: auto !important;
    }

    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next {
        right: 8px !important;
        left: auto !important;
    }
}


/* mobile toolbar order + full filter drawer */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 6px !important;
        font-size: 11.5px !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare {
        grid-column: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn,
    .rp-shop-archive .rp-shop-sort-label {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 6px !important;
        margin: 0 !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-filter-sidebar {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100dvh !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        transform: translateX(100%) !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        transform: translateX(0) !important;
    }

    .rp-shop-archive .rp-shop-filter-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100dvh !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }
}


/* mobile toolbar one-row layout + 80vw filter drawer */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        direction: ltr !important;
    }

    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare,
    .rp-shop-archive .rp-shop-sortbar,
    .rp-shop-archive .rp-shop-filter-toggle {
        flex: 1 1 0 !important;
        width: calc((100% - 16px) / 3) !important;
        max-width: calc((100% - 16px) / 3) !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare {
        order: 1 !important;
        display: block !important;
    }

    .rp-shop-archive .rp-shop-sortbar {
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle {
        order: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn,
    .rp-shop-archive .rp-shop-sort-label,
    .rp-shop-archive .rp-shop-filter-toggle {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 6px !important;
        margin: 0 !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .rp-shop-archive .rp-shop-compare-toggle,
    .rp-shop-archive .rp-toolbar-compare-btn,
    .rp-shop-archive .rp-shop-sort-label {
        height: 40px !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-filter-sidebar {
        width: min(300px, 100vw) !important;
        max-width: 300px !important;
        min-width: min(300px, 100vw) !important;
        height: 100dvh !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        transform: translateX(105%) !important;
        box-shadow: -18px 0 40px rgba(0,0,0,.18) !important;
        z-index: 99999 !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        transform: translateX(0) !important;
    }

    .rp-shop-archive .rp-shop-filter-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100dvh !important;
        margin-top: 0 !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }

    .rp-shop-archive .rp-shop-filter-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 3 !important;
        background: #fff !important;
    }

    .rp-shop-archive .rp-shop-filter-head button {
        width: 24px !important;
        height: 24px !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }
}


/* mobile inner padding and final price typography */
@media (max-width: 768px) {
    .rp-shop-archive .rp-shop-inner {
        padding: 12px 10px 90px !important;
    }
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        display: inline-flex !important;
        align-items: baseline !important;
        direction: ltr !important;
        flex-direction: row !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final bdi {
        color: #112033 !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        display: inline-flex !important;
        align-items: baseline !important;
        direction: ltr !important;
        flex-direction: row !important;
        gap: 4px !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .woocommerce-Price-currencySymbol {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #858b92 !important;
        margin-right: 4px !important;
        margin-left: 0 !important;
        order: 2 !important;
    }
}


/* desktop discount badge/price values and mobile price font sizes */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-card-discount-badge {
        order: -10 !important;
        width: 24px !important;
        min-width: 20px !important;
        height: 18px !important;
        border-radius: 5px !important;
        background: #ff4d4f !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;
        direction: ltr !important;
        letter-spacing: -0.5px !important;
    }

    .rp-shop-archive .rp-shop-card-price-values,
    .rp-shop-archive .rp-card-price-values {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-right: auto !important;
        display: flex !important;
        flex-direction: row !important;
    direction: rtl !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        text-align: left !important;
        direction: rtl !important;
    }
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        font-weight: 800 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final bdi {
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .woocommerce-Price-currencySymbol {
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-before {
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
    }
}


/* last price typography changes moved to desktop only */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-card-price-final,
    .rp-shop-archive .rp-card-price-final {
        font-weight: 800 !important;
    }

    .rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-card-price-final .amount,
    .rp-shop-archive .rp-card-price-final bdi {
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    .rp-shop-archive .rp-shop-card-currency,
    .rp-shop-archive .rp-card-currency,
    .rp-shop-archive .woocommerce-Price-currencySymbol {
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    .rp-shop-archive .rp-shop-card-price-before-discount,
    .rp-shop-archive .rp-card-price-before {
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
    }
}

/* keep mobile typography as before v0.1.139 */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final bdi {
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .woocommerce-Price-currencySymbol {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }
}


/* mobile final price typography and currency position */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final {
        display: inline-flex !important;
        align-items: baseline !important;
        direction: ltr !important;
        flex-direction: row !important;
    direction: rtl !important;
        gap: 4px !important;
        white-space: nowrap !important;
        font-weight: 800 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .woocommerce-Price-amount,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final .amount {
        display: inline-flex !important;
        align-items: baseline !important;
        direction: ltr !important;
        flex-direction: row !important;
    direction: rtl !important;
        gap: 4px !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final bdi,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-price-final bdi {
        display: inline-flex !important;
        align-items: baseline !important;
        direction: ltr !important;
        flex-direction: row !important;
    direction: rtl !important;
        gap: 4px !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-currency,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .woocommerce-Price-currencySymbol {
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #858b92 !important;
        margin-right: 4px !important;
        margin-left: 0 !important;
    }
}


/* desktop currency font size */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-card-currency,
    .rp-shop-archive .rp-card-currency,
    .rp-shop-archive .woocommerce-Price-currencySymbol {
        font-size: 9px !important;
    }
}


/* product card currency font size desktop and mobile */
.rp-shop-archive .rp-shop-card .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card .rp-card-currency,
.rp-shop-archive .rp-shop-card .woocommerce-Price-currencySymbol,
.rp-shop-archive .rp-shop-card-desktop .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-desktop .rp-card-currency,
.rp-shop-archive .rp-shop-card-desktop .woocommerce-Price-currencySymbol,
.rp-shop-archive .rp-shop-card-mobile .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile .rp-card-currency,
.rp-shop-archive .rp-shop-card-mobile .woocommerce-Price-currencySymbol {
    font-size: 9px !important;
    line-height: 1.4 !important;
}


/* product card currency font-size specificity fix */
.rp-shop-archive .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency,
.rp-shop-archive .rp-shop-card .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-desktop .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-desktop .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-desktop .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-price .woocommerce-Price-currencySymbol.rp-shop-card-currency {
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* category carousel arrows always visible on desktop and mobile */
.rp-shop-archive .rp-shop-card-price-final .woocommerce-Price-amount,
.rp-shop-archive .rp-shop-card-price-final .amount,
.rp-shop-archive .rp-shop-card-price-final bdi,
.rp-shop-archive .rp-card-price-final .woocommerce-Price-amount,
.rp-shop-archive .rp-card-price-final .amount,
.rp-shop-archive .rp-card-price-final bdi {
    display: inline-flex !important;
    align-items: baseline !important;
    flex-direction: row !important;
    direction: ltr !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-card-price-final .rp-shop-card-currency,
.rp-shop-archive .rp-card-price-final .rp-card-currency {
    margin: 0 !important;
}


/* category carousel arrows always visible on desktop and mobile */
.rp-shop-category-carousel .rp-shop-category-nav,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav,
.rp-shop-category-carousel:hover .rp-shop-category-nav,
.rp-shop-archive .rp-shop-category-carousel:hover .rp-shop-category-nav,
.rp-shop-category-carousel:focus-within .rp-shop-category-nav,
.rp-shop-archive .rp-shop-category-carousel:focus-within .rp-shop-category-nav {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* When every category fits, reclaim the desktop arrow gutters for the track. */
@media (min-width: 821px) {
    .rp-shop-category-carousel[data-rp-carousel-has-overflow="false"],
    .rp-shop-archive .rp-shop-category-carousel[data-rp-carousel-has-overflow="false"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* Reserve independent arrow gutters on touch screens as well. */
@media (max-width: 820px) {
    .rp-shop-category-carousel,
    .rp-shop-archive .rp-shop-category-carousel {
        padding-right: 42px !important;
        padding-left: 42px !important;
        box-sizing: border-box !important;
    }

    .rp-shop-category-carousel .rp-shop-category-nav,
    .rp-shop-archive .rp-shop-category-carousel .rp-shop-category-nav {
        display: inline-flex !important;
    }
}

.rp-shop-category-carousel .rp-shop-category-prev,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-prev,
.rp-shop-category-carousel .rp-shop-category-next,
.rp-shop-archive .rp-shop-category-carousel .rp-shop-category-next {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}


/* mobile price discount badge */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-shop-card-mobile-price-wrap .rp-card-discount-badge {
        min-width: 23px !important;
        height: 20px !important;
        padding: 0 6px !important;
        border-radius: 6px !important;
        background: #ff5a5f !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* responsive mobile compare page */
@media (max-width: 820px) {
    .rp-compare-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    .rp-compare-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 10px 90px !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    .rp-compare-page .rp-shop-category-carousel {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 0 18px !important;
    }

    .rp-compare-head {
        width: 100% !important;
        margin: 8px 0 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .rp-compare-head h1 {
        margin: 0 !important;
        font-size: var(--rp-type-page_title-size, 28px) !important;
        font-weight: var(--rp-type-page_title-weight, 700) !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }

    .rp-compare-head a,
    .rp-compare-empty a {
        flex: 0 0 auto !important;
        min-height: 36px !important;
        padding: 0 12px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    .rp-compare-sticky-area {
        position: sticky !important;
        top: var(--rp-compare-sticky-offset, 0px) !important;
        z-index: 30 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .admin-bar .rp-compare-sticky-area {
        top: var(--rp-compare-sticky-offset, 0px) !important;
    }

    .rp-compare-products {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .rp-compare-products-spacer {
        display: none !important;
    }

    .rp-compare-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 10px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .rp-compare-image {
        min-height: 96px !important;
        height: 96px !important;
        margin: 0 0 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f6f8f9 !important;
        border-radius: 8px !important;
    }

    .rp-compare-image img {
        width: 86px !important;
        height: 86px !important;
        max-width: 86px !important;
        max-height: 86px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    .rp-compare-card h2 {
        min-height: 0 !important;
        margin: 8px 0 !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        line-height: 1.7 !important;
        text-align: right !important;
    }

    .rp-compare-price {
        min-height: 0 !important;
        margin: 0 0 8px !important;
        font-size: 11px !important;
        line-height: 1.8 !important;
        text-align: right !important;
    }

    .rp-compare-card-actions {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 6px !important;
        align-items: center !important;
    }

    .rp-compare-remove {
        width: 32px !important;
        min-width: 32px !important;
        height: 28px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
    }

    .rp-compare-view {
        width: 100% !important;
        min-width: 0 !important;
        height: 28px !important;
        font-size: 10.5px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .rp-compare-specs {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 14px !important;
        display: grid !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .rp-compare-spec-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        border: 1px solid #e5e9ed !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .rp-compare-spec-label {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: #eef1f4 !important;
        border-bottom: 1px solid #e5e9ed !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.7 !important;
        box-sizing: border-box !important;
    }

    .rp-compare-spec-value {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 10px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(92px, 32%) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        background: #fff !important;
        border-bottom: 1px solid #eef1f4 !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
        line-height: 1.8 !important;
        text-align: right !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

    .rp-compare-spec-value:last-child {
        border-bottom: 0 !important;
    }

    .rp-compare-spec-value::before {
        content: attr(data-rp-compare-product-title);
        min-width: 0 !important;
        color: #7a8188 !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .rp-compare-spec-value.is-price {
        direction: rtl !important;
        display: grid !important;
        grid-template-columns: minmax(92px, 32%) minmax(0, 1fr) !important;
        justify-content: stretch !important;
        gap: 10px !important;
    }

    .rp-compare-spec-value.is-empty {
        justify-content: stretch !important;
    }

    .rp-compare-price-text {
        min-width: 0 !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
    }

    .rp-compare-discount-badge {
        width: 22px !important;
        min-width: 22px !important;
        height: 20px !important;
        font-size: 10px !important;
        align-self: center !important;
    }

    .rp-compare-empty-value {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
    }
}


/* mobile compare card flex layout and sticky flicker guard */
@media (max-width: 820px) {
    .rp-compare-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 10px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    /* Sticky remains active on mobile, but the cards do not need a permanent
       compositor layer. Avoiding that layer prevents image jitter while the
       browser chrome and lazy content settle during scroll. */
    .rp-compare-page .rp-compare-sticky-area {
        transform: none !important;
        backface-visibility: visible !important;
        will-change: auto !important;
    }

    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
        transform: none !important;
        transition: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}


/* desktop sticky filter sidebar */
@media (min-width: 821px) {
    .rp-shop-archive .rp-shop-filter-sidebar {
        position: sticky !important;
        top: 86px !important;
        align-self: start !important;
        max-height: calc(100vh - 104px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 12 !important;
    }

    .admin-bar .rp-shop-archive .rp-shop-filter-sidebar {
        top: 118px !important;
        max-height: calc(100vh - 136px) !important;
    }

    .rp-shop-archive .rp-shop-filter-panel {
        margin-top: 0 !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar::-webkit-scrollbar {
        width: 6px !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar::-webkit-scrollbar-thumb {
        border-radius: 999px !important;
        background: rgba(17, 24, 32, .18) !important;
    }
}


/* filter reset moved beside sidebar title */
.rp-shop-archive .rp-shop-filter-title-actions {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.rp-shop-archive .rp-shop-filter-head-reset {
    min-height: 24px !important;
    padding: 0 8px !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 999px !important;
    background: #f8f9fa !important;
    color: #6f7780 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.rp-shop-archive .rp-shop-filter-head-reset:hover {
    border-color: #cfd6dc !important;
    background: #fff !important;
    color: #202428 !important;
}

.rp-shop-archive .rp-shop-filter-reset-row,
.rp-shop-archive .rp-shop-filter-reset-btn {
    display: none !important;
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-filter-title-actions {
        gap: 6px !important;
    }

    .rp-shop-archive .rp-shop-filter-head-reset {
        min-height: 22px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
    }
}


/* mobile filter padding and mobile reset button */
@media (max-width: 768px) {
    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters {
        transform: translateX(0) !important;
        padding: 0 20px 20px !important;
        box-sizing: border-box !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters > .rp-shop-filters-mobile-title {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: flex !important;
        align-items: center !important;
        width: calc(100% + 40px) !important;
        min-height: 54px !important;
        margin: 0 -20px 16px !important;
        padding: 0 16px !important;
        border-bottom: 1px solid var(--rp-theme-general-border, #303640) !important;
        background: var(--rp-theme-general-background, #0f1115) !important;
        color: var(--rp-theme-general-accent, var(--rp-accent, #3b82f6)) !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        direction: rtl !important;
        text-align: right !important;
    }
}

.rp-shop-archive .rp-shop-filter-reset-row-mobile {
    display: none !important;
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-filter-head-reset {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-filter-reset-row-mobile {
        width: 100% !important;
        margin: 0 0 14px !important;
        display: flex !important;
        justify-content: flex-start !important;
    }

    .rp-shop-archive .rp-shop-filter-reset-row-mobile .rp-shop-filter-reset-btn {
        min-height: 30px !important;
        padding: 0 12px !important;
        border: 1px solid #e2e6ea !important;
        border-radius: 999px !important;
        background: #f8f9fa !important;
        color: #6f7780 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
}


/* brand filter names only */
.rp-shop-archive .rp-shop-brand-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.rp-shop-archive .rp-shop-brand-filter {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid #e2e7ec !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #202832 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.rp-shop-archive .rp-shop-brand-filter.is-active {
    border-color: #202832 !important;
    background: #202832 !important;
    color: #fff !important;
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-brand-filter {
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: 11.5px !important;
    }
}


/* attribute term images for swatches and filters */
.rp-shop-archive .rp-shop-swatch.has-image,
.rp-shop-archive .rp-card-swatch.has-image {
    background-color: #fff !important;
    background-image: var(--swatch-image) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-color: #d9dee4 !important;
}

.rp-shop-archive .rp-shop-swatch.has-image.is-active::after,
.rp-shop-archive .rp-card-swatch.has-image.is-active::after {
    inset: 2px !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow: 0 0 0 1px rgba(17, 24, 32, .18) !important;
}

.rp-shop-archive .rp-shop-color-filter-dot.has-image {
    background-color: #fff !important;
    background-image: var(--rp-filter-image) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-color: #d9dee4 !important;
}


/* shop card selected swatch tick + stronger color border */
.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-card-swatch {
    position: relative !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid var(--swatch-color, rgba(17,24,32,.22)) !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;
}

.rp-shop-archive .rp-shop-swatch.is-active,
.rp-shop-archive .rp-card-swatch.is-active,
.rp-shop-archive .rp-shop-swatch[aria-pressed="true"],
.rp-shop-archive .rp-card-swatch[aria-pressed="true"] {
    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-shop-archive .rp-shop-swatch.is-active::after,
.rp-shop-archive .rp-card-swatch.is-active::after,
.rp-shop-archive .rp-shop-swatch[aria-pressed="true"]::after,
.rp-shop-archive .rp-card-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: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.7) !important;
    border: 0 !important;
    border-radius: 50% !important;
}

@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-swatch,
    .rp-shop-archive .rp-card-swatch {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
    }
}


/* shop pagination redesign + smooth-scroll target support */
.rp-shop-pagination {
    margin: 34px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;
}

.rp-shop-pagination nav.woocommerce-pagination {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
}

.rp-shop-pagination ul.page-numbers {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    direction: ltr !important;
}

.rp-shop-pagination ul.page-numbers li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.rp-shop-pagination .page-numbers:not(ul),
.rp-shop-pagination ul.page-numbers li .page-numbers {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #1f2730 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

.rp-shop-pagination a.page-numbers:not(.current):not(.dots):hover,
.rp-shop-pagination ul.page-numbers li a.page-numbers:not(.current):not(.dots):hover {
    background: #f3f5f7 !important;
    color: #111820 !important;
}

.rp-shop-pagination .page-numbers.current,
.rp-shop-pagination ul.page-numbers li .page-numbers.current {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    background: #ff7b35 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.rp-shop-pagination .page-numbers.dots,
.rp-shop-pagination ul.page-numbers li .page-numbers.dots {
    width: 24px !important;
    min-width: 24px !important;
    color: #1f2730 !important;
    background: transparent !important;
    pointer-events: none !important;
}

.rp-shop-pagination .page-numbers.prev,
.rp-shop-pagination .page-numbers.next,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev,
.rp-shop-pagination ul.page-numbers li .page-numbers.next {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    color: #111820 !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.rp-shop-pagination .page-numbers.prev::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev::before {
    content: "‹" !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.rp-shop-pagination .page-numbers.next::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.next::before {
    content: "›" !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.rp-shop-pagination .page-numbers.prev:hover,
.rp-shop-pagination .page-numbers.next:hover,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev:hover,
.rp-shop-pagination ul.page-numbers li .page-numbers.next:hover {
    background: transparent !important;
    color: #ff7b35 !important;
}

@media (max-width: 700px) {
    .rp-shop-pagination ul.page-numbers {
        gap: 7px !important;
    }

    .rp-shop-pagination .page-numbers:not(ul),
    .rp-shop-pagination ul.page-numbers li .page-numbers {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
    }

    .rp-shop-pagination .page-numbers.current,
    .rp-shop-pagination ul.page-numbers li .page-numbers.current {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }
}


/* shop pagination true LTR order + CSS arrows */
.rp-shop-pagination,
.rp-shop-pagination nav.woocommerce-pagination,
.rp-shop-pagination ul.page-numbers {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-pagination ul.page-numbers {
    flex-direction: row !important;
}

.rp-shop-pagination ul.page-numbers li {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-pagination .page-numbers:not(ul),
.rp-shop-pagination ul.page-numbers li .page-numbers {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-pagination .page-numbers.prev,
.rp-shop-pagination .page-numbers.next,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev,
.rp-shop-pagination ul.page-numbers li .page-numbers.next {
    position: relative !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.rp-shop-pagination .page-numbers.prev::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev::before,
.rp-shop-pagination .page-numbers.next::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.next::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform-origin: center !important;
}

.rp-shop-pagination .page-numbers.prev::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.prev::before {
    transform: translate(-42%, -50%) rotate(-135deg) !important;
}

.rp-shop-pagination .page-numbers.next::before,
.rp-shop-pagination ul.page-numbers li .page-numbers.next::before {
    transform: translate(-58%, -50%) rotate(45deg) !important;
}


/* shop grid starts from right, pagination numbers stay left-to-right */
.rp-shop-archive .rp-shop-products-area,
.rp-shop-page .rp-shop-products-area {
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

.rp-shop-archive .rp-shop-products-area ul.products,
.rp-shop-page ul.products,
.woocommerce.rp-shop-page ul.products {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    grid-auto-flow: row !important;
}

.rp-shop-archive .rp-shop-products-area ul.products > li.product,
.rp-shop-page ul.products > li.product,
.woocommerce.rp-shop-page ul.products > li.product {
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

/* Keep pagination independent from the RTL product grid. */
.rp-shop-pagination,
.rp-shop-pagination nav.woocommerce-pagination,
.rp-shop-pagination ul.page-numbers,
.rp-shop-pagination ul.page-numbers li,
.rp-shop-pagination .page-numbers:not(ul),
.rp-shop-pagination ul.page-numbers li .page-numbers {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-pagination ul.page-numbers {
    flex-direction: row !important;
}


/* shop grid visual order: latest ID starts from left */
.rp-shop-archive .rp-shop-products-area,
.rp-shop-page .rp-shop-products-area {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-archive .rp-shop-products-area ul.products,
.rp-shop-page ul.products,
.woocommerce.rp-shop-page ul.products {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    grid-auto-flow: row !important;
}

.rp-shop-archive .rp-shop-products-area ul.products > li.product,
.rp-shop-page ul.products > li.product,
.woocommerce.rp-shop-page ul.products > li.product {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

/* Pagination must stay LTR independently from product-card RTL content. */
.rp-shop-pagination,
.rp-shop-pagination nav.woocommerce-pagination,
.rp-shop-pagination ul.page-numbers,
.rp-shop-pagination ul.page-numbers li,
.rp-shop-pagination .page-numbers:not(ul),
.rp-shop-pagination ul.page-numbers li .page-numbers {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.rp-shop-pagination ul.page-numbers {
    flex-direction: row !important;
}


/* final cart/action black override + account pill */
.rp-account-wrap .rp-account-pill {
  min-width: 164px !important;
  height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid #dfe2e5 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  gap: 9px !important;
  direction: rtl !important;
}

/* Force every add-to-cart / cart action button to stay black after scripts/classes update it */
html body .woocommerce a.button.add_to_cart_button,
html body .woocommerce button.button.add_to_cart_button,
html body .woocommerce .button.add_to_cart_button,
html body .woocommerce .button.product_type_simple,
html body .woocommerce .button.product_type_variable,
html body .woocommerce .single_add_to_cart_button,
html body .single_add_to_cart_button,
html body button.single_add_to_cart_button,
html body .add_to_cart_button,
html body .product_type_simple,
html body .product_type_variable,
html body .rp-mobile-product-sticky-cart-btn,
html body .rp-product-buybox form.cart .button,
html body .rp-product-buybox-card form.cart .button,
html body .rp-product-quick-add,
html body .rp-card-add,
html body .rp-shop-card-add,
html body .rp-mini-cart-checkout,
html body .rp-mini-cart-cart-link,
html body .rp-mini-cart a.button,
html body .rp-mini-cart button.button,
html body .rp-side-cart a.button,
html body .rp-side-cart button.button,
html body .rp-cart-drawer a.button,
html body .rp-cart-drawer button.button,
html body .rp-header-mini-cart a.button,
html body .rp-header-mini-cart button.button,
html body .wc-forward,
html body .checkout-button,
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-checkout #place_order {
  background: #111820 !important;
  background-color: #111820 !important;
  border-color: #111820 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body .woocommerce a.button.add_to_cart_button:hover,
html body .woocommerce button.button.add_to_cart_button:hover,
html body .woocommerce .button.add_to_cart_button:hover,
html body .woocommerce .button.product_type_simple:hover,
html body .woocommerce .button.product_type_variable:hover,
html body .woocommerce .single_add_to_cart_button:hover,
html body .single_add_to_cart_button:hover,
html body button.single_add_to_cart_button:hover,
html body .add_to_cart_button:hover,
html body .product_type_simple:hover,
html body .product_type_variable:hover,
html body .rp-mobile-product-sticky-cart-btn:hover,
html body .rp-product-buybox form.cart .button:hover,
html body .rp-product-buybox-card form.cart .button:hover,
html body .rp-product-quick-add:hover,
html body .rp-card-add:hover,
html body .rp-shop-card-add:hover,
html body .rp-mini-cart-checkout:hover,
html body .rp-mini-cart-cart-link:hover,
html body .rp-mini-cart a.button:hover,
html body .rp-mini-cart button.button:hover,
html body .rp-side-cart a.button:hover,
html body .rp-side-cart button.button:hover,
html body .rp-cart-drawer a.button:hover,
html body .rp-cart-drawer button.button:hover,
html body .rp-header-mini-cart a.button:hover,
html body .rp-header-mini-cart button.button:hover,
html body .wc-forward:hover,
html body .checkout-button:hover,
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-checkout #place_order:hover {
  background: #111820 !important;
  background-color: #111820 !important;
  border-color: #111820 !important;
  color: #ffffff !important;
}

/* Disabled/cart-action inactive state: medium gray */
html body .woocommerce a.button.add_to_cart_button.disabled,
html body .woocommerce button.button.add_to_cart_button.disabled,
html body .woocommerce .button.add_to_cart_button.disabled,
html body .woocommerce .single_add_to_cart_button.disabled,
html body .woocommerce .single_add_to_cart_button:disabled,
html body .woocommerce .single_add_to_cart_button[disabled],
html body .single_add_to_cart_button.disabled,
html body .single_add_to_cart_button:disabled,
html body .single_add_to_cart_button[disabled],
html body .add_to_cart_button.disabled,
html body .add_to_cart_button:disabled,
html body .add_to_cart_button[disabled],
html body .rp-mobile-product-sticky-cart-btn.disabled,
html body .rp-mobile-product-sticky-cart-btn:disabled,
html body .rp-mobile-product-sticky-cart-btn[disabled],
html body .rp-mobile-product-sticky-cart-btn.is-rp-needs-options,
html body .rp-product-quick-add.disabled,
html body .rp-product-quick-add.is-disabled,
html body .rp-product-quick-add:disabled,
html body .rp-card-add.disabled,
html body .rp-card-add.is-disabled,
html body .rp-card-add:disabled,
html body .rp-shop-card-add.disabled,
html body .rp-shop-card-add.is-disabled,
html body .rp-shop-card-add:disabled,
html body.woocommerce-checkout #place_order:disabled {
  background: #9aa1a9 !important;
  background-color: #9aa1a9 !important;
  border-color: #9aa1a9 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Header/footer/cart badge count must be black */
html body .rp-header-cart-count,
html body .rp-cart-count,
html body .rp-cart-counter,
html body .rp-mini-cart-count,
html body .rp-mobile-cart-count,
html body .rp-footer-cart-count,
html body .rp-mobile-bottom-cart-count,
html body .rp-mobile-bottom-bar .rp-cart-count,
html body .rp-footer-mobile-links .rp-cart-count,
html body .rp-header-actions .rp-cart-count,
html body .rp-header-cart .count,
html body .rp-header-cart-count-badge,
html body .rp-cart-icon .count,
html body .rp-cart-icon-badge,
html body .rp-mobile-bottom-bar .count,
html body .rp-footer-mobile-links .count,
html body .menu-item-cart .count,
html body .wc-block-mini-cart__badge,
html body .header-cart-count,
html body .cart-count,
html body .cart-contents-count,
html body [data-rp-cart-count],
html body [data-cart-count],
html body .rp-bottom-cart-count,
html body .rp-mobile-nav-cart-count {
  background: #111820 !important;
  background-color: #111820 !important;
  border-color: #111820 !important;
  color: #ffffff !important;
}


/* requested desktop buybox/account/cart badge adjustments */
@media (min-width: 901px) {
  .rp-single-product-page .rp-product-buybox form.cart .button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #9aa1a9 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }
}

.rp-cart-dot {
  min-width: 16px !important;
  width: auto !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: -7px !important;
  right: -9px !important;
  left: auto !important;
}

.rp-account-wrap .rp-account-pill {
  min-width: 164px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid #dfe2e5 !important;
  border-radius: 6px !important;
  background: #ffffff00 !important;
  box-shadow: none !important;
  gap: 9px !important;
  direction: rtl !important;
}

.rp-account-wrap .rp-account-pill-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #202428 !important;
}

span.rp-mobile-bottom-count,
.rp-mobile-bottom-count {
  background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
  background-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
}


/* cart dot/accent/mobile bottom cart badge final override */
:root {
  --rp-bg: #f7f7f6;
  --rp-surface: #f1f0ef;
  --rp-text: #343a40;
  --rp-text-strong: #111111;
  --rp-muted: #74777a;
  --rp-line: #e6e6e3;
  --rp-max-width: 1568px;
  --rp-radius-pill: 999px;
  --rp-font: "IRANSansX", "Vazirmatn", "Yekan Bakh", Tahoma, Arial, sans-serif;
}

.rp-cart-dot {
  min-width: 16px !important;
  width: auto !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
  background-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: -7px !important;
  right: -9px !important;
  left: auto !important;
}

@media (max-width: 768px) {
  .rp-mobile-bottom-link.is-cart .rp-mobile-bottom-icon {
    position: relative !important;
  }

  .rp-mobile-bottom-link.is-cart .rp-mobile-bottom-icon::before {
    content: '' !important;
    position: absolute !important;
    top: -7px !important;
    right: -9px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: var(--rp-accent) !important;
    background-color: var(--rp-accent) !important;
    box-shadow: 0 8px 18px rgb(255 193 7 / 53%) !important;
  }

  span.rp-mobile-bottom-count,
  .rp-mobile-bottom-count {
    background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    background-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    color: #ffffff !important;
    z-index: 2 !important;
  }
}


/* shop cards: remove "حراج!" badge and show percent discount badge */
.rp-shop-archive .rp-shop-card .onsale,
.rp-shop-archive ul.products li.product .onsale,
.woocommerce .rp-shop-archive ul.products li.product .onsale,
.woocommerce ul.products li.product.rp-shop-card .onsale {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.rp-shop-archive .rp-shop-card-mobile,
.rp-shop-archive .rp-shop-card-desktop,
.rp-shop-archive .rp-shop-card-inner,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-mobile,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-inner {
  position: relative !important;
}

.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  z-index: 9 !important;
  min-width: 32px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #ff4b55 !important;
  background-color: #ff4b55 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  direction: ltr !important;
  text-align: center !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .rp-shop-archive .rp-shop-card-discount-badge,
  .rp-shop-archive .rp-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
    top: 6px !important;
    right: 6px !important;
    min-width: 28px !important;
    height: 24px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 24px !important;
  }
}


/* shop discount percent badge smaller and left aligned */
.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 20px !important;
}

@media (max-width: 768px) {
  .rp-shop-archive .rp-shop-card-discount-badge,
  .rp-shop-archive .rp-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
    top: 6px !important;
    left: 6px !important;
    right: auto !important;
    min-width: 22px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 6px !important;
    font-size: 8px !important;
    line-height: 18px !important;
  }
}


/* shop card swatches + discount badge requested tuning */
.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-card-swatch {
  position: relative !important;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 2px solid var(--swatch-color, rgba(17, 24, 32, .22)) !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;
}

.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}


/* option-required notice is handled globally as a toast in assets/css/global/base.css.
   Legacy shop modal rules were removed to keep desktop and mobile behavior consistent. */

/* show mobile footer cart orange circle only when cart has items */
@media (max-width: 768px) {
    .rp-mobile-bottom-link.is-cart .rp-mobile-bottom-icon {
        position: relative !important;
    }

    .rp-mobile-bottom-link.is-cart .rp-mobile-bottom-icon::before {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .rp-mobile-bottom-link.is-cart.has-cart .rp-mobile-bottom-icon::before,
    .rp-mobile-bottom-link.is-cart:has(.rp-mobile-bottom-count:not([hidden])) .rp-mobile-bottom-icon::before {
        content: '' !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: absolute !important;
        top: -7px !important;
        right: -9px !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 999px !important;
        background: #FF5722 !important;
        background-color: #FF5722 !important;
        box-shadow: 0 8px 18px rgb(201 106 0 / 53%) !important;
    }

    .rp-mobile-bottom-link.is-cart.is-empty-cart .rp-mobile-bottom-icon::before {
        content: none !important;
        display: none !important;
    }
}

/* shop archive quick note / swatch / plus button refinements */
.rp-shop-archive .rp-shop-quick-note .rp-quick-note-plus-icon,
.rp-shop-archive .rp-quick-note .rp-quick-note-plus-icon,
.rp-quick-note .rp-quick-note-plus-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 6px !important;
    border: 1px solid #d8dee5 !important;
    border-radius: 5px !important;
    background: #f4f6f8 !important;
    background-color: #f4f6f8 !important;
    color: #111820 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* The compact cue stays darker than the light-mode gray treatment when the
   visitor switches the site palette. */
:is(
    html[data-rp-user-theme="dark"],
    html[data-rp-theme-mode="dark"],
    html[data-theme="dark"]
) .rp-shop-archive .rp-quick-note-plus-icon,
:is(
    body.rp-theme-color-preset-dark,
    body.rp-theme-dark,
    body.is-dark
) .rp-shop-archive .rp-quick-note-plus-icon {
    border-color: #56616d !important;
    background: #151c23 !important;
    background-color: #151c23 !important;
    color: #f5f7fa !important;
}

.rp-shop-archive .rp-shop-swatch,
.rp-shop-archive .rp-card-swatch {
    position: relative !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid var(--swatch-color, rgba(17, 24, 32, .22)) !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;
}

.rp-shop-archive .rp-product-quick-add,
.rp-shop-archive .rp-card-add {
    order: 2 !important;
    margin: 0 !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    background: #d7d7d7 !important;
    background-color: #d7d7d7 !important;
}

.rp-shop-archive .rp-shop-swatch.is-active,
.rp-shop-archive .rp-card-swatch.is-active {
    outline: 2px solid #898989 !important;
    outline-offset: 2px !important;
}

/* option-required notice as green toast, not modal overlay */
body.rp-product-modal-open,
body.rp-product-option-toast-open,
body.woocommerce-shop.rp-product-modal-open,
body.post-type-archive-product.rp-product-modal-open,
body.tax-product_cat.rp-product-modal-open,
body.tax-product_tag.rp-product-modal-open,
body.single-product.rp-product-modal-open,
body.woocommerce-cart.rp-product-modal-open {
    overflow: auto !important;
    overflow-y: auto !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast,
body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast,
body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast,
body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast,
body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast,
body.single-product .rp-product-option-required-modal.rp-product-option-required-toast,
body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast,
.rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast {
    position: fixed !important;
    top: calc(14px + env(safe-area-inset-top, 0px)) !important;
    right: 16px !important;
    left: 16px !important;
    bottom: auto !important;
    inset: auto 16px auto 16px !important;
    z-index: 1000003 !important;
    width: auto !important;
    max-width: 760px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    direction: rtl !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px) scale(.98) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    box-sizing: border-box !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.single-product .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast.is-open,
.rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast.is-open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateY(0) scale(1) !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
.rp-product-option-required-toast__box,
body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
body.single-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
.rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box {
    width: min(100%, 760px) !important;
    min-height: 52px !important;
    padding: 10px 12px 10px 14px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 16px !important;
    background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    background-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    color: #fff !important;
    box-shadow: 0 18px 42px rgba(0, 126, 96, .26) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: right !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
}

.rp-product-option-required-toast__icon {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .22) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
.rp-product-option-required-toast__message,
body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
body.single-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
.rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
.rp-product-option-required-toast__close,
body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
body.single-product .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
.rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #009874 !important;
    font-family: var(--rp-font) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close:hover,
.rp-product-option-required-toast__close:hover {
    background: rgba(255, 255, 255, .92) !important;
    color: #007f62 !important;
}

@media (max-width: 768px) {
    .rp-product-option-required-modal.rp-product-option-required-toast,
    body.woocommerce-shop .rp-product-option-required-modal.rp-product-option-required-toast,
    body.post-type-archive-product .rp-product-option-required-modal.rp-product-option-required-toast,
    body.tax-product_cat .rp-product-option-required-modal.rp-product-option-required-toast,
    body.tax-product_tag .rp-product-option-required-modal.rp-product-option-required-toast,
    body.single-product .rp-product-option-required-modal.rp-product-option-required-toast,
    body.woocommerce-cart .rp-product-option-required-modal.rp-product-option-required-toast,
    .rp-shop-archive .rp-product-option-required-modal.rp-product-option-required-toast {
        right: 12px !important;
        left: 12px !important;
        inset: auto 12px auto 12px !important;
        max-width: none !important;
    }

    .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__box,
    .rp-product-option-required-toast__box {
        width: 100% !important;
        padding: 10px 10px 10px 12px !important;
        gap: 8px !important;
    }

    .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__message,
    .rp-product-option-required-toast__message {
        font-size: 12.5px !important;
        line-height: 1.8 !important;
    }

    .rp-product-option-required-modal.rp-product-option-required-toast .rp-product-option-required-modal__close,
    .rp-product-option-required-toast__close {
        min-height: 32px !important;
        padding: 0 11px !important;
        font-size: 11.5px !important;
        line-height: 32px !important;
    }
}

/* shop archive quick-add state: simple active, variable waits for choice */
.rp-shop-archive .rp-product-quick-add,
.rp-shop-archive .rp-card-add {
    order: 2 !important;
    margin: 0 !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    background: #ff5722 !important;
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #fff !important;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.rp-shop-archive .rp-product-quick-add.is-needs-choice:not(.is-ready),
.rp-shop-archive .rp-card-add.is-needs-choice:not(.is-ready),
.rp-shop-archive .rp-product-quick-add[aria-disabled="true"]:not(.is-ready),
.rp-shop-archive .rp-card-add[aria-disabled="true"]:not(.is-ready) {
    background: #d7cecb !important;
    background-color: #d7cecb !important;
    border-color: #d7cecb !important;
    color: #fff !important;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.rp-shop-archive .rp-product-quick-add.is-ready,
.rp-shop-archive .rp-card-add.is-ready,
.rp-shop-archive .rp-product-quick-add:not(.is-needs-choice):not([aria-disabled="true"]),
.rp-shop-archive .rp-card-add:not(.is-needs-choice):not([aria-disabled="true"]) {
    background: #ff5722 !important;
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
}

/* v0.1.407: shop card discount badge final position and sizing */
.rp-shop-archive .rp-shop-card-discount-badge,
.rp-shop-archive .rp-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-card-discount-badge {
  top: 8px !important;
  left: 0px !important;
  right: auto !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

/* v0.1.411: final shop card discount badge compact shape */
.rp-shop-archive .rp-shop-card-discount-badge.rp-card-discount-badge,
.woocommerce ul.products li.product.rp-shop-card .rp-shop-card-discount-badge.rp-card-discount-badge {
  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: var(--rp-card-current-discount-size, 10px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* v0.1.454 - Order received / thankyou page polish. */
body.woocommerce-order-received .rp-main {
    background: #fff !important;
}

body.woocommerce-order-received .rp-thankyou-page {
    max-width: 1100px !important;
    min-height: 520px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 72px 24px 96px !important;
}

body.woocommerce-order-received .rp-thankyou-card {
    width: 100% !important;
    max-width: 920px !important;
    padding: 42px 46px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(17, 24, 32, .08) !important;
    text-align: center !important;
}

body.woocommerce-order-received .rp-thankyou-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 28px auto 20px !important;
}

body.woocommerce-order-received .rp-thankyou-summary-item,
body.woocommerce-order-received .rp-thankyou-tracking-item {
    min-height: 96px !important;
    padding: 18px 14px !important;
    border: 1px solid #e8edf2 !important;
    border-radius: 18px !important;
    background: #fbfcfd !important;
    text-align: center !important;
}

body.woocommerce-order-received .rp-thankyou-summary-item span,
body.woocommerce-order-received .rp-thankyou-tracking-item span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #75808a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.woocommerce-order-received .rp-thankyou-summary-item strong,
body.woocommerce-order-received .rp-thankyou-tracking-item strong {
    display: block !important;
    color: #111820 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.8 !important;
}

body.woocommerce-order-received .rp-thankyou-summary-item .amount,
body.woocommerce-order-received .rp-thankyou-summary-item bdi {
    color: #00a889 !important;
    font-weight: 900 !important;
}

body.woocommerce-order-received .rp-thankyou-actions .button,
body.woocommerce-order-received .rp-thankyou-actions a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #111820 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

body.woocommerce-order-received .rp-thankyou-actions .rp-thankyou-invoice-button {
    background: #ff5637 !important;
}

body.woocommerce-order-received .rp-thankyou-actions .alt {
    background: #eef2f5 !important;
    color: #111820 !important;
}

body.woocommerce-order-received .rp-thankyou-card .blockUI,
body.woocommerce-order-received .rp-thankyou-card .blockOverlay,
body.woocommerce-order-received .rp-thankyou-card .woocommerce-checkout-payment .blockUI,
body.woocommerce-order-received .rp-thankyou-card .woocommerce-checkout-payment .blockOverlay,
body.woocommerce-order-received .rp-thankyou-card .rp-checkout-spinner,
body.woocommerce-order-received .rp-thankyou-card .wc-block-components-spinner,
body.woocommerce-order-received .rp-thankyou-card .processing:before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body.woocommerce-order-received .rp-thankyou-card .processing {
    pointer-events: auto !important;
    opacity: 1 !important;
}

@media (max-width: 820px) {
    body.woocommerce-order-received .rp-thankyou-page {
        min-height: 0 !important;
        padding: 34px 14px 110px !important;
    }

    body.woocommerce-order-received .rp-thankyou-card {
        padding: 28px 18px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-order-received .rp-thankyou-summary,
    body.woocommerce-order-received .rp-thankyou-tracking {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.woocommerce-order-received .rp-thankyou-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.woocommerce-order-received .rp-thankyou-actions .button,
    body.woocommerce-order-received .rp-thankyou-actions a.button {
        width: 100% !important;
        min-height: 46px !important;
    }
}

/* v0.1.455 - Product images in thank-you order detail rows. */
body.woocommerce-order-received .woocommerce-order-details .rp-account-order-product {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    direction: rtl !important;
    gap: 12px !important;
    max-width: 100% !important;
    vertical-align: middle !important;
}

body.woocommerce-order-received .woocommerce-order-details .rp-account-order-product-media {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    border-radius: 12px !important;
    background: #f7f9fa !important;
    overflow: hidden !important;
    border: 1px solid #edf0f2 !important;
}

body.woocommerce-order-received .woocommerce-order-details .rp-account-order-product-image {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-order-received .woocommerce-order-details .rp-account-order-product-title {
    display: inline-block !important;
    min-width: 0 !important;
    color: #111820 !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

body.woocommerce-order-received .woocommerce-order-details .rp-account-order-product-title a {
    color: inherit !important;
    text-decoration: none !important;
}

/* v0.1.543 - Shop product card price order */
.rp-shop-card-price-values.rp-card-price-values {
    flex-direction: row-reverse !important;
}


/* v0.1.642: mobile shop filters open from bottom footer, so hide the duplicate toolbar button */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-filter-toggle.rp-toolbar-filter,
    .rp-shop-archive .rp-toolbar .rp-shop-filter-toggle,
    .rp-shop-archive .rp-shop-toolbar .rp-shop-filter-toggle {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-toolbar,
    .rp-shop-archive .rp-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .rp-shop-archive .rp-shop-sortbar,
    .rp-shop-archive .rp-shop-toolbar-compare,
    .rp-shop-archive .rp-toolbar-compare {
        flex: 1 1 0 !important;
        width: calc((100% - 8px) / 2) !important;
        max-width: calc((100% - 8px) / 2) !important;
    }
}

/* v0.1.675 - shop quick note and category name typography. */
.rp-shop-archive .rp-shop-quick-note {
  margin: 0 0 18px !important;
  color: #808080 !important;
  font-size: 9px !important;
  font-weight: 300 !important;
  line-height: 2 !important;
  text-align: right !important;
}

.rp-shop-category-name {
  min-height: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  display: block !important;
}

/* Keep long category labels inside their horizontal shop-carousel cards. */
.rp-shop-archive .rp-shop-category-item {
  min-width: 0;
  overflow: hidden;
}

.rp-shop-archive .rp-shop-category-name {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* v0.1.683 - force mobile shop compare selectors to appear in compare mode. */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        border-radius: 9px !important;
        border: 1px solid #e3e7eb !important;
        background: #fff !important;
        color: #111820 !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 30 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: scale(.92) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease, color .18s ease !important;
    }

    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: scale(1) !important;
    }

    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare .rp-compare-icon,
    .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare .rp-compare-icon {
        display: block !important;
        width: 18px !important;
        height: 18px !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-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare.is-active,
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare[aria-pressed="true"] {
        background: #111820 !important;
        color: #fff !important;
        border-color: #111820 !important;
    }
}

/* v0.1.684 - keep mobile compare selector away from sale badge. */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
    }

    .rp-shop-archive .rp-shop-card-mobile .onsale,
    .rp-shop-archive .rp-shop-card-mobile span.onsale {
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 20 !important;
    }
}


/* v0.1.691 - mobile compare icon next to discount badge on top-left. */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
        top: 8px !important;
        left: 42px !important;
        right: auto !important;
        z-index: 31 !important;
    }

    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-discount-badge,
    .rp-shop-archive .rp-shop-card-mobile .rp-card-discount-badge,
    .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-mobile .rp-shop-card-discount-badge,
    .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-mobile .rp-card-discount-badge {
        top: 8px !important;
        left: 8px !important;
        right: auto !important;
        z-index: 30 !important;
    }
}

/* v0.1.692 - refine mobile shop compare icon and price spacing. */
.rp-shop-card-mobile-price-wrap {
  margin-top: 20px;
}

@media (max-width: 820px) {
  .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
  .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
    top: 7px !important;
    left: 42px !important;
    right: auto !important;
    z-index: 31 !important;
    border-radius: 6px !important;
  }
}

@media (max-width: 820px) {
  .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-discount-badge,
  .rp-shop-archive .rp-shop-card-mobile .rp-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-mobile .rp-shop-card-discount-badge,
  .woocommerce ul.products li.product.rp-shop-card .rp-shop-card-mobile .rp-card-discount-badge {
    top: 8px !important;
    left: 0px !important;
    right: auto !important;
    z-index: 30 !important;
  }
}

@media (max-width: 820px) {
  .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare .rp-compare-icon,
  .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare .rp-compare-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !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;
    padding: 13px;
  }
}

/* v0.1.696 - requested shop typography and active sale filter */
.rp-shop-archive .rp-shop-card .woocommerce-loop-product__title {
    text-align: right !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}
.rp-shop-archive .rp-shop-title {
    font-size: var(--rp-type-page_title-size, 28px);
    font-weight: var(--rp-type-page_title-weight, 700);
    text-align: right;
    margin-bottom: 40px;
}
/* Keep the sale filter's pill outline visible even before it is selected. */
.rp-shop-archive .rp-shop-sortbar > a.rp-shop-sale-sort:not(.is-active) {
    box-sizing: border-box;
    padding: 0 5px;
    border: 1px solid var(--rp-theme-general-border, #e6e6e3);
    border-radius: 6px;
    background: var(--rp-theme-general-surface-alt, #f1f0ef);
    color: var(--rp-theme-general-text, #343a40);
}
.rp-shop-archive .rp-shop-sale-sort.is-active {
    background: #ff5637 !important;
    color: #fff !important;
    border-color: #ff5637 !important;
    padding: 0 5px;
    border-radius: 6px;
}

/* Generic active-sort styles may also match this link. Keep the label legible
   even when a palette supplies a green active background. */
body .rp-shop-archive a.rp-shop-sale-sort.is-active {
    color: #fff !important;
}

/* The sale link can inherit the accent colour from sortbar palette overrides.
   Apply the foreground directly to the link (and any future inline label) so
   an active green/teal pill never renders its text invisible. */
body .rp-shop-archive .rp-shop-sortbar > a.rp-shop-sale-sort.is-active,
body .rp-shop-archive .rp-shop-sortbar > a.rp-shop-sale-sort.is-active > * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

/* Narrow-screen sorting uses an explicit dialog: the toolbar label is a real
   control, while the wide desktop inline links remain unchanged. */
.rp-shop-sort-dialog {
    display: none;
}

@media (max-width: 1024px) {
    .rp-shop-archive .rp-shop-sort-label {
        cursor: pointer;
        appearance: none;
        background: transparent;
    }

    .rp-shop-sort-dialog.is-open,
    .rp-shop-sort-dialog.is-closing {
        position: fixed;
        z-index: 100001;
        inset: 0;
        display: block;
    }

    .rp-shop-sort-dialog__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        border: 0;
        background: rgba(8, 13, 19, .52);
        animation: rp-shop-sort-backdrop-in .2s ease-out both;
    }

    .rp-shop-sort-dialog__panel {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        max-height: min(78dvh, 560px);
        overflow: auto;
        padding: 16px;
        border-radius: 18px 18px 0 0;
        background: #fff;
        color: #111820;
        box-shadow: 0 -14px 34px rgba(0, 0, 0, .18);
        animation: rp-shop-sort-dialog-in .2s ease-out;
    }

    .rp-shop-sort-dialog.is-closing .rp-shop-sort-dialog__backdrop {
        animation: rp-shop-sort-backdrop-out .2s ease-in both;
    }

    .rp-shop-sort-dialog.is-closing .rp-shop-sort-dialog__panel {
        animation: rp-shop-sort-dialog-out .2s ease-in both;
    }

    .rp-shop-sort-dialog__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e7ebef;
        font-size: 15px;
    }

    .rp-shop-sort-dialog__close {
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #f1f4f6;
        color: inherit;
        font-size: 25px;
        line-height: 1;
        cursor: pointer;
    }

    .rp-shop-sort-dialog__options {
        display: grid;
        gap: 8px;
        padding-top: 14px;
    }

    .rp-shop-sort-dialog__options a {
        display: flex;
        align-items: center;
        min-height: 46px;
        padding: 0 14px;
        border: 1px solid #e1e6ea;
        border-radius: 10px;
        color: inherit;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .rp-shop-sort-dialog__options a.is-active {
        border-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
        background: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
        color: var(--rp-theme-general-on-accent, #fff) !important;
        -webkit-text-fill-color: var(--rp-theme-general-on-accent, #fff) !important;
    }

    html[data-rp-user-theme="dark"] .rp-shop-sort-dialog__panel,
    html[data-rp-theme-mode="dark"] .rp-shop-sort-dialog__panel,
    body.rp-theme-dark .rp-shop-sort-dialog__panel,
    body.rp-theme-color-preset-dark .rp-shop-sort-dialog__panel {
        background: #151b22;
        color: #f7f9fb;
    }

    html[data-rp-user-theme="dark"] .rp-shop-sort-dialog__head,
    html[data-rp-theme-mode="dark"] .rp-shop-sort-dialog__head,
    body.rp-theme-dark .rp-shop-sort-dialog__head,
    body.rp-theme-color-preset-dark .rp-shop-sort-dialog__head {
        border-color: #303946;
    }

    html[data-rp-user-theme="dark"] .rp-shop-sort-dialog__close,
    html[data-rp-theme-mode="dark"] .rp-shop-sort-dialog__close,
    body.rp-theme-dark .rp-shop-sort-dialog__close,
    body.rp-theme-color-preset-dark .rp-shop-sort-dialog__close {
        background: #242d38;
    }

    html[data-rp-user-theme="dark"] .rp-shop-sort-dialog__options a,
    html[data-rp-theme-mode="dark"] .rp-shop-sort-dialog__options a,
    body.rp-theme-dark .rp-shop-sort-dialog__options a,
    body.rp-theme-color-preset-dark .rp-shop-sort-dialog__options a {
        border-color: #303946;
    }

    body.rp-theme-color-preset-dark .rp-shop-sort-dialog__options a.is-active {
        border-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
    }

    @keyframes rp-shop-sort-dialog-in {
        from { transform: translateY(100%); }
        to { transform: translateY(0); }
    }

    @keyframes rp-shop-sort-dialog-out {
        from { transform: translateY(0); }
        to { transform: translateY(100%); }
    }

    @keyframes rp-shop-sort-backdrop-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes rp-shop-sort-backdrop-out {
        from { opacity: 1; }
        to { opacity: 0; }
    }

    @media (prefers-reduced-motion: reduce) {
        .rp-shop-sort-dialog__panel,
        .rp-shop-sort-dialog__backdrop,
        .rp-shop-sort-dialog.is-closing .rp-shop-sort-dialog__panel,
        .rp-shop-sort-dialog.is-closing .rp-shop-sort-dialog__backdrop {
            animation: none;
        }
    }
}
.rp-shop-price-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* v0.1.709: semantic heading level correction keeps the existing filter title design. */
.rp-shop-filter-card h2,
.rp-shop-archive .rp-shop-filters .rp-shop-filter-card h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
}


/* v0.1.740: mobile compare/favorite placement and card favorite */
.rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
.rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
    top: -28px !important;
    left: 0px !important;
    right: auto !important;
    z-index: 31 !important;
    border-radius: 6px !important;
}
.rp-shop-archive .rp-product-favorite-btn {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: #222;
    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-shop-archive .rp-shop-card:hover .rp-shop-card-favorite,
.rp-shop-archive .rp-shop-card:focus-within .rp-shop-card-favorite {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.rp-product-favorite-btn .rp-favorite-icon {
    width: 19px;
    height: 19px;
    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 { color: #ef3f4c; }
@media (max-width: 767px) {
    .rp-shop-archive .rp-shop-card-mobile-favorite {
        top: -28px !important;
        left: 0 !important;
        right: auto !important;
        width: 32px;
        height: 32px;
        border-radius: 6px !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;
    }
}

.rp-shop-quick-add-guide {
    width: 100%;
    margin: 0 0 18px;
    padding: 11px 14px;
    border: 1px solid #f0d5c9;
    border-radius: 8px;
    background: #fff8f4;
    color: #7b3520;
    font-size: 13px;
    line-height: 1.9;
    box-sizing: border-box;
}

.rp-shop-quick-add-guide__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-inline: 4px;
    border: 1px solid #d8dee5;
    border-radius: 5px;
    background: #f4f6f8;
    color: #111820;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle;
    box-sizing: border-box;
}

: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-shop-quick-add-guide__icon {
    border-color: #46515d;
    background: #26303a;
    color: #f8fafc;
}

/* v0.1.742: requested favorite sizing, loading spinner, account cards and mobile compare mode. */
.rp-shop-archive .rp-product-favorite-btn {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.94) !important;
    color: #222;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    z-index: 32 !important;
}
.rp-shop-archive .rp-product-favorite-btn .rp-favorite-icon {
    width: 25px !important;
    height: 25px !important;
}
.rp-product-favorite-btn.is-loading .rp-favorite-icon {
    display: none !important;
}
.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;
}
@keyframes rpFavoriteSpin { to { transform: rotate(360deg); } }

body.woocommerce-account .rp-account-favorites.rp-shop-archive {
    width: 100%;
}
body.woocommerce-account .rp-account-favorites__title {
    margin: 0 0 20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
body.woocommerce-account .rp-account-favorites__products .products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.woocommerce-account .rp-account-favorites__products .products::before,
body.woocommerce-account .rp-account-favorites__products .products::after {
    display: none !important;
}
body.woocommerce-account .rp-account-favorites__products .products > li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}

@media (max-width: 820px) {
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.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;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 36 !important;
        border-radius: 6px !important;
    }
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-favorite {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    body.woocommerce-account .rp-account-favorites__products .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}


/* v0.1.743: favorites UX, account AJAX removal, need-card heart and independent mobile compare icon. */
.rp-product-favorite-btn.is-active {
    color: #ef3340 !important;
}
.rp-product-favorite-btn.is-active .rp-favorite-icon {
    background: #ef3340 !important;
}
body.woocommerce-account .rp-account-favorites__products li.product {
    transition: opacity .2s ease, transform .2s ease, max-height .24s ease, margin .24s ease;
}
body.woocommerce-account .rp-account-favorites__products li.product.is-rp-favorite-removing {
    opacity: 0 !important;
    transform: scale(.96) !important;
    pointer-events: none !important;
}

/* "نیازت میشه": heart is a plain icon at the upper-left, identical to other cards. */
body.single-product .rp-single-need-box .rp-single-need-card-favorite {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 40 !important;
}
body.single-product .rp-single-need-box .rp-single-need-card-favorite .rp-favorite-icon {
    width: 25px !important;
    height: 25px !important;
}

@media (max-width: 820px) {
    /* Compare remains independent and is placed above the heart. */
    .rp-shop-archive .rp-shop-card-mobile {
        position: relative !important;
        overflow: visible !important;
    }
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-favorite {
        top: 8px !important;
        left: 8px !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 42 !important;
    }
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-compare,
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-product-compare-mini.rp-shop-card-mobile-compare {
        display: inline-flex !important;
        top: -22px !important;
        left: 8px !important;
        right: auto !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 45 !important;
        border-radius: 6px !important;
    }
    body.rp-compare-mode-active .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-favorite {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* v0.1.744: force consistent favorite appearance across archive, widgets and related cards. */
.rp-shop-archive .rp-product-favorite-btn.is-active,
.rp-widget-products .rp-product-favorite-btn.is-active,
.related.products .rp-product-favorite-btn.is-active,
.upsells.products .rp-product-favorite-btn.is-active {
    color: #ef3340 !important;
}
.rp-shop-archive .rp-product-favorite-btn.is-active .rp-favorite-icon,
.rp-widget-products .rp-product-favorite-btn.is-active .rp-favorite-icon,
.related.products .rp-product-favorite-btn.is-active .rp-favorite-icon,
.upsells.products .rp-product-favorite-btn.is-active .rp-favorite-icon {
    background: #ef3340 !important;
    background-color: #ef3340 !important;
}
.rp-shop-archive .rp-product-favorite-btn.is-loading,
.rp-widget-products .rp-product-favorite-btn.is-loading,
.related.products .rp-product-favorite-btn.is-loading,
.upsells.products .rp-product-favorite-btn.is-loading {
    color: #ef3340 !important;
}
.rp-shop-archive .rp-product-favorite-btn.is-loading::after,
.rp-widget-products .rp-product-favorite-btn.is-loading::after,
.related.products .rp-product-favorite-btn.is-loading::after,
.upsells.products .rp-product-favorite-btn.is-loading::after {
    border-color: rgba(239, 51, 64, .25) !important;
    border-top-color: var(--rp-theme-general-accent, var(--rp-accent, #fd314a)) !important;
}

/* v0.1.745: mobile shop favorite positioning requested by design. */
@media (max-width: 820px) {
    .rp-shop-archive .rp-shop-card-mobile .rp-shop-card-mobile-favorite {
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 42 !important;
    }

    .rp-shop-archive .rp-product-favorite-btn {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.94) !important;
        color: #d9d6d6;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
        z-index: 32 !important;
    }
}

/* v0.1.746: selected/loading archive heart stays in exactly the same position. */
.rp-shop-archive .rp-product-favorite-btn.is-active,
.rp-shop-archive .rp-product-favorite-btn.is-loading {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin: 0 !important;
    transform: none !important;
}


/* v0.1.851 — SEO-safe product term/taxonomy archive header */
.rp-shop-archive .rp-term-archive-hero {
    display: block;
    margin: 0 0 24px;
    padding: 18px 0 22px;
    border-bottom: 1px solid #edf0f2;
}

.rp-shop-archive .rp-shop-archive-heading-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rp-shop-archive .rp-shop-archive-heading-row .rp-shop-title {
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-archive-term-image {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: block;
    object-fit: cover;
    border: 1px solid #edf0f2;
    border-radius: 12px;
    background: #f8f9fa;
}

.rp-shop-archive .rp-shop-archive-term-description {
    max-width: 980px;
    margin-top: 14px;
    color: #5f6872;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
}

.rp-shop-archive .rp-shop-archive-term-description > :first-child {
    margin-top: 0;
}

.rp-shop-archive .rp-shop-archive-term-description > :last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .rp-shop-archive .rp-term-archive-hero {
        display: block !important;
        margin: 0 0 18px;
        padding: 12px 0 18px;
    }

    .rp-shop-archive .rp-shop-archive-heading-row {
        gap: 10px;
    }

    .rp-shop-archive .rp-shop-archive-term-image {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 9px;
    }

    .rp-shop-archive .rp-term-archive-hero .rp-shop-title {
        font-size: var(--rp-type-page_title-size, 22px) !important;
        margin: 0 !important;
    }

    .rp-shop-archive .rp-shop-archive-term-description {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.9;
    }
}


/* v0.1.851 — selectable WooCommerce attribute filters */
.rp-shop-dynamic-attribute-filter .rp-shop-attribute-filter-options{
    display:grid;
    gap:8px;
}
.rp-shop-attribute-filter-option{
    min-height:32px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#424a53;
    font-size:12px;
    text-decoration:none;
}
.rp-shop-attribute-filter-option small{
    margin-inline-start:auto;
    color:#9aa1a9;
    font-size:10px;
}
.rp-shop-attribute-filter-option.is-active .rp-filter-term-label{
    color:#111820;
    font-weight:700;
}
.rp-filter-checkbox{
    width:16px;height:16px;flex:0 0 16px;
    border:1px solid #cbd1d7;border-radius:4px;background:#fff;
}
.rp-shop-attribute-filter-option.is-active .rp-filter-checkbox{
    border-color:#343b43;background:#343b43;
    box-shadow:inset 0 0 0 3px #fff;
}
.rp-shop-archive .is-rp-shop-filter-loading{
    pointer-events:none!important;
    cursor:wait!important;
    opacity:.68!important;
}
.rp-shop-archive .is-rp-shop-filter-loading::after{
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    margin-inline-start:8px;
    border:2px solid currentColor;
    border-left-color:transparent;
    border-radius:50%;
    vertical-align:-2px;
    animation:rp-shop-filter-request-spinner .64s linear infinite;
}
@keyframes rp-shop-filter-request-spinner{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
    .rp-shop-archive .is-rp-shop-filter-loading::after{animation:none}
}
.rp-filter-color{
    width:18px;height:18px;flex:0 0 18px;
    border:1px solid rgba(0,0,0,.1);border-radius:50%;
    background:var(--rp-attribute-color,#d9dde2);
}
.rp-filter-term-image{
    width:30px;height:30px;flex:0 0 30px;
    object-fit:cover;border:1px solid #edf0f2;border-radius:6px;background:#f8f9fa;
}
.rp-filter-display-color .rp-shop-attribute-filter-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.rp-filter-display-image .rp-shop-attribute-filter-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.rp-filter-display-image .rp-shop-attribute-filter-option{
    align-items:center;
}
@media(max-width:768px){
    .rp-filter-display-color .rp-shop-attribute-filter-options,
    .rp-filter-display-image .rp-shop-attribute-filter-options{
        grid-template-columns:1fr;
    }
}

/* Shared Shop card component visibility. Keep these rules in shop.css because
   the carousel component stylesheet is intentionally not loaded on archives. */
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-image .rp-shop-card-media,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-image .rp-shop-card-mobile-media-link,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-title .woocommerce-loop-product__title,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-title .rp-shop-card-mobile-title-link,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-price .rp-shop-card-footer,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-price .rp-shop-card-mobile-price-wrap,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-discount .rp-shop-card-discount-badge,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-buy [data-rp-quick-add],
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-swatches [data-rp-swatches],
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-compare .rp-product-compare-btn,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-favorite [data-rp-favorite],
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-brand .rp-card-brand-name,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-brand-image .rp-card-brand-image,
html body li.rp-shop-card.rp-global-card-components.rp-card-hide-stock .rp-card-stock {
    display: none !important;
}

/* v0.1.851 — collapsible smart sidebar filters */
.rp-shop-collapsible-filter{padding:0!important;overflow:hidden}
.rp-shop-filter-collapse-toggle{
    width:100%;min-height:48px;padding:0 14px;border:0;background:transparent;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    color:#242b32;font-family:inherit;font-size:13px;font-weight:700;text-align:right;cursor:pointer
}
.rp-shop-filter-chevron{width:12px;height:12px;border:0;background:currentColor;-webkit-mask:url('../../icons/arrow-down.svg') center / contain no-repeat;mask:url('../../icons/arrow-down.svg') center / contain no-repeat;transform:none}
.rp-shop-filter-collapse-toggle[aria-expanded=true] .rp-shop-filter-chevron{-webkit-mask-image:url('../../icons/arrow-up.svg');mask-image:url('../../icons/arrow-up.svg')}
.rp-shop-filter-collapse-body{padding:2px 14px 12px;border-top:1px solid #f0f2f4}
.rp-shop-filter-collapse-body[hidden]{display:none!important}
.rp-shop-filter-more{
    width:fit-content;margin:0 14px 10px;margin-inline-start:auto;padding:2px 0;border:0;background:transparent;
    display:flex;align-items:center;justify-content:center;
    color:#6e7781;font-family:inherit;font-size:10px!important;font-weight:500;cursor:pointer
}
.rp-shop-filter-more:hover,.rp-shop-filter-more:focus-visible{color:#20262d}
.rp-shop-filter-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}
@media (max-width:768px){
    .rp-shop-filter-more{width:auto;min-height:22px;margin:0 14px 10px;margin-inline-start:auto;padding:1px 0;font-size:10px!important;line-height:1.6}
    .rp-shop-filter-more-text{display:inline}
}
.rp-shop-filter-item[hidden]{display:none!important}
.rp-shop-filter-empty-results{
    min-height:220px;padding:44px 20px;border:0;border-radius:0;background:transparent;
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
}
.rp-shop-filter-empty-results__icon{
    display:block;width:42px;height:42px;margin:0 0 14px;
    background:#ef4444;
    -webkit-mask:url("../../icons/no-results.svg") center/contain no-repeat;
    mask:url("../../icons/no-results.svg") center/contain no-repeat
}
.rp-shop-filter-empty-results strong{color:#20262d;font-size:18px;font-weight:800}
.rp-shop-filter-empty-results p{max-width:520px;margin:10px 0 18px;color:#7b848d;font-size:12px;line-height:1.9;direction:rtl;unicode-bidi:plaintext;text-align:center}
.rp-shop-filter-empty-results a{padding:9px 16px;border:1px solid #343b43;border-radius:8px;color:#343b43;font-size:11px;font-weight:700;text-decoration:none}
.rp-shop-infinite-loader[hidden]{display:none!important}

/* Compact density for the Shop filter sidebar. Keep 44px as the minimum
   touch target while reducing the visual weight of its headings and fields. */
.rp-shop-archive .rp-shop-filter-head{
    height:52px!important;
    padding:0 16px!important;
    /* 8px inset + half the 24px close target = 14px + half the 12px chevron. */
    padding-inline-end:8px!important;
}
.rp-shop-archive .rp-shop-filter-head strong{
    font-size:13px!important;
    font-weight:600!important;
}
.rp-shop-archive .rp-shop-filter-head button{
    width:24px!important;
    height:24px!important;
    font-size:16px!important;
}
.rp-shop-archive .rp-shop-filter-collapse-toggle{
    min-height:44px!important;
    padding:0 14px!important;
    font-size:12px!important;
    font-weight:600!important;
}
.rp-shop-archive .rp-shop-filter-collapse-body{
    padding:2px 14px 10px!important;
}
.rp-shop-archive .rp-shop-attribute-filter-option{
    min-height:28px!important;
    gap:6px!important;
    font-size:11px!important;
}
.rp-shop-archive .rp-shop-attribute-filter-option small{
    font-size:9px!important;
}
@media (max-width: 900px){
    .rp-shop-archive .rp-shop-filter-sidebar .rp-shop-attribute-filter-option,
    .rp-shop-archive .rp-shop-filter-sidebar .rp-filter-term-label{
        font-size:13px!important;
        line-height:1.75!important;
    }
    .rp-shop-archive .rp-shop-filter-sidebar .rp-shop-attribute-filter-option small{
        font-size:10px!important;
    }
}
.rp-shop-archive .rp-shop-price-filter-form{
    gap:10px!important;
}
.rp-shop-archive .rp-shop-price-fields{
    gap:8px!important;
}
.rp-shop-archive .rp-shop-price-fields label{
    gap:4px!important;
    font-size:11px!important;
    font-weight:600!important;
}
.rp-shop-archive .rp-shop-price-fields input{
    min-height:32px!important;
    padding:3px 8px!important;
    font-size:11px!important;
}
.rp-shop-archive .rp-shop-price-actions button,
.rp-shop-archive .rp-shop-filter-clear,
.rp-shop-archive .rp-shop-price-actions a{
    min-height:30px!important;
    padding:5px 10px!important;
    font-size:11px!important;
}

/* v0.1.851 — active filter chips + fast collapse motion */
.rp-shop-filter-collapse-body{
    opacity:1;
    transform-origin:top;
    will-change:height,opacity;
}
.rp-shop-filter-chevron{transition:transform 180ms ease!important}
@media (prefers-reduced-motion: reduce){
    .rp-shop-filter-collapse-body,.rp-shop-filter-chevron{transition:none!important}
}
.rp-shop-products-head{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px 10px!important;
    direction:rtl!important;
    text-align:right!important;
}
.rp-shop-products-head .rp-shop-result-count{margin:0!important;flex:0 0 auto;text-align:right!important}
.rp-shop-active-filter-chips{
    display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;direction:rtl;
}
.rp-shop-active-filter-chip{
    min-height:26px;padding:3px 8px 3px 6px;border:1px solid #e1e5e9;border-radius:999px;
    background:#f8f9fa;color:#4e5761;font-size:10px;font-weight:500;line-height:1.4;
    display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;
}
.rp-shop-active-filter-chip b{
    width:16px;height:16px;border-radius:50%;background:#e6e9ec;color:#68717b;
    display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;line-height:1;
}
.rp-shop-active-filter-chip:hover{border-color:#cfd5da;background:#fff;color:#20262d}
.rp-shop-active-filter-chip:hover b{background:#343b43;color:#fff}
@media(max-width:768px){
    .rp-shop-products-head{align-items:flex-start!important}
    .rp-shop-active-filter-chips{width:100%}
}

/* v0.1.851 — one global product-image rule, frontend product contexts only */
body.rp-product-image-mode-fixed_height .rp-shop-card-media,
body.rp-product-image-mode-fixed_height .rp-shop-card-mobile-media,
body.rp-product-image-mode-fixed_height .rp-single-need-card-media {
    height: var(--rp-product-image-desktop) !important;
    padding: var(--rp-product-image-padding) !important;
    background: var(--rp-product-image-bg) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.rp-product-image-mode-fixed_height .rp-shop-card-media .rp-global-product-image,
body.rp-product-image-mode-fixed_height .rp-shop-card-mobile-media .rp-global-product-image,
body.rp-product-image-mode-fixed_height .rp-single-need-card-media .rp-global-product-image {
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Compare uses the same global card height. */
body.rp-product-image-mode-fixed_height .rp-compare-image {
    min-height: var(--rp-product-image-desktop) !important;
    height: var(--rp-product-image-desktop) !important;
    padding: var(--rp-product-image-padding) !important;
    background: var(--rp-product-image-bg) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
body.rp-product-image-mode-fixed_height .rp-compare-image .rp-product-image-context-compare {
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Compact product-image contexts keep their UI footprint but switch to uncropped source. */
body.rp-product-image-mode-fixed_height .rp-product-image-context-cart-sidebar,
body.rp-product-image-mode-fixed_height .rp-product-image-context-cart-page,
body.rp-product-image-mode-fixed_height .rp-product-image-context-account-order,
body.rp-product-image-mode-fixed_height .rp-product-image-context-live-search,
body.rp-product-image-mode-fixed_height .rp-product-image-context-related-side,
body.rp-product-image-mode-fixed_height .rp-product-image-context-checkout {
    width: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body.rp-product-image-mode-fixed_height .rp-product-image-context-cart-sidebar,
body.rp-product-image-mode-fixed_height .rp-product-image-context-cart-page {
    height: 76px !important;
    max-width: 76px !important;
}

body.rp-product-image-mode-fixed_height .rp-product-image-context-related-side {
    height: 110px !important;
    max-width: 110px !important;
}

body.rp-product-image-mode-fixed_height .rp-product-image-context-live-search {
    height: 48px !important;
    max-width: 48px !important;
}

body.rp-product-image-mode-fixed_height .rp-product-image-context-account-order {
    height: 64px !important;
    max-width: 64px !important;
}

@media (max-width: 1024px) {
    body.rp-product-image-mode-fixed_height .rp-shop-card-media,
    body.rp-product-image-mode-fixed_height .rp-shop-card-mobile-media,
    body.rp-product-image-mode-fixed_height .rp-single-need-card-media,
    body.rp-product-image-mode-fixed_height .rp-compare-image {
        height: var(--rp-product-image-tablet) !important;
        min-height: var(--rp-product-image-tablet) !important;
    }
}

@media (max-width: 768px) {
    body.rp-product-image-mode-fixed_height .rp-shop-card-media,
    body.rp-product-image-mode-fixed_height .rp-shop-card-mobile-media,
    body.rp-product-image-mode-fixed_height .rp-single-need-card-media,
    body.rp-product-image-mode-fixed_height .rp-compare-image {
        height: var(--rp-product-image-mobile) !important;
        min-height: var(--rp-product-image-mobile) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.rp-product-image-mode-fixed_height .rp-global-product-image {
        transition: none !important;
    }
}



/* v0.1.851 — filtered Shop header (Brand / Attribute / Taxonomy / Term) */
.rp-shop-filter-term-hero .rp-shop-archive-heading-row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.rp-shop-filter-term-image {
    width: var(--rp-shop-filter-image-size, 80px) !important;
    height: var(--rp-shop-filter-image-size, 80px) !important;
    max-width: var(--rp-shop-filter-image-size, 80px) !important;
    max-height: var(--rp-shop-filter-image-size, 80px) !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    flex: 0 0 var(--rp-shop-filter-image-size, 80px);
}
.rp-shop-filter-term-description { margin-top: 10px; }
.rp-shop-filter-term-description__content {
    line-height: 1.9;
}
.rp-shop-filter-term-description__content > :first-child {
    margin-top: 0;
}
.rp-shop-filter-term-description__content > :last-child {
    margin-bottom: 0;
}
.rp-shop-brand-description {
    position: relative;
}
.rp-shop-brand-description .rp-shop-filter-term-description__content {
    position: relative;
    overflow: hidden;
    max-height: none;
    transition: max-height 180ms ease;
}
.rp-shop-brand-description.is-collapsible:not(.is-expanded) .rp-shop-filter-term-description__content {
    max-height: 7.6em;
}
.rp-shop-brand-description.is-collapsible:not(.is-expanded) .rp-shop-filter-term-description__content::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1.9em;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent 0%, var(--rp-theme-general-background, #fff) 92%);
}
.rp-shop-brand-description__toggle {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    width: max-content;
    margin-top: 6px;
    margin-right: auto;
    margin-left: 0;
    padding: 3px 0;
    border: 0;
    background: transparent;
    color: var(--rp-theme-general-accent, #fd314a);
    font-family: inherit;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 200;
    cursor: pointer;
}
.rp-shop-brand-description__toggle:hover,
.rp-shop-brand-description__toggle:focus-visible {
    color: var(--rp-theme-general-accent-hover, var(--rp-theme-general-accent, #fd314a));
}
.rp-shop-brand-description.is-not-overflowing .rp-shop-brand-description__toggle {
    display: none;
}
.rp-shop-brand-description__toggle[hidden] {
    display: none !important;
}
@media (prefers-reduced-motion: reduce) {
    .rp-shop-brand-description .rp-shop-filter-term-description__content {
        transition: none;
    }
}


/* v0.1.851 — desktop Shop grid: configured columns with filters, +1 when hidden */
@media (min-width: 1025px) {
    .rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout.is-filters-open ul.products.products {
        grid-template-columns: repeat(var(--rp-shop-columns, 4), minmax(0, 1fr)) !important;
    }

    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) ul.products.products {
        grid-template-columns: repeat(var(--rp-shop-columns-closed, 5), minmax(0, 1fr)) !important;
    }
}

/* Shop card geometry shared by the archive and its real-card admin preview. */
.rp-shop-archive .rp-shop-card-inner,
.rp-admin-preview-shop .rp-shop-card-inner {
    position: relative;
}

.rp-shop-archive .rp-shop-card-media,
.rp-shop-archive .rp-shop-card-mobile-media,
.rp-admin-preview-shop .rp-shop-card-media,
.rp-admin-preview-shop .rp-shop-card-mobile-media {
    position: relative !important;
}

.rp-shop-archive .rp-image-discount-badge,
.rp-admin-preview-shop .rp-image-discount-badge {
    position: absolute !important;
    right: 8px !important;
    bottom: 8px !important;
    top: auto !important;
    left: auto !important;
    z-index: 4;
    margin: 0 !important;
}

.rp-shop-archive .rp-shop-card-favorite,
.rp-admin-preview-shop .rp-shop-card-favorite {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 6;
}

.rp-shop-archive .rp-card-brand-image,
.rp-shop-archive .rp-card-brand-name,
.rp-admin-preview-shop .rp-card-brand-image,
.rp-admin-preview-shop .rp-card-brand-name {
    align-self: flex-start !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
}

.rp-shop-archive .rp-card-brand-image,
.rp-admin-preview-shop .rp-card-brand-image {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.rp-shop-archive .rp-shop-card-link,
.rp-admin-preview-shop .rp-shop-card-link {
    width: 100%;
}

.rp-shop-archive .rp-shop-card-actions,
.rp-admin-preview-shop .rp-shop-card-actions {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
}

.rp-shop-archive .rp-shop-card-actions [data-rp-quick-add],
.rp-admin-preview-shop .rp-shop-card-actions [data-rp-quick-add] {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Compare page: product artwork occupies 15 percent of its image frame. */
body .rp-compare-page .rp-compare-image img,
body.rp-product-image-mode-fixed_height .rp-compare-page .rp-compare-image .rp-product-image-context-compare {
    width: 15% !important;
    max-width: 15% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
/* Unified product cards own their spacing. Do not let WooCommerce's legacy
   product-loop bottom margin create an extra vertical gap between grid rows. */
.woocommerce .rp-shop-archive .rp-shop-products-area ul.products > li.product.rp-product-card-component {
    margin: 0 !important;
}

/* The named layout can grow beyond its grid cell on hover. Raise the grid
   item itself so its card also paints above items in the following row. */
.rp-shop-archive .rp-shop-products-area ul.products > li.product.rp-product-card-component:is(:hover, :focus-within) {
    z-index: 2 !important;
}

/* Shop-only product-grid spacing tokens. These do not affect Widgets,
   product-card layouts, related-product carousels, or category carousels. */
.rp-shop-archive .rp-shop-products-area ul.products,
.rp-shop-archive .rp-shop-products-area ul.products.products,
.rp-shop-archive .rp-shop-products-area .woocommerce ul.products,
.woocommerce .rp-shop-archive .rp-shop-products-area ul.products {
    column-gap: var(--rp-shop-grid-horizontal-gap, 0px) !important;
    row-gap: var(--rp-shop-grid-vertical-gap, 0px) !important;
    width: 100% !important;
    margin-inline: 0 auto !important;
}

/* A named Product Card layout may intentionally use a fixed card width. Keep
   the grid itself no wider than its real cards plus the configured gaps, so a
   wide 1fr track cannot masquerade as extra spacing when the Shop gap is 0. */
@media (min-width: 1025px) {
    .rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-products-area ul.products {
        max-width: var(--rp-shop-grid-desktop-open-max-width, 100%) !important;
    }

    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
        max-width: var(--rp-shop-grid-desktop-closed-max-width, 100%) !important;
    }
}

/* When the filter rail closes, distribute the selected card layout across
   the newly available track without stretching the fixed-width cards. */
@media (min-width: 1181px) {
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
        max-width: 100% !important;
    }

    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products > li.product {
        width: min(100%, var(--rp-shop-grid-desktop-card-width, 100%)) !important;
        max-width: 100% !important;
        justify-self: center !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-products-area ul.products {
        max-width: var(--rp-shop-grid-tablet-open-max-width, 100%) !important;
    }

    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-products-area ul.products {
        max-width: var(--rp-shop-grid-tablet-closed-max-width, 100%) !important;
    }
}

@media (max-width: 767px) {
    .rp-shop-archive .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-products-area ul.products.products,
    .rp-shop-archive .rp-shop-products-area .woocommerce ul.products,
    .woocommerce .rp-shop-archive .rp-shop-products-area ul.products {
        max-width: var(--rp-shop-grid-mobile-max-width, 100%) !important;
        /* Center a fixed-width mobile loop inside a wider product area. */
        margin-inline: auto !important;
    }
}

/* Query category carousels expose navigation only when the track can move. */
.rp-shop-category-carousel .rp-shop-category-nav[hidden] {
    display: none !important;
}

/* The filter drawer must be above sticky purchase/service/navigation UI. */
@media (max-width: 1024px) {
    body.rp-shop-filters-open .rp-shop-filter-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483644 !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        position: fixed !important;
        z-index: 2147483645 !important;
        isolation: isolate !important;
        overflow: hidden !important;
    }

    :is(
        html[data-rp-user-theme="dark"],
        html[data-rp-theme-mode="dark"],
        html[data-theme="dark"]
    ) body .rp-shop-archive .rp-shop-filter-sidebar,
    :is(
        body.rp-theme-color-preset-dark,
        body.rp-theme-dark,
        body.is-dark
    ) .rp-shop-archive .rp-shop-filter-sidebar {
        background: var(--rp-theme-general-background, #0f1115) !important;
        box-shadow: -14px 0 34px rgba(0, 0, 0, 0) !important;
        transition: transform .24s ease, box-shadow .24s ease !important;
    }

    :is(
        html[data-rp-user-theme="dark"],
        html[data-rp-theme-mode="dark"],
        html[data-theme="dark"]
    ) body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar,
    :is(
        body.rp-theme-color-preset-dark,
        body.rp-theme-dark,
        body.is-dark
    ).rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        background: var(--rp-theme-general-background, #0f1115) !important;
        box-shadow: -16px 0 36px rgba(0, 0, 0, .48), -2px 0 0 rgba(255, 255, 255, .06) !important;
    }

    .rp-shop-archive .rp-shop-mobile-filter-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        border-bottom: 1px solid var(--rp-theme-general-border, #303640) !important;
        background: var(--rp-theme-general-background, #0f1115) !important;
        box-sizing: border-box !important;
    }

    .rp-shop-archive .rp-shop-mobile-filter-head strong {
        color: var(--rp-theme-general-accent, var(--rp-accent, #3b82f6)) !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    .rp-shop-archive .rp-shop-mobile-filter-head button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        border: 1px solid var(--rp-theme-general-border, #303640) !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: var(--rp-theme-general-text, #f3f4f6) !important;
        font: inherit !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar > .rp-shop-filter-panel {
        max-height: calc(100dvh - 54px) !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar > .rp-shop-filter-panel > .rp-shop-filter-head {
        display: none !important;
    }
}

/* Keep Shop-only cards visually compact on desktop without changing the
   component's configurable media frame or related-product card layouts. */
@media (min-width: 1025px) {
    .rp-shop-archive li.product.rp-product-card-component .rp-product-card__media > img.rp-product-card-image {
        height: min(var(--rp-card-desktop-image-height, 100px), 100px) !important;
        max-height: 100px !important;
    }

    .rp-shop-archive li.product.rp-product-card-component .rp-product-card__content > h2.rp-card-title,
    .rp-shop-archive li.product.rp-product-card-component .rp-product-card__content > h2.rp-card-title > a {
        font-weight: 400 !important;
    }
}

/* In Dark Compare mode, preserve the configured media surface and dim it with
   a black interaction layer. Do not fade the media itself toward white. */
: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] .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, html[data-theme="dark"] body).rp-compare-mode-active [data-rp-product-card] .rp-product-card__media::after {
    content: "" !important;
    background: rgba(0, 0, 0, .46) !important;
    opacity: 1 !important;
}

/* Tablet Shop keeps the filter column useful without starving the configured
   three-column product grid. Mobile and Desktop retain their own geometry. */
@media (min-width: 821px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-layout,
    .rp-shop-archive .rp-shop-layout.is-filters-open {
        grid-template-columns: minmax(0, 1fr) var(--rp-shop-tablet-filter-width, 260px) !important;
        gap: 16px !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar {
        width: 100% !important;
        max-width: var(--rp-shop-tablet-filter-width, 260px) !important;
    }

    .rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout.is-filters-open ul.products.products {
        grid-template-columns: repeat(var(--rp-shop-tablet-columns, 3), minmax(0, 1fr)) !important;
        max-width: 100% !important;
    }
}

/* At landscape tablet widths the 400px desktop filter leaves each product
   too narrow. Keep the filter in its own track and honor the tablet column
   count configured in the Customizer. */
@media (min-width: 1025px) and (max-width: 1180px) {
    .rp-shop-archive .rp-shop-layout,
    .rp-shop-archive .rp-shop-layout.is-filters-open {
        grid-template-columns: minmax(0, 1fr) var(--rp-shop-tablet-filter-width, 260px) !important;
        gap: 16px !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar {
        width: var(--rp-shop-tablet-filter-width, 260px) !important;
        max-width: 100% !important;
    }

    .rp-shop-archive .rp-shop-layout.is-filters-open .rp-shop-products-area ul.products,
    .rp-shop-archive .rp-shop-layout.is-filters-open ul.products.products {
        grid-template-columns: repeat(var(--rp-shop-tablet-columns, 3), minmax(0, 1fr)) !important;
    }
}

/* Keep the sort controls and product grid usable on narrow tablets.
   The filter sidebar becomes a drawer at the same breakpoint as main.js. */
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-toolbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .rp-shop-archive .rp-shop-filter-toggle.rp-toolbar-filter,
    .rp-shop-archive .rp-shop-toolbar .rp-shop-filter-toggle {
        display: inline-flex !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .rp-shop-archive .rp-shop-sortbar,
    .rp-shop-archive .rp-shop-toolbar-compare {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        margin-inline-start: 0 !important;
    }

    .rp-shop-archive .rp-shop-layout,
    .rp-shop-archive .rp-shop-layout.is-filters-open,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) {
        display: block !important;
        grid-template-columns: none !important;
    }

    .rp-shop-archive .rp-shop-filter-sidebar,
    .rp-shop-archive .rp-shop-layout:not(.is-filters-open) .rp-shop-filter-sidebar {
        position: fixed !important;
        inset: 0 0 0 auto !important;
        z-index: 2147483645 !important;
        width: min(300px, 100vw) !important;
        max-width: 300px !important;
        height: 100dvh !important;
        opacity: 1 !important;
        pointer-events: none !important;
        overflow-y: auto !important;
        transform: translateX(105%) !important;
        background: var(--rp-theme-general-background, #fff) !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar {
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    .rp-shop-archive .rp-shop-filter-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483644 !important;
        border: 0 !important;
        background: rgba(0, 0, 0, .22) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-backdrop {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .rp-shop-archive .rp-shop-sortbar > a {
        display: none !important;
    }

    .rp-shop-archive .rp-shop-sortbar,
    .rp-shop-archive .rp-shop-sort-label {
        min-width: 0 !important;
    }

    .rp-shop-archive .rp-shop-sort-label {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        white-space: nowrap !important;
        text-align: center !important;
    }
}

/* Keep the narrow-tablet sort action visually aligned with Compare. */
@media (min-width: 768px) and (max-width: 820px) {
    .rp-shop-archive .rp-shop-sortbar .rp-shop-sort-label {
        background: #f7f7f6 !important;
        border: 1px solid #dfdfdf !important;
        border-radius: 7px !important;
        color: #797979 !important;
        font-size: 13.5px !important;
        font-weight: 400 !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-shop-archive .rp-shop-sortbar .rp-shop-sort-label {
        background: #171a20 !important;
        border-color: #66717d !important;
        color: #c6cdd5 !important;
    }
}

/* On desktop-sized tablets, the sort action uses the same compact button
   geometry and palette as the adjacent compare action. */
@media (min-width: 821px) and (max-width: 1024px) {
    .rp-shop-archive .rp-shop-sortbar {
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .rp-shop-archive .rp-shop-sortbar .rp-shop-sort-label {
        box-sizing: border-box !important;
        flex: 0 0 138px !important;
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 18px !important;
        border: 1px solid #dfdfdf !important;
        border-radius: 7px !important;
        background: #f7f7f6 !important;
        color: #797979 !important;
        font-family: var(--rp-font) !important;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        line-height: normal !important;
        cursor: pointer;
    }

    :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-shop-archive .rp-shop-sortbar .rp-shop-sort-label {
        background: #171a20 !important;
        border-color: #66717d !important;
        color: #c6cdd5 !important;
    }
}

/* Runtime JS measures the visible sticky header (and the WordPress admin bar)
   into this variable. A fixed magic number is incorrect across header modes. */
.rp-compare-page .rp-compare-sticky-area {
    top: var(--rp-compare-sticky-offset, 0px) !important;
}

/* Compact comparison header cards. The product image is the only product-page
   action; removal floats over the card and therefore consumes no grid row. */
.rp-compare-page .rp-shop-category-carousel,
.rp-compare-page .rp-compare-view,
.rp-compare-page .rp-compare-card-actions {
    display: none !important;
}

.rp-compare-page .rp-compare-head h1 {
    font-size: var(--rp-type-page_title-size, 28px) !important;
    line-height: 1.6 !important;
}

.rp-compare-page .rp-compare-card {
    position: relative !important;
}

.rp-compare-page .rp-compare-products {
    align-items: start !important;
}

.rp-compare-page .rp-compare-card h2 {
    min-height: 0 !important;
    margin: 8px 0 0 !important;
}

.rp-compare-page .rp-compare-remove {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 4 !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .92) !important;
}

.rp-compare-page .rp-compare-price {
    text-align: center !important;
}

.rp-compare-page .rp-compare-currency {
    font-weight: 400 !important;
}

@media (max-width: 820px) {
    .rp-compare-page .rp-compare-head h1 {
        font-size: var(--rp-type-page_title-size, 22px) !important;
    }

    .rp-compare-page .rp-compare-price {
        text-align: center !important;
    }
}

/* Final Shop dark-mode palette for category-carousel cards. The component
   declarations above use !important, so this must remain after them. */
body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item {
    background: #1b232d !important;
    border-color: #57616d !important;
    color: #aeb7c2 !important;
}

body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item .rp-shop-category-name {
    color: #aeb7c2 !important;
}

body.rp-theme-color-preset-dark .rp-shop-archive .rp-shop-category-item:is(:hover, :focus-visible, .is-active) {
    background: #242e39 !important;
    border-color: #74808d !important;
    color: #d1d7de !important;
}

/* The price filter divider follows the active dark surface border. */
: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-shop-archive .rp-shop-price-filter-card .rp-shop-filter-collapse-body {
    border-top-color: var(--rp-theme-general-border, #303640) !important;
}

/* Match the transparent mobile filter heading with a quiet Light-mode divider. */
@media (max-width: 820px) {
    html body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters .rp-shop-filter-card.rp-shop-collapsible-filter {
        background: transparent !important;
        background-color: transparent !important;
    }

    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-filter-sidebar::before,
    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-mobile-filter-head,
    html[data-rp-user-theme="light"] body.rp-shop-filters-open .rp-shop-archive .rp-shop-filters > .rp-shop-filters-mobile-title {
        border-bottom-color: #e5e7eb !important;
    }
}
.rp-shop-filter-more.is-loading::after {
    content: ''; display:inline-block; width:12px; height:12px; margin-inline-start:6px;
    vertical-align:middle; border:2px solid currentColor; border-inline-end-color:transparent;
    border-radius:50%; animation:rp-shop-filter-spin .65s linear infinite;
}
@keyframes rp-shop-filter-spin { to { transform:rotate(360deg); } }
@media (max-width:768px) {
    .rp-shop-archive .rp-shop-price-fields { display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px; }
    .rp-shop-archive .rp-shop-price-filter-form { padding-block:16px; }
    .rp-shop-archive .rp-shop-price-fields input { width:100%;box-sizing:border-box; }
    .rp-shop-archive .rp-shop-category-carousel { position:relative;padding-inline:0 !important; }
    .rp-shop-archive .rp-shop-category-track { padding-inline:0; }
    body.rp-theme .rp-shop-archive .rp-shop-category-carousel :is(.rp-shop-category-prev,.rp-shop-category-next) { display:none !important; }
    .rp-shop-category-carousel::before,.rp-shop-category-carousel::after {
        content:'';position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none;opacity:0;
    }
    .rp-shop-category-carousel::before { left:0;background:linear-gradient(to right,var(--rp-theme-general-background,var(--rp-bg,#fff)),transparent); }
    .rp-shop-category-carousel::after { right:0;background:linear-gradient(to left,var(--rp-theme-general-background,var(--rp-bg,#fff)),transparent); }
    .rp-shop-category-carousel.has-more-left::before,.rp-shop-category-carousel.has-more-right::after { opacity:1; }
    .rp-shop-pagination { padding-inline:16px !important;box-sizing:border-box; }
    .rp-shop-pagination ul.page-numbers { gap:10px !important;flex-wrap:wrap;justify-content:center; }
    .rp-shop-sort-dialog__panel { opacity:1 !important;animation-fill-mode:both; }
}