.elementor-335386 .elementor-element.elementor-element-7dde4ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-335386 .elementor-element.elementor-element-2f78d57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-2f78d57.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-335386 .elementor-element.elementor-element-cd369ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-cd369ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-335386 .elementor-element.elementor-element-2a66512{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-36969a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335386 .elementor-element.elementor-element-e4c3d73{--display:flex;}.elementor-335386 .elementor-element.elementor-element-3dd5c6c{--display:flex;}.elementor-335386 .elementor-element.elementor-element-ed7cef6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-335386 .elementor-element.elementor-element-ed7cef6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-335386 .elementor-element.elementor-element-e9f46be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-37fc3d6{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-1576aa5.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-335386 .elementor-element.elementor-element-38a21ec{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-8a3d8d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-bcb468d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-e710a41{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-335386 .elementor-element.elementor-element-2f78d57{--width:100%;}.elementor-335386 .elementor-element.elementor-element-cd369ec{--width:100%;}.elementor-335386 .elementor-element.elementor-element-ed7cef6{--width:100%;}.elementor-335386 .elementor-element.elementor-element-37fc3d6{--width:20%;}.elementor-335386 .elementor-element.elementor-element-38a21ec{--width:79%;}.elementor-335386 .elementor-element.elementor-element-bcb468d{--width:25%;}.elementor-335386 .elementor-element.elementor-element-e710a41{--width:74.665%;}}@media(max-width:1024px) and (min-width:768px){.elementor-335386 .elementor-element.elementor-element-38a21ec{--width:100%;}.elementor-335386 .elementor-element.elementor-element-bcb468d{--width:50%;}.elementor-335386 .elementor-element.elementor-element-e710a41{--width:50%;}}@media(max-width:1024px){.elementor-335386 .elementor-element.elementor-element-e9f46be{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-37fc3d6{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-335386 .elementor-element.elementor-element-38a21ec{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}@media(max-width:767px){.elementor-335386 .elementor-element.elementor-element-7dde4ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335386 .elementor-element.elementor-element-2f78d57{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335386 .elementor-element.elementor-element-cd369ec{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335386 .elementor-element.elementor-element-2a66512{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335386 .elementor-element.elementor-element-b76a1d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-335386 .elementor-element.elementor-element-b422244 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-335386 .elementor-element.elementor-element-8a3d8d2{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-335386 .elementor-element.elementor-element-bcb468d{--width:70%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335386 .elementor-element.elementor-element-e710a41{--width:30%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-37fc3d6 *//* ==================================================
   سایدبار سارمو: طراحی یکپارچه (دسته، فیلتر، برند)
   ================================================== */

/* ریست کردن و یکسان‌سازی لیست‌ها */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .widget_product_categories ul,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .woocommerce-widget-layered-nav ul,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .wd-widget-product-brand ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* استایل مشترک آیتم‌های لیست */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .widget_product_categories li,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .woocommerce-widget-layered-nav li,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .wd-widget-product-brand li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(230, 222, 223, 0.6) !important;
    transition: all 0.25s ease !important;
}

/* حذف خط آخر هر ویجت */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .widget_product_categories li:last-child,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .woocommerce-widget-layered-nav li:last-child,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .wd-widget-product-brand li:last-child {
    border-bottom: none !important;
}

/* استایل متن لینک‌ها */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .widget_product_categories li a,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .woocommerce-widget-layered-nav li a,
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .wd-widget-product-brand li a {
    flex: 1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3B162E !important;
    text-decoration: none !important;
    text-align: right !important;
}

/* مدیریت چک‌باکس‌ها (برای فیلتر رنگ و برند) */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 input[type="checkbox"] {
    order: 2 !important; /* چک‌باکس برود سمت چپ */
    margin-right: 10px !important;
    accent-color: #80235A !important; /* رنگ ارغوانی برند */
}

/* تراز کردن چک‌باکس‌ها با متن */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .woocommerce-widget-layered-nav li, 
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .wd-widget-product-brand li {
    flex-direction: row-reverse !important; /* جهت‌دهی معکوس برای قرارگیری چک‌باکس در سمت چپ */
    justify-content: flex-end !important;
}

/* استایل کپسول اعداد (Count) */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 .count {
    background: #F3F0E4 !important;
    color: #80235A !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    min-width: 30px !important;
    text-align: center !important;
    order: 1 !important; /* اعداد بروند سمت راست */
    margin-left: 10px !important;
}

/* هاور */
.elementor-335386 .elementor-element.elementor-element-37fc3d6 li:hover a {
    color: #80235A !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9f46be */.elementor-335386 .elementor-element.elementor-element-e9f46be {
    max-width: 1248px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dde4ef *//* =========================================================
   Sarmo – Moharram Collection – Minimal Black on White
   Scope: .sarmo-hero, .sarmo-top-carousel, .sarmo-bottom-grid
   ========================================================= */

/* 1) بنر بالا – تم محرم روی بک‌گراند سفید */
.sarmo-hero {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 32px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12) !important; /* شدوی مشکی نرم */
    border-radius: 24px !important;
    overflow: hidden !important;
}
.sarmo-hero .elementor-container,
.sarmo-hero .elementor-column,
.sarmo-hero .elementor-widget-wrap,
.sarmo-hero .elementor-widget-image,
.sarmo-hero .elementor-widget-image .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}
.sarmo-hero img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 24px !important;
    filter: grayscale(10%); /* خیلی کم، برای حس محرم بدون خراب کردن تصویر */
}

/* 2) باکس‌های کالکشن – بک‌گراند سفید + شدوی مشکی */
.sarmo-top-carousel,
.sarmo-bottom-grid {
    background: #ffffff !important;               /* بک‌گراند سفید */
    border: 1px solid rgba(0, 0, 0, 0.04) !important; /* مرز خیلی محو */
    border-radius: 26px !important;
    padding: 40px 28px !important;
    margin-bottom: 36px !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.14),
        0 2px 8px rgba(0, 0, 0, 0.12) !important; /* شدو مشکی چندلایه ولی نرم */
    position: relative;
    overflow: hidden !important;
}

/* خط تزئینی بالای باکس – مشکی/خاکستری بسیار ظریف */
.sarmo-top-carousel::before,
.sarmo-bottom-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 0, 0, 0.25),
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.25),
        transparent
    );
    z-index: 1;
}

/* 3) عنوان‌ها – تایپوگرافی محرم روی سفید */
.sarmo-top-carousel .elementor-heading-title,
.sarmo-bottom-grid .elementor-heading-title {
    font-size: 27px !important;
    font-weight: 800 !important;
    color: #111111 !important;          /* مشکی تقریباً خالص */
    text-align: center !important;
    margin-top: 14px !important;
    margin-bottom: 30px !important;
    letter-spacing: -0.03em !important;
}

/* خط زیر عنوان – مینیمال مشکی */
.sarmo-top-carousel .elementor-heading-title::after,
.sarmo-bottom-grid .elementor-heading-title::after {
    content: "";
    display: block;
    width: 54px;
    height: 3px;
    background: #111111;
    margin: 14px auto 0 !important;
    border-radius: 999px;
}

/* 4) کارت‌ها – بدون دستکاری ساختار، فقط نرم کردن گوشه و سایه */
.sarmo-top-carousel .product-grid-item,
.sarmo-bottom-grid .product-grid-item {
    border-radius: 18px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08) !important; /* شدوی ملایم زیر کارت */
}

/* 5) ریسپانسیو موبایل */
@media (max-width: 768px) {
    .sarmo-hero {
        margin-bottom: 24px !important;
        border-radius: 18px !important;
    }
    .sarmo-hero img {
        border-radius: 18px !important;
    }

    .sarmo-top-carousel,
    .sarmo-bottom-grid {
        padding: 26px 16px !important;
        border-radius: 20px !important;
        margin-bottom: 28px !important;
        box-shadow:
            0 14px 30px rgba(0, 0, 0, 0.14),
            0 1px 6px rgba(0, 0, 0, 0.10) !important;
    }

    .sarmo-top-carousel::before,
    .sarmo-bottom-grid::before {
        left: 20px;
        right: 20px;
    }

    .sarmo-top-carousel .elementor-heading-title,
    .sarmo-bottom-grid .elementor-heading-title {
        font-size: 21px !important;
        margin-bottom: 22px !important;
    }
}/* End custom CSS */