.elementor-288 .elementor-element.elementor-element-958cdbd > .elementor-container{max-width:1600px;}.elementor-288 .elementor-element.elementor-element-282a985{margin-top:-15px;margin-bottom:0px;}.elementor-288 .elementor-element.elementor-element-7c18d51 .mehrnoosh-slider-2024-one.mehrnoosh-slider-iran-12{background:#FFFFFF  !important;}.elementor-288 .elementor-element.elementor-element-7c18d51 .mehrnoosh-slider-2024-one.mehrnoosh-slider-iran-12 .iran-button-slider-mehrnoosh{background:var( --e-global-color-6217524 );}.elementor-288 .elementor-element.elementor-element-7c18d51 .mehrnoosh-slider-2024-one.mehrnoosh-slider-iran-12 .iran-button-slider-mehrnoosh:hover{color:#000000  !important;}.elementor-288 .elementor-element.elementor-element-7c18d51 .mehrnoosh-image-slider-one-two-img{border-radius:40px 40px 40px 40px !important;}.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-slider-main-one-element-one-right-one{background-color:transparent;background-image:linear-gradient(90deg, #6EE2E0 0%, #5257E5 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-288 .elementor-element.elementor-element-c42c532 img{border-radius:24px 24px 24px 24px;}.elementor-288 .elementor-element.elementor-element-cc11e94 img{border-radius:24px 24px 24px 24px;}.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-slider-main-one-element-one-right-one{background-color:transparent;background-image:linear-gradient(90deg, #6EE2E0 0%, #5257E5 100%);}.elementor-288 .elementor-element.elementor-element-538fce8 img{border-radius:24px 24px 24px 24px;}.elementor-288 .elementor-element.elementor-element-10cb42b img{border-radius:24px 24px 24px 24px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-685ed4a > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-685ed4a{text-align:start;}.elementor-288 .elementor-element.elementor-element-685ed4a .elementor-heading-title{color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-3be2c40 .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-6217524 );color:var( --e-global-color-6217524 );}.elementor-288 .elementor-element.elementor-element-3be2c40 > .elementor-widget-container{margin:0px 23px 0px 0px;}.elementor-288 .elementor-element.elementor-element-3be2c40 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-288 .elementor-element.elementor-element-3be2c40 .elementor-button .elementor-button-content-wrapper{gap:0px;}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-958cdbd{margin-top:-40px;margin-bottom:0px;}.elementor-288 .elementor-element.elementor-element-68fcf21 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-018006b{margin-top:0px;margin-bottom:0px;}.elementor-288 .elementor-element.elementor-element-c42c532 img{border-radius:024px 024px 024px 024px;}.elementor-288 .elementor-element.elementor-element-cc11e94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-cc11e94 img{border-radius:24px 24px 24px 24px;}.elementor-288 .elementor-element.elementor-element-e640549{margin-top:0px;margin-bottom:0px;}.elementor-288 .elementor-element.elementor-element-1a92b4f{width:50%;}.elementor-288 .elementor-element.elementor-element-685ed4a > .elementor-widget-container{margin:11px 10px 0px 0px;}.elementor-288 .elementor-element.elementor-element-4193713{width:50%;}.elementor-288 .elementor-element.elementor-element-4193713 > .elementor-element-populated{margin:0px 11px 0px 0px;--e-column-margin-right:11px;--e-column-margin-left:0px;}.elementor-288 .elementor-element.elementor-element-3be2c40 > .elementor-widget-container{margin:6px 28px 0px 0px;}.elementor-288 .elementor-element.elementor-element-3be2c40 .elementor-button{font-size:10px;}.elementor-288 .elementor-element.elementor-element-37032f2{margin-top:-15px;margin-bottom:0px;}}/* Start custom CSS for sliderimage, class: .elementor-element-32970bb *//* ============================================
   کنترل ارتفاع تصویر اصلی + بندانگشتی‌ها (thumbnail)
   دسکتاپ و موبایل جدا از هم
   فقط عددهای height رو هر جا خواستی عوض کن
   ============================================ */

/* -------- تصویر اصلی اسلایدر (دسکتاپ) -------- */
.woolmehrnooshswiper2mehrslider6628 .swiper-slide,
.woolmehrnooshswiper2mehrslider6628 a.mehrnoosh-image-slider-one-two,
.woolmehrnooshswiper2mehrslider6628 .mehrnoosh-image-slider-one-two-img {
  height: 450px !important; /* <-- ارتفاع تصویر اصلی تو دسکتاپ */
  width: 100% !important;
}
.woolmehrnooshswiper2mehrslider6628 .mehrnoosh-image-slider-one-two-img {
  background-size: cover !important;
  background-position: center center !important;
}

/* -------- بندانگشتی‌ها (thumbnail) - دسکتاپ -------- */
.woolmehrnooshswipermehrslider6628 .swiper-slide,
.woolmehrnooshswipermehrslider6628 .mehrnoosh-img-thumb {
  height: 50px !important; /* <-- ارتفاع هر بندانگشتی تو دسکتاپ */
}
.woolmehrnooshswipermehrslider6628 .mehrnoosh-img-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ============================================
   حالت موبایل
   ============================================ */
@media (max-width: 767px) {

  /* تصویر اصلی - موبایل */
  .woolmehrnooshswiper2mehrslider6628 .swiper-slide,
  .woolmehrnooshswiper2mehrslider6628 a.mehrnoosh-image-slider-one-two,
  .woolmehrnooshswiper2mehrslider6628 .mehrnoosh-image-slider-one-two-img {
    height: 160px !important;
    border-radius: 20px;
    /* <-- ارتفاع تصویر اصلی تو موبایل */
  }

  /* بندانگشتی‌ها - موبایل */
  .woolmehrnooshswipermehrslider6628 .swiper-slide,
  .woolmehrnooshswipermehrslider6628 .mehrnoosh-img-thumb {
    height: 55px !important; /* <-- ارتفاع هر بندانگشتی تو موبایل */
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68fcf21 *//* =====================================
   CATEGORY SECTION
===================================== */

.categories-section {
    --main-blue: #0860fe;
    --card-bg: #f3f4f6;

    width: 100%;
    max-width: 12000px;

    margin: 0 auto;

    direction: rtl;

    font-family:
        "IRANYekan",
        "IRANYekanX",
        "Iran Yekan",
        sans-serif;
}


/* =====================================
   HEADER
===================================== */

.categories-header {
    display: flex;
    align-items: center;

    margin: 8px 10px 13px;

    padding-right: 10px;

    border-right: 4px solid var(--main-blue);

    color: #151515;

    font-family:
        "IRANYekan",
        "IRANYekanX",
        "Iran Yekan",
        sans-serif !important;

    font-size: 17px;
    font-weight: 800;

    line-height: 24px;
}


/* =====================================
   SLIDER
===================================== */

.categories-slider {
    display: grid;

    grid-template-columns: repeat(7, 1fr);

    gap: 12px;

    width: 100%;

    padding: 0 10px 10px;

    box-sizing: border-box;
}


/* =====================================
   CARD
===================================== */

.category-card {
    position: relative;

    min-width: 0;

    background: var(--card-bg);

    border: 1px solid #e4e7eb;

    border-radius: 11px;

    overflow: hidden;

    box-shadow: none;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* خط آبی خیلی کوچک بالای کارت */

.category-card::before {
    content: "";

    position: absolute;

    top: 0;
    right: 50%;

    transform: translateX(50%);

    width: 18px;
    height: 2px;

    background: var(--main-blue);

    border-radius: 0 0 5px 5px;

    z-index: 5;
}


/* Hover */

.category-card:hover {
    transform: translateY(-2px);

    border-color: #d4dbe8;

    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.045);
}


/* =====================================
   LINK
===================================== */

.card-link {
    display: flex;

    flex-direction: column;

    width: 100%;
    height: 100%;

    background: var(--card-bg);

    text-decoration: none !important;

    color: inherit;
}


/* =====================================
   IMAGE
===================================== */

.card-image {
    height: 132px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: var(--card-bg);

    padding: 5px 5px 0;

    margin: 0;

    overflow: hidden;

    border: none !important;

    box-sizing: border-box;
}


.card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    margin: 0;

    padding: 0;

    transform: scale(1.05);

    transition: transform 0.3s ease;
}


.category-card:hover .card-image img {
    transform: scale(1.09);
}


/* =====================================
   CARD TITLE
===================================== */

.card-title {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 35px;

    padding: 3px 5px 7px;

    margin: 0;

    background: var(--card-bg);

    border: none !important;

    color: #202124;

    text-align: center;

    font-family:
        "IRANYekan",
        "IRANYekanX",
        "Iran Yekan",
        sans-serif !important;

    font-size: 13px;

    font-weight: 800 !important;

    line-height: 18px;

    box-sizing: border-box;

    transition: color 0.25s ease;
}


.category-card:hover .card-title {
    color: var(--main-blue);
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px) {

    .categories-header {
        margin: 7px 10px 12px;

        font-size: 15px;
    }


    .categories-slider {
        display: flex;

        gap: 10px;

        padding: 0 10px 9px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

        -ms-overflow-style: none;
    }


    .categories-slider::-webkit-scrollbar {
        display: none;
    }


    .category-card {
        flex: 0 0 calc((100% - 20px) / 3);

        scroll-snap-align: start;
    }


    .card-image {
        height: 112px;
    }


    .card-image img {
        transform: scale(1.06);
    }


    .category-card:hover .card-image img {
        transform: scale(1.10);
    }


    .card-title {
        min-height: 32px;

        padding: 3px 4px 5px;

        font-size: 12px;

        font-weight: 800 !important;

        line-height: 17px;
    }
}


/* =====================================
   MOBILE
   سه کارت کامل
===================================== */

@media (max-width: 480px) {

    .categories-header {
        margin: 5px 8px 10px;

        padding-right: 8px;

        border-right-width: 3px;

        font-size: 14px;

        font-weight: 800;

        line-height: 21px;
    }


    .categories-slider {
        gap: 8px;

        padding: 0 8px 8px;
    }


    .category-card {
        flex: 0 0 calc((100% - 16px) / 3);

        border-radius: 9px;
    }


    /* خط آبی کوتاه‌تر */

    .category-card::before {
        width: 14px;
        height: 2px;
    }


    /* عکس کمی بزرگ‌تر */

    .card-image {
        height: 94px;

        padding: 3px 3px 0;
    }


    .card-image img {
        transform: scale(1.08);
    }


    .category-card:hover .card-image img {
        transform: scale(1.11);
    }


    .card-title {
        min-height: 30px;

        padding: 2px 2px 5px;

        font-size: 11px;

        font-weight: 800 !important;

        line-height: 15px;
    }
}


/* =====================================
   SMALL MOBILE
===================================== */

@media (max-width: 360px) {

    .categories-slider {
        gap: 6px;

        padding-left: 7px;
        padding-right: 7px;
    }


    .category-card {
        flex: 0 0 calc((100% - 12px) / 3);
    }


    .card-image {
        height: 88px;
    }


    .card-title {
        min-height: 28px;

        font-size: 10px;

        line-height: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for productslider, class: .elementor-element-675cef4 *//* ==========================================================
   AUTOGARAG PRODUCT SLIDER
   FINAL COMPREHENSIVE VERSION
   Primary Color: #0860fe
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4{
    --ag-primary:#0860fe;
    --ag-primary-hover:#064fd5;

    --ag-text:#252a31;
    --ag-price:#20242a;

    --ag-old-price:#999fa8;
    --ag-old-bg:#f0f1f3;

    --ag-image-bg:#f2f2f2;
    --ag-border:#eceff3;
    --ag-line:#dde1e6;

    font-family:"IRANYekan",Tahoma,sans-serif !important;
}


/* ==========================================================
   02. حذف باکس توضیحات کناری اسلایدر
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-slider-main-one-element-one-right,
.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-slider-main-one-element-one-background{
    display:none !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-slider-main-one-element-one{
    width:100% !important;
    max-width:100% !important;

    flex:0 0 100% !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* ==========================================================
   03. بخش اصلی اسلایدر
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-slider-main-one-element{
    width:100% !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* ==========================================================
   04. SWIPER
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .swiper-products-onemehrsliderone6829{
    width:100% !important;
    max-width:100% !important;

    padding:5px 2px 14px !important;

    background:transparent !important;

    overflow:hidden !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.swiper-products-onemehrsliderone6829
.swiper-wrapper{
    align-items:stretch !important;
}


/* ==========================================================
   05. DESKTOP
   پنج محصول کنار هم
   ========================================================== */

@media only screen and (min-width:1200px){

    .elementor-288 .elementor-element.elementor-element-675cef4
    .swiper-products-onemehrsliderone6829
    .swiper-wrapper{
        gap:14px !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .swiper-products-onemehrsliderone6829
    .swiper-slide{
        width:calc((100% - 56px) / 5) !important;
        min-width:calc((100% - 56px) / 5) !important;
        max-width:calc((100% - 56px) / 5) !important;

        flex:0 0 calc((100% - 56px) / 5) !important;

        margin:0 !important;
    }

}


/* ==========================================================
   06. حذف ظاهر Wrapperهای اضافی کارت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.swiper-products-onemehrsliderone6829
.swiper-slide,

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-one-element,

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;

    border-radius:0 !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-one-element{
    height:auto !important;

    padding:2px !important;
    margin:0 !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    padding:0 !important;
    margin:0 !important;

    overflow:visible !important;
}


/* ==========================================================
   07. حذف pseudo های Wrapper
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.swiper-products-onemehrsliderone6829
.swiper-slide::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.swiper-products-onemehrsliderone6829
.swiper-slide::after,

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-one-element::before,
.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-one-element::after,

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element::before,
.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element::after{
    content:none !important;

    display:none !important;

    background:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* ==========================================================
   08. کارت اصلی محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element-one{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;

    min-height:400px !important;

    padding:
        10px
        10px
        67px !important;

    margin:0 !important;

    background:#fff !important;
    background-image:none !important;

    border:
        1px solid var(--ag-border) !important;

    border-radius:17px !important;

    box-shadow:
        0 4px 14px
        rgba(20,30,45,.06) !important;

    overflow:hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Hover کارت در دسکتاپ */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one:hover{
    transform:translateY(-3px);

    border-color:
        rgba(8,96,254,.12) !important;

    box-shadow:
        0 9px 24px
        rgba(20,30,45,.09) !important;
}


/* ==========================================================
   09. حذف ابزارهای اضافی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .wishlist-single-mehrnoosh,
.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-box-meta-shop,
.elementor-288 .elementor-element.elementor-element-675cef4 .compare-button-mehrnoosh{
    display:none !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-top-meta-slider-one-element{
    position:static !important;

    width:0 !important;
    height:0 !important;

    padding:0 !important;
    margin:0 !important;
}


/* ==========================================================
   10. محصول تخفیف‌دار
   خط آبی کنار کارت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one:has(
    .price-and-box-mehrnoosh-in-shop-offer
)::before{
    content:"" !important;

    position:absolute !important;

    top:19px !important;
    left:0 !important;

    display:block !important;

    width:4px !important;
    height:41px !important;

    background:
        var(--ag-primary) !important;

    border-radius:
        0 5px 5px 0 !important;

    box-shadow:
        1px 0 6px
        rgba(8,96,254,.25) !important;

    z-index:25 !important;

    pointer-events:none !important;
}


/* ==========================================================
   11. درصد تخفیف
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-and-box-mehrnoosh-in-shop-offer{
    position:absolute !important;

    top:25px !important;
    left:19px !important;
    right:auto !important;

    z-index:30 !important;

    display:block !important;

    width:auto !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    color:
        var(--ag-primary) !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:14px !important;
    font-weight:900 !important;

    line-height:20px !important;

    text-align:left !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.price-and-box-mehrnoosh-in-shop-offer::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-and-box-mehrnoosh-in-shop-offer::after{
    content:none !important;

    display:none !important;
}


/* ==========================================================
   12. لینک محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one > a{
    display:block !important;

    background:transparent !important;

    color:inherit !important;

    border:0 !important;

    box-shadow:none !important;

    text-decoration:none !important;
}


/* ==========================================================
   13. تصویر محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element-img{
    position:relative !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    aspect-ratio:1 / 1 !important;

    margin:
        0 0 9px !important;

    padding:10px !important;

    background:
        var(--ag-image-bg) !important;

    border:0 !important;

    border-radius:13px !important;

    box-shadow:none !important;

    overflow:hidden !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-img img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    box-shadow:none !important;

    transform:scale(1);

    transition:
        transform .3s ease !important;
}


/* Zoom دسکتاپ */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one:hover
.mehrnoosh-product-slider-one-element-img img{
    transform:scale(1.03);
}


/* ==========================================================
   14. عنوان محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-title-slider-one-element{
    width:100% !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:
        0 0 6px !important;

    padding:
        0 3px !important;

    background:transparent !important;

    color:
        var(--ag-text) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:12px !important;
    font-weight:700 !important;

    line-height:22px !important;

    text-align:right !important;

    white-space:normal !important;

    display:-webkit-box !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
}


/* ==========================================================
   15. PRICE AREA
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent{
    position:relative !important;

    display:block !important;

    width:100% !important;

    height:5px !important;

    min-height:58px !important;
    max-height:58px !important;

    margin-top:auto !important;

    padding:
        22px
        4px
        0 !important;

    direction:rtl !important;

    text-align:right !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;

    overflow:visible !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;
}


/* ==========================================================
   16. خط خاکستری قیمت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent::before{
    content:"";

    position:absolute;

    top:10px;

    right:0;
    left:0;

    height:1px;

    background:
        var(--ag-line);
}


/* Screen Reader */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.screen-reader-text{
    display:none !important;
}


/* ==========================================================
   17. RESET قیمت WooCommerce
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.amount{
    position:static !important;

    float:none !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transform:none !important;

    white-space:nowrap !important;

    vertical-align:middle !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent bdi{
    display:inline !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    direction:rtl !important;

    white-space:nowrap !important;
}


/* ==========================================================
   18. قیمت معمولی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> .woocommerce-Price-amount{
    display:block !important;

    width:100% !important;

    color:
        var(--ag-price) !important;

    font-size:13px !important;
    font-weight:900 !important;

    line-height:27px !important;

    text-align:right !important;
}


/* ==========================================================
   19. تومان قیمت معمولی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> .woocommerce-Price-amount
.woocommerce-Price-currencySymbol{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    height:26px !important;

    margin:
        0 6px 0 0 !important;

    padding:
        0 9px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        999px !important;

    box-shadow:
        0 4px 10px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:9px !important;
    font-weight:800 !important;

    line-height:26px !important;

    vertical-align:middle !important;
}


/* ==========================================================
   20. قیمت قبلی محصول تخفیف‌دار
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent > del{
    position:absolute !important;

    top:0 !important;
    left:50% !important;

    transform:
        translateX(-50%) !important;

    z-index:3 !important;

    display:block !important;

    width:auto !important;

    margin:0 !important;

    padding:
        0 7px !important;

    background:#fff !important;

    opacity:1 !important;

    white-space:nowrap !important;

    text-decoration:none !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> del
.woocommerce-Price-amount{
    display:inline-block !important;

    padding:
        3px
        9px !important;

    background:
        var(--ag-old-bg) !important;

    color:
        var(--ag-old-price) !important;

    border-radius:
        4px !important;

    font-size:9px !important;

    font-weight:500 !important;

    line-height:15px !important;

    text-decoration:
        line-through !important;

    text-decoration-thickness:
        1px !important;

    text-decoration-color:
        #a8adb5 !important;
}


/* تومان قیمت قبلی مخفی */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> del
.woocommerce-Price-currencySymbol{
    display:none !important;
}


/* ==========================================================
   21. قیمت جدید محصول تخفیف‌دار
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent > ins{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    text-decoration:none !important;

    text-align:right !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> ins
.woocommerce-Price-amount{
    display:block !important;

    width:100% !important;

    color:
        var(--ag-price) !important;

    font-size:13px !important;

    font-weight:900 !important;

    line-height:27px !important;

    text-align:right !important;
}


/* تومان قیمت جدید */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
> ins
.woocommerce-Price-currencySymbol{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    height:26px !important;

    margin:
        0 6px 0 0 !important;

    padding:
        0 9px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        999px !important;

    box-shadow:
        0 4px 10px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:9px !important;

    font-weight:800 !important;

    line-height:26px !important;

    vertical-align:middle !important;
}


/* ==========================================================
   22. حذف pseudo های قیمت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount::after,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-currencySymbol::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-currencySymbol::after,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
del::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
del::after,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
ins::before,

.elementor-288 .elementor-element.elementor-element-675cef4
.price-mehrnoosh-slide-one-emelent
ins::after{
    content:none !important;

    box-shadow:none !important;
}


/* ==========================================================
   23. دکمه خرید محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one > a::after{
    content:"خرید محصول" !important;

    position:absolute !important;

    right:12px !important;
    left:12px !important;

    bottom:12px !important;

    height:41px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:
        0 10px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        10px !important;

    box-shadow:
        0 5px 13px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:13px !important;

    font-weight:800 !important;

    line-height:41px !important;

    text-align:center !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


.elementor-288 .elementor-element.elementor-element-675cef4
.mehrnoosh-product-slider-one-element-one
> a:hover::after{
    background:
        var(--ag-primary-hover) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 17px
        rgba(8,96,254,.22) !important;
}


/* ==========================================================
   24. TABLET
   ========================================================== */

@media only screen
and (min-width:769px)
and (max-width:1199px){

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one{
        min-height:
            370px !important;
    }

}


/* ==========================================================
   25. MOBILE
   ========================================================== */

@media only screen and (max-width:768px){


    /* ======================================================
       A. هدر موبایل

       راست:
       عنوان اسلایدر

       چپ:
       مشاهده محصولات + آیکون اصلی

       نکته:
       عنوان 8px به سمت چپ آمده است.
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one{
        display:flex !important;

        align-items:center !important;

        justify-content:
            space-between !important;

        width:100% !important;

        min-height:
            32px !important;

        margin:
            0 0 9px !important;

        padding:
            0 4px !important;

        direction:
            rtl !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        box-sizing:
            border-box !important;
    }


    /* ======================================================
       B. بخش عنوان سمت راست
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one{
        display:flex !important;

        align-items:center !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            65% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;


        /*
         * کنترل محل عنوان
         *
         * -8px = هشت پیکسل سمت چپ
         *
         * اگر خواستی بیشتر سمت چپ:
         * -12px
         *
         * اگر خواستی کمتر:
         * -4px
         */
        transform:
            translateX(-8px) !important;
    }


    /* تصویر کنار عنوان حذف */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one
    .darkmehr,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one
    .darkmehrone{
        display:none !important;
    }


    /* زیرعنوان انگلیسی حذف */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one-title-two{
        display:none !important;
    }


    /* عنوان اصلی */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one-titr{
        display:block !important;

        width:auto !important;

        margin:0 !important;

        padding:0 !important;

        color:
            var(--ag-text) !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;

        font-size:
            15px !important;

        font-weight:
            800 !important;

        line-height:
            24px !important;

        text-align:
            right !important;

        white-space:
            nowrap !important;
    }


    /* Reset تگ‌های داخل عنوان */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one-titr p,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one-titr strong{
        margin:
            0 !important;

        padding:
            0 !important;

        color:
            inherit !important;

        font:
            inherit !important;

        line-height:
            inherit !important;
    }


    /* br عنوان حذف */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-element-one-one-titr br{
        display:none !important;
    }


    /* ======================================================
       C. فلش‌های Swiper در هدر موبایل مخفی
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element{
        display:none !important;
    }


    /* ======================================================
       D. دکمه مشاهده محصولات
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw{
        position:
            static !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 0 auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            28px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            6px !important;

        direction:
            rtl !important;

        background:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            var(--ag-primary) !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;


        /*
         * متن اصلی قالب:
         * محصولات بیشتر ...
         *
         * با font-size صفر مخفی می‌شود.
         * متن جدید با ::before ساخته می‌شود.
         */
        font-size:
            0 !important;

        line-height:
            28px !important;

        text-decoration:
            none !important;

        white-space:
            nowrap !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        transform:
            none !important;
    }


    /* متن جدید */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw::before{
        content:
            "مشاهده محصولات" !important;

        display:
            block !important;

        /*
         * متن اول
         */
        order:
            1 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            var(--ag-primary) !important;

        background:
            transparent !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;

        font-size:
            11.5px !important;

        font-weight:
            700 !important;

        line-height:
            28px !important;

        white-space:
            nowrap !important;
    }


    /*
     * فلش یا آیکون مصنوعی ساخته نشود.
     */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw::after{
        content:
            none !important;

        display:
            none !important;
    }


    /* ======================================================
       E. آیکون اصلی خود ویجت

       فقط همین آیکون:
       fi-rr-basket-shopping-simple

       سمت چپ متن نمایش داده می‌شود.
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw > i{
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;


        /*
         * متن order:1
         * آیکون order:2
         *
         * در RTL نتیجه:
         * مشاهده محصولات  [آیکون]
         */
        order:
            2 !important;

        flex:
            0 0 auto !important;

        width:
            18px !important;

        height:
            18px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            var(--ag-primary) !important;

        background:
            transparent !important;

        border:
            0 !important;

        font-size:
            15px !important;

        font-weight:
            400 !important;

        line-height:
            18px !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        transform:
            none !important;

        transition:
            transform .2s ease,
            color .2s ease !important;
    }


    /* افکت خیلی نرم آیکون */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:hover > i,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:focus > i,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:active > i{
        transform:
            translateX(-2px) !important;
    }


    /* دکمه در موبایل بک‌گراند نگیرد */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:hover,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:focus,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-nav-slider-element-morw:active{
        background:
            transparent !important;

        color:
            var(--ag-primary) !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        outline:
            none !important;
    }


    /* ======================================================
       F. فاصله بخش اصلی بعد از هدر
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-slider-main-one-element{
        margin-top:
            0 !important;

        padding-top:
            0 !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .swiper-products-onemehrsliderone6829{
        padding:
            2px
            1px
            7px !important;
    }


    /* ======================================================
       G. Wrapperهای موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-one-element,
    .elementor-288 .elementor-element.elementor-element-675cef4 .mehrnoosh-product-slider-one-element{
        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        padding:
            1px !important;

        border-radius:
            0 !important;
    }


    /* ======================================================
       H. کارت موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one{
        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        padding:
            6px
            6px
            49px !important;

        border-radius:
            12px !important;

        box-shadow:
            0 3px 10px
            rgba(20,30,45,.055) !important;

        /*
         * کارت موبایل حرکت نمی‌کند
         */
        transform:
            none !important;
    }


    /* جلوگیری از حرکت کارت */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:hover,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:focus,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:active,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element:hover,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element:focus,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element:active,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-one-element:hover,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-one-element:focus,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-one-element:active{
        transform:
            none !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:hover,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:focus,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:active{
        box-shadow:
            0 3px 10px
            rgba(20,30,45,.055) !important;

        border-color:
            var(--ag-border) !important;
    }


    /* ======================================================
       I. تصویر موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-img{
        width:
            100% !important;

        aspect-ratio:
            auto !important;

        height:
            135px !important;

        min-height:
            0 !important;

        max-height:
            135px !important;

        margin:
            0 0 6px !important;

        padding:
            6px !important;

        border-radius:
            9px !important;

        overflow:
            hidden !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-img img{
        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            contain !important;

        transform:
            scale(1) !important;

        transition:
            transform .28s ease !important;
    }


    /* فقط عکس Zoom شود */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:hover
    .mehrnoosh-product-slider-one-element-img img,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:focus
    .mehrnoosh-product-slider-one-element-img img,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:active
    .mehrnoosh-product-slider-one-element-img img{
        transform:
            scale(1.025) !important;
    }


    /* ======================================================
       J. عنوان محصول موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-title-slider-one-element{
        height:
            36px !important;

        min-height:
            36px !important;

        max-height:
            36px !important;

        margin:
            0 0 3px !important;

        padding:
            0 2px !important;

        font-size:
            10px !important;

        font-weight:
            700 !important;

        line-height:
            18px !important;

        -webkit-line-clamp:
            2 !important;
    }


    /* ======================================================
       K. قیمت موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent{
        height:
            44px !important;

        min-height:
            44px !important;

        max-height:
            44px !important;

        margin-top:
            0 !important;

        padding:
            18px
            2px
            0 !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent::before{
        top:
            8px !important;
    }


    /* عدد قیمت */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > .woocommerce-Price-amount,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > ins
    .woocommerce-Price-amount{
        font-size:
            10.5px !important;

        line-height:
            23px !important;
    }


    /* تومان */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > .woocommerce-Price-amount
    .woocommerce-Price-currencySymbol,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > ins
    .woocommerce-Price-currencySymbol{
        height:
            21px !important;

        margin-right:
            4px !important;

        padding:
            0 7px !important;

        font-size:
            7.5px !important;

        line-height:
            21px !important;
    }


    /* ======================================================
       L. قیمت قبلی موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > del{
        top:
            -1px !important;

        padding:
            0 5px !important;
    }


    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-mehrnoosh-slide-one-emelent
    > del
    .woocommerce-Price-amount{
        padding:
            2px 6px !important;

        font-size:
            7.5px !important;

        line-height:
            13px !important;
    }


    /* ======================================================
       M. درصد تخفیف موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .price-and-box-mehrnoosh-in-shop-offer{
        top:
            14px !important;

        left:
            12px !important;

        right:
            auto !important;

        font-size:
            13px !important;

        font-weight:
            900 !important;

        line-height:
            18px !important;
    }


    /* ======================================================
       N. خط آبی تخفیف موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one:has(
        .price-and-box-mehrnoosh-in-shop-offer
    )::before{
        top:
            10px !important;

        left:
            0 !important;

        width:
            4px !important;

        height:
            31px !important;

        background:
            var(--ag-primary) !important;

        border-radius:
            0 4px 4px 0 !important;

        box-shadow:
            1px 0 5px
            rgba(8,96,254,.23) !important;
    }


    /* ======================================================
       O. دکمه خرید موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one
    > a::after{
        right:
            7px !important;

        left:
            7px !important;

        bottom:
            7px !important;

        height:
            34px !important;

        padding:
            0 7px !important;

        border-radius:
            8px !important;

        font-size:
            10.5px !important;

        line-height:
            34px !important;
    }


    /* دکمه خرید در Touch تکان نخورد */

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one
    > a:hover::after,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one
    > a:focus::after,

    .elementor-288 .elementor-element.elementor-element-675cef4
    .mehrnoosh-product-slider-one-element-one
    > a:active::after{
        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for productslider, class: .elementor-element-748bae4 *//* ==========================================================
   AUTOGARAG PRODUCT SLIDER
   FINAL COMPREHENSIVE VERSION
   Primary Color: #0860fe
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4{
    --ag-primary:#0860fe;
    --ag-primary-hover:#064fd5;

    --ag-text:#252a31;
    --ag-price:#20242a;

    --ag-old-price:#999fa8;
    --ag-old-bg:#f0f1f3;

    --ag-image-bg:#f2f2f2;
    --ag-border:#eceff3;
    --ag-line:#dde1e6;

    font-family:"IRANYekan",Tahoma,sans-serif !important;
}


/* ==========================================================
   02. حذف باکس توضیحات کناری اسلایدر
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-slider-main-one-element-one-right,
.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-slider-main-one-element-one-background{
    display:none !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-slider-main-one-element-one{
    width:100% !important;
    max-width:100% !important;

    flex:0 0 100% !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* ==========================================================
   03. بخش اصلی اسلایدر
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-slider-main-one-element{
    width:100% !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* ==========================================================
   04. SWIPER
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .swiper-products-onemehrsliderone6829{
    width:100% !important;
    max-width:100% !important;

    padding:5px 2px 14px !important;

    background:transparent !important;

    overflow:hidden !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.swiper-products-onemehrsliderone6829
.swiper-wrapper{
    align-items:stretch !important;
}


/* ==========================================================
   05. DESKTOP
   پنج محصول کنار هم
   ========================================================== */

@media only screen and (min-width:1200px){

    .elementor-288 .elementor-element.elementor-element-748bae4
    .swiper-products-onemehrsliderone6829
    .swiper-wrapper{
        gap:14px !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .swiper-products-onemehrsliderone6829
    .swiper-slide{
        width:calc((100% - 56px) / 5) !important;
        min-width:calc((100% - 56px) / 5) !important;
        max-width:calc((100% - 56px) / 5) !important;

        flex:0 0 calc((100% - 56px) / 5) !important;

        margin:0 !important;
    }

}


/* ==========================================================
   06. حذف ظاهر Wrapperهای اضافی کارت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.swiper-products-onemehrsliderone6829
.swiper-slide,

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-one-element,

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;

    border-radius:0 !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-one-element{
    height:auto !important;

    padding:2px !important;
    margin:0 !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    padding:0 !important;
    margin:0 !important;

    overflow:visible !important;
}


/* ==========================================================
   07. حذف pseudo های Wrapper
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.swiper-products-onemehrsliderone6829
.swiper-slide::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.swiper-products-onemehrsliderone6829
.swiper-slide::after,

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-one-element::before,
.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-one-element::after,

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element::before,
.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element::after{
    content:none !important;

    display:none !important;

    background:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* ==========================================================
   08. کارت اصلی محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element-one{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;

    min-height:400px !important;

    padding:
        10px
        10px
        67px !important;

    margin:0 !important;

    background:#fff !important;
    background-image:none !important;

    border:
        1px solid var(--ag-border) !important;

    border-radius:17px !important;

    box-shadow:
        0 4px 14px
        rgba(20,30,45,.06) !important;

    overflow:hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Hover کارت در دسکتاپ */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one:hover{
    transform:translateY(-3px);

    border-color:
        rgba(8,96,254,.12) !important;

    box-shadow:
        0 9px 24px
        rgba(20,30,45,.09) !important;
}


/* ==========================================================
   09. حذف ابزارهای اضافی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .wishlist-single-mehrnoosh,
.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-box-meta-shop,
.elementor-288 .elementor-element.elementor-element-748bae4 .compare-button-mehrnoosh{
    display:none !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-top-meta-slider-one-element{
    position:static !important;

    width:0 !important;
    height:0 !important;

    padding:0 !important;
    margin:0 !important;
}


/* ==========================================================
   10. محصول تخفیف‌دار
   خط آبی کنار کارت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one:has(
    .price-and-box-mehrnoosh-in-shop-offer
)::before{
    content:"" !important;

    position:absolute !important;

    top:19px !important;
    left:0 !important;

    display:block !important;

    width:4px !important;
    height:41px !important;

    background:
        var(--ag-primary) !important;

    border-radius:
        0 5px 5px 0 !important;

    box-shadow:
        1px 0 6px
        rgba(8,96,254,.25) !important;

    z-index:25 !important;

    pointer-events:none !important;
}


/* ==========================================================
   11. درصد تخفیف
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-and-box-mehrnoosh-in-shop-offer{
    position:absolute !important;

    top:25px !important;
    left:19px !important;
    right:auto !important;

    z-index:30 !important;

    display:block !important;

    width:auto !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    color:
        var(--ag-primary) !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:14px !important;
    font-weight:900 !important;

    line-height:20px !important;

    text-align:left !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.price-and-box-mehrnoosh-in-shop-offer::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-and-box-mehrnoosh-in-shop-offer::after{
    content:none !important;

    display:none !important;
}


/* ==========================================================
   12. لینک محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one > a{
    display:block !important;

    background:transparent !important;

    color:inherit !important;

    border:0 !important;

    box-shadow:none !important;

    text-decoration:none !important;
}


/* ==========================================================
   13. تصویر محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element-img{
    position:relative !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    aspect-ratio:1 / 1 !important;

    margin:
        0 0 9px !important;

    padding:10px !important;

    background:
        var(--ag-image-bg) !important;

    border:0 !important;

    border-radius:13px !important;

    box-shadow:none !important;

    overflow:hidden !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-img img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    box-shadow:none !important;

    transform:scale(1);

    transition:
        transform .3s ease !important;
}


/* Zoom دسکتاپ */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one:hover
.mehrnoosh-product-slider-one-element-img img{
    transform:scale(1.03);
}


/* ==========================================================
   14. عنوان محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-title-slider-one-element{
    width:100% !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:
        0 0 6px !important;

    padding:
        0 3px !important;

    background:transparent !important;

    color:
        var(--ag-text) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:12px !important;
    font-weight:700 !important;

    line-height:22px !important;

    text-align:right !important;

    white-space:normal !important;

    display:-webkit-box !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
}


/* ==========================================================
   15. PRICE AREA
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent{
    position:relative !important;

    display:block !important;

    width:100% !important;

    height:58px !important;

    min-height:58px !important;
    max-height:58px !important;

    margin-top:auto !important;

    padding:
        22px
        4px
        0 !important;

    direction:rtl !important;

    text-align:right !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;

    overflow:visible !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;
}


/* ==========================================================
   16. خط خاکستری قیمت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent::before{
    content:"";

    position:absolute;

    top:10px;

    right:0;
    left:0;

    height:1px;

    background:
        var(--ag-line);
}


/* Screen Reader */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.screen-reader-text{
    display:none !important;
}


/* ==========================================================
   17. RESET قیمت WooCommerce
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.amount{
    position:static !important;

    float:none !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transform:none !important;

    white-space:nowrap !important;

    vertical-align:middle !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent bdi{
    display:inline !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    direction:rtl !important;

    white-space:nowrap !important;
}


/* ==========================================================
   18. قیمت معمولی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> .woocommerce-Price-amount{
    display:block !important;

    width:100% !important;

    color:
        var(--ag-price) !important;

    font-size:13px !important;
    font-weight:900 !important;

    line-height:27px !important;

    text-align:right !important;
}


/* ==========================================================
   19. تومان قیمت معمولی
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> .woocommerce-Price-amount
.woocommerce-Price-currencySymbol{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    height:26px !important;

    margin:
        0 6px 0 0 !important;

    padding:
        0 9px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        999px !important;

    box-shadow:
        0 4px 10px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:9px !important;
    font-weight:800 !important;

    line-height:26px !important;

    vertical-align:middle !important;
}


/* ==========================================================
   20. قیمت قبلی محصول تخفیف‌دار
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent > del{
    position:absolute !important;

    top:0 !important;
    left:50% !important;

    transform:
        translateX(-50%) !important;

    z-index:3 !important;

    display:block !important;

    width:auto !important;

    margin:0 !important;

    padding:
        0 7px !important;

    background:#fff !important;

    opacity:1 !important;

    white-space:nowrap !important;

    text-decoration:none !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> del
.woocommerce-Price-amount{
    display:inline-block !important;

    padding:
        3px
        9px !important;

    background:
        var(--ag-old-bg) !important;

    color:
        var(--ag-old-price) !important;

    border-radius:
        4px !important;

    font-size:9px !important;

    font-weight:500 !important;

    line-height:15px !important;

    text-decoration:
        line-through !important;

    text-decoration-thickness:
        1px !important;

    text-decoration-color:
        #a8adb5 !important;
}


/* تومان قیمت قبلی مخفی */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> del
.woocommerce-Price-currencySymbol{
    display:none !important;
}


/* ==========================================================
   21. قیمت جدید محصول تخفیف‌دار
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent > ins{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    text-decoration:none !important;

    text-align:right !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> ins
.woocommerce-Price-amount{
    display:block !important;

    width:100% !important;

    color:
        var(--ag-price) !important;

    font-size:13px !important;

    font-weight:900 !important;

    line-height:27px !important;

    text-align:right !important;
}


/* تومان قیمت جدید */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
> ins
.woocommerce-Price-currencySymbol{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    height:26px !important;

    margin:
        0 6px 0 0 !important;

    padding:
        0 9px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        999px !important;

    box-shadow:
        0 4px 10px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:9px !important;

    font-weight:800 !important;

    line-height:26px !important;

    vertical-align:middle !important;
}


/* ==========================================================
   22. حذف pseudo های قیمت
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-amount::after,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-currencySymbol::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
.woocommerce-Price-currencySymbol::after,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
del::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
del::after,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
ins::before,

.elementor-288 .elementor-element.elementor-element-748bae4
.price-mehrnoosh-slide-one-emelent
ins::after{
    content:none !important;

    box-shadow:none !important;
}


/* ==========================================================
   23. دکمه خرید محصول
   ========================================================== */

.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one > a::after{
    content:"خرید محصول" !important;

    position:absolute !important;

    right:12px !important;
    left:12px !important;

    bottom:12px !important;

    height:41px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:
        0 10px !important;

    background:
        var(--ag-primary) !important;

    color:#fff !important;

    border:0 !important;

    border-radius:
        10px !important;

    box-shadow:
        0 5px 13px
        rgba(8,96,254,.17) !important;

    font-family:
        "IRANYekan",
        Tahoma,
        sans-serif !important;

    font-size:13px !important;

    font-weight:800 !important;

    line-height:41px !important;

    text-align:center !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


.elementor-288 .elementor-element.elementor-element-748bae4
.mehrnoosh-product-slider-one-element-one
> a:hover::after{
    background:
        var(--ag-primary-hover) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 17px
        rgba(8,96,254,.22) !important;
}


/* ==========================================================
   24. TABLET
   ========================================================== */

@media only screen
and (min-width:769px)
and (max-width:1199px){

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one{
        min-height:
            370px !important;
    }

}


/* ==========================================================
   25. MOBILE
   ========================================================== */

@media only screen and (max-width:768px){


    /* ======================================================
       A. هدر موبایل

       راست:
       عنوان اسلایدر

       چپ:
       مشاهده محصولات + آیکون اصلی

       نکته:
       عنوان 8px به سمت چپ آمده است.
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one{
        display:flex !important;

        align-items:center !important;

        justify-content:
            space-between !important;

        width:100% !important;

        min-height:
            32px !important;

        margin:
            0 0 9px !important;

        padding:
            0 4px !important;

        direction:
            rtl !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        box-sizing:
            border-box !important;
    }


    /* ======================================================
       B. بخش عنوان سمت راست
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one{
        display:flex !important;

        align-items:center !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            65% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;


        /*
         * کنترل محل عنوان
         *
         * -8px = هشت پیکسل سمت چپ
         *
         * اگر خواستی بیشتر سمت چپ:
         * -12px
         *
         * اگر خواستی کمتر:
         * -4px
         */
        transform:
            translateX(-8px) !important;
    }


    /* تصویر کنار عنوان حذف */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one
    .darkmehr,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one
    .darkmehrone{
        display:none !important;
    }


    /* زیرعنوان انگلیسی حذف */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one-title-two{
        display:none !important;
    }


    /* عنوان اصلی */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one-titr{
        display:block !important;

        width:auto !important;

        margin:0 !important;

        padding:0 !important;

        color:
            var(--ag-text) !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;

        font-size:
            15px !important;

        font-weight:
            800 !important;

        line-height:
            24px !important;

        text-align:
            right !important;

        white-space:
            nowrap !important;
    }


    /* Reset تگ‌های داخل عنوان */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one-titr p,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one-titr strong{
        margin:
            0 !important;

        padding:
            0 !important;

        color:
            inherit !important;

        font:
            inherit !important;

        line-height:
            inherit !important;
    }


    /* br عنوان حذف */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-element-one-one-titr br{
        display:none !important;
    }


    /* ======================================================
       C. فلش‌های Swiper در هدر موبایل مخفی
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element{
        display:none !important;
    }


    /* ======================================================
       D. دکمه مشاهده محصولات
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw{
        position:
            static !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 0 auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            28px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            6px !important;

        direction:
            rtl !important;

        background:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            var(--ag-primary) !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;


        /*
         * متن اصلی قالب:
         * محصولات بیشتر ...
         *
         * با font-size صفر مخفی می‌شود.
         * متن جدید با ::before ساخته می‌شود.
         */
        font-size:
            0 !important;

        line-height:
            28px !important;

        text-decoration:
            none !important;

        white-space:
            nowrap !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        transform:
            none !important;
    }


    /* متن جدید */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw::before{
        content:
            "مشاهده محصولات" !important;

        display:
            block !important;

        /*
         * متن اول
         */
        order:
            1 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            var(--ag-primary) !important;

        background:
            transparent !important;

        font-family:
            "IRANYekan",
            Tahoma,
            sans-serif !important;

        font-size:
            11.5px !important;

        font-weight:
            700 !important;

        line-height:
            28px !important;

        white-space:
            nowrap !important;
    }


    /*
     * فلش یا آیکون مصنوعی ساخته نشود.
     */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw::after{
        content:
            none !important;

        display:
            none !important;
    }


    /* ======================================================
       E. آیکون اصلی خود ویجت

       فقط همین آیکون:
       fi-rr-basket-shopping-simple

       سمت چپ متن نمایش داده می‌شود.
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw > i{
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;


        /*
         * متن order:1
         * آیکون order:2
         *
         * در RTL نتیجه:
         * مشاهده محصولات  [آیکون]
         */
        order:
            2 !important;

        flex:
            0 0 auto !important;

        width:
            18px !important;

        height:
            18px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            var(--ag-primary) !important;

        background:
            transparent !important;

        border:
            0 !important;

        font-size:
            15px !important;

        font-weight:
            400 !important;

        line-height:
            18px !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        transform:
            none !important;

        transition:
            transform .2s ease,
            color .2s ease !important;
    }


    /* افکت خیلی نرم آیکون */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:hover > i,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:focus > i,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:active > i{
        transform:
            translateX(-2px) !important;
    }


    /* دکمه در موبایل بک‌گراند نگیرد */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:hover,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:focus,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-nav-slider-element-morw:active{
        background:
            transparent !important;

        color:
            var(--ag-primary) !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        outline:
            none !important;
    }


    /* ======================================================
       F. فاصله بخش اصلی بعد از هدر
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-slider-main-one-element{
        margin-top:
            0 !important;

        padding-top:
            0 !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .swiper-products-onemehrsliderone6829{
        padding:
            2px
            1px
            7px !important;
    }


    /* ======================================================
       G. Wrapperهای موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-one-element,
    .elementor-288 .elementor-element.elementor-element-748bae4 .mehrnoosh-product-slider-one-element{
        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        padding:
            1px !important;

        border-radius:
            0 !important;
    }


    /* ======================================================
       H. کارت موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one{
        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        padding:
            6px
            6px
            49px !important;

        border-radius:
            12px !important;

        box-shadow:
            0 3px 10px
            rgba(20,30,45,.055) !important;

        /*
         * کارت موبایل حرکت نمی‌کند
         */
        transform:
            none !important;
    }


    /* جلوگیری از حرکت کارت */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:hover,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:focus,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:active,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element:hover,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element:focus,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element:active,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-one-element:hover,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-one-element:focus,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-one-element:active{
        transform:
            none !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:hover,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:focus,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:active{
        box-shadow:
            0 3px 10px
            rgba(20,30,45,.055) !important;

        border-color:
            var(--ag-border) !important;
    }


    /* ======================================================
       I. تصویر موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-img{
        width:
            100% !important;

        aspect-ratio:
            auto !important;

        height:
            135px !important;

        min-height:
            0 !important;

        max-height:
            135px !important;

        margin:
            0 0 6px !important;

        padding:
            6px !important;

        border-radius:
            9px !important;

        overflow:
            hidden !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-img img{
        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            contain !important;

        transform:
            scale(1) !important;

        transition:
            transform .28s ease !important;
    }


    /* فقط عکس Zoom شود */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:hover
    .mehrnoosh-product-slider-one-element-img img,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:focus
    .mehrnoosh-product-slider-one-element-img img,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:active
    .mehrnoosh-product-slider-one-element-img img{
        transform:
            scale(1.025) !important;
    }


    /* ======================================================
       J. عنوان محصول موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-title-slider-one-element{
        height:
            36px !important;

        min-height:
            36px !important;

        max-height:
            36px !important;

        margin:
            0 0 3px !important;

        padding:
            0 2px !important;

        font-size:
            10px !important;

        font-weight:
            700 !important;

        line-height:
            18px !important;

        -webkit-line-clamp:
            2 !important;
    }


    /* ======================================================
       K. قیمت موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent{
        height:
            44px !important;

        min-height:
            44px !important;

        max-height:
            44px !important;

        margin-top:
            0 !important;

        padding:
            18px
            2px
            0 !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent::before{
        top:
            8px !important;
    }


    /* عدد قیمت */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > .woocommerce-Price-amount,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > ins
    .woocommerce-Price-amount{
        font-size:
            10.5px !important;

        line-height:
            23px !important;
    }


    /* تومان */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > .woocommerce-Price-amount
    .woocommerce-Price-currencySymbol,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > ins
    .woocommerce-Price-currencySymbol{
        height:
            21px !important;

        margin-right:
            4px !important;

        padding:
            0 7px !important;

        font-size:
            7.5px !important;

        line-height:
            21px !important;
    }


    /* ======================================================
       L. قیمت قبلی موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > del{
        top:
            -1px !important;

        padding:
            0 5px !important;
    }


    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-mehrnoosh-slide-one-emelent
    > del
    .woocommerce-Price-amount{
        padding:
            2px 6px !important;

        font-size:
            7.5px !important;

        line-height:
            13px !important;
    }


    /* ======================================================
       M. درصد تخفیف موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .price-and-box-mehrnoosh-in-shop-offer{
        top:
            14px !important;

        left:
            12px !important;

        right:
            auto !important;

        font-size:
            13px !important;

        font-weight:
            900 !important;

        line-height:
            18px !important;
    }


    /* ======================================================
       N. خط آبی تخفیف موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one:has(
        .price-and-box-mehrnoosh-in-shop-offer
    )::before{
        top:
            10px !important;

        left:
            0 !important;

        width:
            4px !important;

        height:
            31px !important;

        background:
            var(--ag-primary) !important;

        border-radius:
            0 4px 4px 0 !important;

        box-shadow:
            1px 0 5px
            rgba(8,96,254,.23) !important;
    }


    /* ======================================================
       O. دکمه خرید موبایل
       ====================================================== */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one
    > a::after{
        right:
            7px !important;

        left:
            7px !important;

        bottom:
            7px !important;

        height:
            34px !important;

        padding:
            0 7px !important;

        border-radius:
            8px !important;

        font-size:
            10.5px !important;

        line-height:
            34px !important;
    }


    /* دکمه خرید در Touch تکان نخورد */

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one
    > a:hover::after,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one
    > a:focus::after,

    .elementor-288 .elementor-element.elementor-element-748bae4
    .mehrnoosh-product-slider-one-element-one
    > a:active::after{
        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for bloggridtwo, class: .elementor-element-df70c52 */@media (max-width: 767px) {
  .mehrnoosh-blog-post-one {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding-bottom: 10px;
  }

  .mehrnoosh-blog-post-one .mehrnoosh-grid-post-two-1 {
    flex: 0 0 80%;
    max-width: 80%;
    scroll-snap-align: start;
  }

  /* ارتفاع تصویر شاخص در موبایل */
  .mehrnoosh-blog-post-one .mehrnoosh-grid-post-two-1 .mehrnoosh-img-thumbnail-mehrimage {
    height: 150px !important;
  }

  /* اختیاری: مخفی کردن اسکرول‌بار برای ظاهر بهتر */
  .mehrnoosh-blog-post-one::-webkit-scrollbar {
    display: none;
  }
  .mehrnoosh-blog-post-one {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
@media (max-width: 767px) {
  .mehrnoosh-blog-post-one {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding-bottom: 10px;
  }

  .mehrnoosh-blog-post-one .mehrnoosh-grid-post-two-1 {
    flex: 0 0 80%;       /* عرض هر کارت؛ می‌تونید 75%، 85% یا px بدید */
    max-width: 80%;
    scroll-snap-align: start;
  }

  /* اختیاری: مخفی کردن اسکرول‌بار برای ظاهر بهتر */
  .mehrnoosh-blog-post-one::-webkit-scrollbar {
    display: none;
  }
  .mehrnoosh-blog-post-one {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}/* End custom CSS */