.elementor-374 .elementor-element.elementor-element-a3421de{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-374 .elementor-element.elementor-element-077fa35{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-374 .elementor-element.elementor-element-670ac3f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-374 .elementor-element.elementor-element-0829130{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-374 .elementor-element.elementor-element-bf0124e .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-374 .elementor-element.elementor-element-a3421de{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products ul.products li.product{text-align:left;}.elementor-374 .elementor-element.elementor-element-98ebfbd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-374 .elementor-element.elementor-element-670ac3f{--width:25%;}.elementor-374 .elementor-element.elementor-element-0829130{--width:75%;}}/* Start custom CSS for button, class: .elementor-element-bf0124e *//* ========================================================
   Off-Canvas Sidebar Drawer (Mobile & Tablet)
   ======================================================== */

/* إخفاء زرار الفلتر تماماً على شاشات الكمبيوتر */
.filter-drawer-open-btn {
    display: none !important;
}

@media (max-width: 768px) {
    /* زرار فتح الفلتر على الموبايل */
    .filter-drawer-open-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        height: 44px !important;
        background-color: var(--brand-navy, #091218) !important;
        color: #ffffff !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: var(--radius-base, 8px) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin-bottom: 20px !important;
        cursor: pointer !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
    }

    .filter-drawer-open-btn:hover {
        background-color: var(--brand-orange, #f3733a) !important;
    }

    /* تحويل السايدبار لدرج منزلق من الشمال */
    .shop-filter-drawer {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 85% !important;
        max-width: 320px !important;
        height: 100vh !important;
        background-color: #ffffff !important;
        z-index: 999999 !important;
        padding: 24px 20px !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
        box-shadow: 4px 0 25px rgba(0, 0, 0, 0.25) !important;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        display: block !important;
    }

    /* كلاس فتح الدرج */
    .shop-filter-drawer.is-active {
        left: 0 !important;
    }

    /* خلفية التعتيم */
    .filter-drawer-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        z-index: 999998;
    }

    .filter-drawer-overlay.is-active {
        display: block;
    }

    /* ترويسة وزرار إغلاق الدرج */
    .filter-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-bottom: 14px !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid var(--border-subtle, #edeeef) !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: var(--text-primary, #191c1d) !important;
    }

    .filter-drawer-close-btn {
        background: none !important;
        border: none !important;
        font-size: 24px !important;
        line-height: 1 !important;
        color: var(--text-secondary, #566067) !important;
        cursor: pointer !important;
        padding: 4px !important;
    }
}

/* ضبط زرار الفلتر: إزالة الخلفية الغامقة ومحاذاة الزرار لليسار */
@media (max-width: 768px) {
    /* إلغاء أي خلفية غامقة في الحاوية أو الودجت */
    .elementor-widget:has(.filter-drawer-open-btn) {
        background: transparent !important;
    }

    .filter-drawer-open-btn {
        width: fit-content !important;
        max-width: max-content !important;
        margin: 0 auto 20px 0 !important; /* محاذاة أقصى اليسار */
        padding: 0 18px !important;
        height: 40px !important;
        background: transparent !important; /* إزالة اللون الكحلي الغامق */
        background-color: transparent !important;
        color: var(--text-primary, #191c1d) !important;
        border: 1.5px solid var(--border-subtle, #edeeef) !important;
        box-shadow: none !important;
        justify-content: flex-start !important;
    }

    .filter-drawer-open-btn:hover {
        border-color: var(--brand-orange, #f3733a) !important;
        color: var(--brand-orange, #f3733a) !important;
        background: transparent !important;
    }

    .filter-drawer-open-btn svg,
    .filter-drawer-open-btn i {
        color: inherit !important;
        fill: currentColor !important;
    }
}

.elementor-374 .elementor-element.elementor-element-bf0124e{
    border: none !important;
}/* End custom CSS */