.elementor-666 .elementor-element.elementor-element-409f2b5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-c798de7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-e9a8d2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-666 .elementor-element.elementor-element-6454473{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product .price{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product .price del {font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product .button{font-family:"Vazirmatn", Sans-serif;font-weight:500;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products .added_to_cart{font-family:"Vazirmatn", Sans-serif;font-weight:500;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-666 .elementor-element.elementor-element-fb58c70{--display:flex;}.elementor-666 .elementor-element.elementor-element-cf23c11{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-666 .elementor-element.elementor-element-c34ecfc .product{text-align:center;}.elementor-666 .elementor-element.elementor-element-c34ecfc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-666 .elementor-element.elementor-element-c34ecfc .woocommerce .woocommerce-loop-category__title{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-666 .elementor-element.elementor-element-c34ecfc .woocommerce-loop-category__title .count{font-family:"Vazirmatn", Sans-serif;font-weight:600;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-666 .elementor-element.elementor-element-fb58c70{--width:30%;}}@media(max-width:1024px){.elementor-666 .elementor-element.elementor-element-409f2b5{--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-c798de7{--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-666 .elementor-element.elementor-element-409f2b5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-c798de7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-666 .elementor-element.elementor-element-a4827c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-d8252a6 *//* ==========================================
   JPA PREMIUM BANNER
   جهان پارت آریا
   رنگ‌ها:
   استخوانی + طوسی روشن + آبی + سفید + قرمز کم
   ========================================== */

.jpa-premium-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    direction: rtl;
    font-family: inherit;

    background:
        linear-gradient(
            135deg,
            #f5f3ed 0%,
            #eef2f5 55%,
            #e8edf1 100%
        );

    border-radius: 24px;
    border: 1px solid #d8dee3;

    box-shadow:
        0 12px 35px rgba(30, 64, 85, 0.08);

    box-sizing: border-box;
}


/* ==========================================
   BACKGROUND
   ========================================== */

.jpa-bg-grid {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(30, 64, 85, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(30, 64, 85, 0.035) 1px,
            transparent 1px
        );

    background-size: 35px 35px;

    pointer-events: none;
}


.jpa-bg-circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}


.jpa-circle-one {
    width: 330px;
    height: 330px;

    left: -130px;
    top: -160px;

    background: rgba(45, 89, 115, 0.07);

    filter: blur(2px);
}


.jpa-circle-two {
    width: 280px;
    height: 280px;

    right: -120px;
    bottom: -160px;

    background: rgba(239, 64, 86, 0.035);

    filter: blur(3px);
}


/* خط قرمز بسیار ظریف */

.jpa-accent-line {
    position: absolute;

    right: 0;
    top: 42px;

    width: 4px;
    height: 90px;

    background: #dc3545;

    border-radius: 4px 0 0 4px;
}


/* ==========================================
   MAIN CONTENT
   ========================================== */

.jpa-banner-content {

    position: relative;
    z-index: 2;

    min-height: 380px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;

    padding: 55px 65px 45px;
}


/* ==========================================
   TEXT
   ========================================== */

.jpa-text-section {

    flex: 1;
    max-width: 650px;

    text-align: right;
}


.jpa-label {

    display: inline-flex;
    align-items: center;

    gap: 9px;

    font-size: 13px;
    font-weight: 700;

    color: #315b73;

    background: rgba(255,255,255,0.72);

    border: 1px solid #d5dce1;

    padding: 7px 14px;

    border-radius: 30px;

    margin-bottom: 18px;
}


.jpa-label-dot {

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #dc3545;

    box-shadow:
        0 0 0 4px rgba(220,53,69,0.08);
}


/* عنوان */

.jpa-title {

    margin: 0;

    color: #25313a;

    font-size: clamp(28px, 3vw, 43px);

    font-weight: 800;

    line-height: 1.5;

    letter-spacing: -0.5px;
}


.jpa-title strong {

    color: #285875;

    font-weight: 900;
}


.jpa-title span {

    color: #dc3545;

    font-weight: 900;
}


/* توضیحات */

.jpa-description {

    max-width: 620px;

    margin: 18px 0 25px;

    color: #64727c;

    font-size: 15px;

    font-weight: 500;

    line-height: 2;

}


.jpa-description strong {

    color: #334f60;

    font-weight: 800;
}


/* ==========================================
   BUTTON
   ========================================== */

.jpa-actions {

    display: flex;
    align-items: center;

    gap: 18px;

    flex-wrap: wrap;
}


.jpa-cta {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    min-width: 215px;

    padding: 13px 22px;

    background:
        linear-gradient(
            135deg,
            #315f7b,
            #23485f
        );

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 800;

    border-radius: 11px;

    border: none;

    box-shadow:
        0 7px 18px rgba(39, 82, 107, 0.20);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}


.jpa-cta svg {

    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.5;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        transform 0.25s ease;
}


.jpa-cta:hover {

    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #39708f,
            #28566f
        );

    box-shadow:
        0 10px 24px rgba(39, 82, 107, 0.25);
}


.jpa-cta:hover svg {

    transform: translateY(3px);
}


.jpa-action-note {

    font-size: 11px;

    color: #89949b;

    font-weight: 700;
}


.jpa-action-note span {

    color: #dc3545;

    margin: 0 4px;
}


/* ==========================================
   LOGO
   ========================================== */

.jpa-logo-section {

    position: relative;

    width: 330px;

    min-width: 330px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.jpa-logo-glow {

    position: absolute;

    width: 250px;
    height: 250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(47, 91, 116, 0.13),
            transparent 68%
        );

    filter: blur(10px);

    animation: jpaGlow 4s ease-in-out infinite;
}


.jpa-logo-card {

    position: relative;
    z-index: 2;

    width: 235px;
    height: 235px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f3f0e9
        );

    border: 1px solid #d4dce1;

    border-radius: 28px;

    box-shadow:
        0 18px 40px rgba(40, 65, 78, 0.12);

    animation: jpaLogoFloat 4s ease-in-out infinite;
}


/* ==========================================
   LOGO SYMBOL
   ========================================== */

.jpa-logo-symbol {

    width: 72px;
    height: 72px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 13px;
}


.jpa-symbol-ring {

    position: relative;

    width: 62px;
    height: 62px;

    border: 4px solid #315f7b;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    animation: jpaRingRotate 12s linear infinite;
}


.jpa-symbol-center {

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #315f7b;

    color: #ffffff;

    font-size: 21px;

    font-weight: 900;

    font-family: Arial, sans-serif;

    animation: jpaCenterPulse 3s ease-in-out infinite;
}


.jpa-symbol-line {

    position: absolute;

    width: 13px;
    height: 4px;

    background: #dc3545;

    border-radius: 4px;
}


.line-one {
    top: 6px;
    right: 5px;
    transform: rotate(35deg);
}


.line-two {
    bottom: 7px;
    left: 5px;
    transform: rotate(35deg);
}


.line-three {
    top: 29px;
    left: -7px;
    transform: rotate(90deg);
}


/* ==========================================
   LOGO TEXT
   ========================================== */

.jpa-logo-en {

    font-family: Arial, sans-serif;

    font-size: 27px;

    font-weight: 900;

    letter-spacing: 4px;

    color: #294d63;
}


.jpa-logo-fa {

    margin-top: 3px;

    font-size: 15px;

    font-weight: 800;

    color: #37444c;
}


.jpa-logo-divider {

    width: 55px;
    height: 1px;

    background: #d5dadd;

    margin: 9px 0 7px;
}


.jpa-logo-subtitle {

    font-family: Arial, sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #8a959c;
}


/* ==========================================
   FEATURES
   ========================================== */

.jpa-features {

    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    background:
        rgba(255,255,255,0.72);

    border-top: 1px solid #dce2e6;

    backdrop-filter: blur(8px);
}


.jpa-feature {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 18px 22px;

    border-left: 1px solid #e1e5e8;
}


.jpa-feature:last-child {
    border-left: none;
}


.jpa-feature-icon {

    width: 43px;
    height: 43px;

    min-width: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #eef3f6;

    border-radius: 11px;

    color: #315f7b;
}


.jpa-feature-icon svg {

    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.jpa-feature-text {

    display: flex;

    flex-direction: column;

    gap: 3px;

    text-align: right;
}


.jpa-feature-text strong {

    font-size: 12px;

    font-weight: 800;

    color: #33434d;
}


.jpa-feature-text span {

    font-size: 10px;

    font-weight: 500;

    color: #89949b;

    line-height: 1.5;
}


/* ==========================================
   ANIMATIONS
   ========================================== */

@keyframes jpaLogoFloat {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


@keyframes jpaGlow {

    0%, 100% {
        opacity: 0.65;
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}


@keyframes jpaRingRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes jpaCenterPulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 900px) {

    .jpa-banner-content {

        padding: 45px 35px;

        gap: 25px;
    }

    .jpa-logo-section {

        width: 270px;
        min-width: 270px;
    }

    .jpa-logo-card {

        width: 200px;
        height: 200px;
    }

    .jpa-features {

        grid-template-columns:
            repeat(2, 1fr);
    }

    .jpa-feature {

        border-bottom: 1px solid #e1e5e8;
    }
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 650px) {

    .jpa-banner-content {

        flex-direction: column-reverse;

        padding: 35px 20px 30px;

        text-align: center;
    }

    .jpa-text-section {

        width: 100%;

        max-width: none;

        text-align: center;
    }

    .jpa-label {

        margin-bottom: 14px;
    }

    .jpa-title {

        font-size: 27px;
    }

    .jpa-description {

        font-size: 13px;

        line-height: 1.9;
    }

    .jpa-actions {

        justify-content: center;
    }

    .jpa-logo-section {

        width: 100%;
        min-width: auto;
    }

    .jpa-logo-card {

        width: 185px;
        height: 185px;
    }

    .jpa-logo-symbol {

        transform: scale(0.85);
    }

    .jpa-logo-en {

        font-size: 23px;
    }

    .jpa-features {

        grid-template-columns: 1fr;
    }

    .jpa-feature {

        border-left: none;

        border-bottom: 1px solid #e1e5e8;

        justify-content: flex-start;

        padding: 14px 20px;
    }

    .jpa-feature:last-child {

        border-bottom: none;
    }
}

#jpa-products {
    scroll-margin-top: 100px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a4827c6 *//* ==========================================
   استایل اختصاصی محصولات جهان پارت آریا JPA
   تم: آبی + طوسی روشن + استخوانی + قرمز محدود
   ========================================== */


/* ==========================================
   ۱. گرید محصولات
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-container,
.elementor-666 .elementor-element.elementor-element-a4827c6 ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    direction: rtl !important;
    padding: 10px !important;
}


/* ==========================================
   ۲. کارت محصول
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item,
.elementor-666 .elementor-element.elementor-element-a4827c6 li.product {
    background: #ffffff !important;
    border: 1px solid #dbe4ea !important;
    border-radius: 16px !important;
    padding: 16px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;

    text-align: center !important;

    box-shadow: 0 4px 15px rgba(30, 64, 90, 0.05) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;

    box-sizing: border-box !important;
}


/* ==========================================
   ۳. افکت Hover کارت
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item:hover,
.elementor-666 .elementor-element.elementor-element-a4827c6 li.product:hover {
    transform: translateY(-6px) !important;

    border-color: #4b8fb3 !important;

    box-shadow:
        0 12px 28px rgba(30, 64, 90, 0.12) !important;
}


/* ==========================================
   ۴. تصویر محصول
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item img,
.elementor-666 .elementor-element.elementor-element-a4827c6 li.product img {
    width: 100% !important;
    height: 150px !important;

    object-fit: contain !important;

    border-radius: 10px !important;

    margin-bottom: 8px !important;

    transition: transform 0.3s ease !important;
}


/* بزرگ شدن خیلی ملایم تصویر هنگام Hover */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item:hover img,
.elementor-666 .elementor-element.elementor-element-a4827c6 li.product:hover img {
    transform: scale(1.04) !important;
}


/* ==========================================
   ۵. عنوان محصول
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item h2,
.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item h3,
.elementor-666 .elementor-element.elementor-element-a4827c6 li.product .woocommerce-loop-product__title,
.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item a {
    font-size: 13px !important;

    font-weight: 700 !important;

    color: #1e293b !important;

    line-height: 1.6 !important;

    margin-bottom: 8px !important;

    height: auto !important;

    min-height: 42px !important;

    max-height: 60px !important;

    overflow: hidden !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    text-overflow: ellipsis !important;
}


/* ==========================================
   ۶. قیمت محصول
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .price,
.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item .price {
    font-size: 15px !important;

    font-weight: 800 !important;

    color: #285f7a !important;

    margin-bottom: 12px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    gap: 2px !important;
}


/* قیمت قبلی در تخفیف */

.elementor-666 .elementor-element.elementor-element-a4827c6 .price del {
    font-size: 12px !important;

    color: #94a3b8 !important;

    font-weight: 500 !important;
}


/* ==========================================
   ۷. دکمه افزودن به سبد خرید
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .button,
.elementor-666 .elementor-element.elementor-element-a4827c6 .add_to_cart_button,
.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-button {

    width: 100% !important;

    background: #285f7a !important;

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    padding: 10px 0 !important;

    border-radius: 10px !important;

    border: none !important;

    transition: all 0.25s ease !important;

    box-shadow:
        0 4px 12px rgba(40, 95, 122, 0.20) !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================================
   ۸. Hover دکمه
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .button:hover,
.elementor-666 .elementor-element.elementor-element-a4827c6 .add_to_cart_button:hover,
.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-button:hover {

    background: #1f4d65 !important;

    box-shadow:
        0 6px 16px rgba(40, 95, 122, 0.30) !important;

    transform: translateY(-1px) !important;
}


/* ==========================================
   ۹. تأکید قرمز بسیار محدود
   ========================================== */

/* در صورت وجود نشان تخفیف ووکامرس */

.elementor-666 .elementor-element.elementor-element-a4827c6 .onsale {
    background: #c94a4a !important;

    color: #ffffff !important;

    border-radius: 8px !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    padding: 5px 9px !important;
}


/* ==========================================
   ۱۰. حذف مشاهده سبد خرید
   ========================================== */

.added_to_cart,
.elementor-666 .elementor-element.elementor-element-a4827c6 .added_to_cart,
.woocommerce-loop-product__link + .added_to_cart {
    display: none !important;
}


/* ==========================================
   ۱۱. پس‌زمینه بسیار ملایم محصولات
   ========================================== */

.elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-container {
    background: #f8fafb !important;

    border-radius: 18px !important;
}


/* ==========================================
   ۱۲. حالت موبایل
   ========================================== */

@media (max-width: 767px) {

    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-container,
    .elementor-666 .elementor-element.elementor-element-a4827c6 ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;

        padding: 6px !important;
    }

    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item,
    .elementor-666 .elementor-element.elementor-element-a4827c6 li.product {

        padding: 12px !important;

        border-radius: 13px !important;
    }

    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item img,
    .elementor-666 .elementor-element.elementor-element-a4827c6 li.product img {

        height: 120px !important;
    }

    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item h2,
    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-loop-item h3,
    .elementor-666 .elementor-element.elementor-element-a4827c6 li.product .woocommerce-loop-product__title {

        font-size: 12px !important;
    }

    .elementor-666 .elementor-element.elementor-element-a4827c6 .price {

        font-size: 13px !important;
    }

    .elementor-666 .elementor-element.elementor-element-a4827c6 .button,
    .elementor-666 .elementor-element.elementor-element-a4827c6 .add_to_cart_button,
    .elementor-666 .elementor-element.elementor-element-a4827c6 .elementor-button {

        font-size: 12px !important;

        padding: 9px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-c34ecfc *//* ==========================================
   استایل کارت برندها / دسته‌بندی‌ها - JPA
   جهان پارت آریا
   ========================================== */


/* ۱. کارت برند */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product {
    background: #ffffff !important;

    border: 1px solid #dbe3ea !important;
    border-radius: 14px !important;

    padding: 16px 12px !important;

    text-align: center !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;

    box-shadow:
        0 3px 8px rgba(30, 41, 59, 0.04) !important;
}


/* ۲. Hover کارت */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category:hover,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product:hover {

    border-color: #2563eb !important;

    transform: translateY(-5px) !important;

    box-shadow:
        0 10px 24px rgba(37, 99, 235, 0.12) !important;
}


/* ۳. تصویر / لوگوی برند */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category img,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product img {

    max-width: 80px !important;

    height: auto !important;

    margin: 0 auto 12px auto !important;

    border-radius: 8px !important;

    transition: transform 0.3s ease !important;
}


/* بزرگ شدن بسیار ملایم لوگو هنگام Hover */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category:hover img,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product:hover img {

    transform: scale(1.05) !important;
}


/* ۴. عنوان برند */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category .woocommerce-loop-category__title,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product h2,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product h3 {

    font-size: 14px !important;

    font-weight: 700 !important;

    color: #1e293b !important;

    margin: 8px 0 0 0 !important;

    padding: 0 !important;

    line-height: 1.5 !important;
}


/* ۵. تأکید بسیار ظریف روی عنوان هنگام Hover */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category:hover
.woocommerce-loop-category__title,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product:hover h2,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product:hover h3 {

    color: #2563eb !important;
}


/* ۶. مخفی کردن تعداد محصولات */
.elementor-666 .elementor-element.elementor-element-c34ecfc .product-category .count,
.elementor-666 .elementor-element.elementor-element-c34ecfc li.product .count,
.elementor-666 .elementor-element.elementor-element-c34ecfc .woocommerce-loop-category__title mark.count {

    display: none !important;
}/* End custom CSS */