.elementor-3235 .elementor-element.elementor-element-2a004a51{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:170px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-2a004a51, .elementor-3235 .elementor-element.elementor-element-2a004a51::before{--border-transition:0.3s;}.elementor-3235 .elementor-element.elementor-element-129ca97e{--display:flex;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-62833490 img{width:100%;height:620px;object-fit:cover;object-position:center center;}.elementor-3235 .elementor-element.elementor-element-6a85e0af{--display:flex;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-62bcedf6 img{width:100%;height:620px;object-fit:cover;object-position:center center;}.elementor-3235 .elementor-element.elementor-element-21373587{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:10px;}.elementor-3235 .elementor-element.elementor-element-2db18650{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:30px 30px;--background-transition:0.3s;--margin-block-start:50px;--margin-block-end:100px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:40px;--padding-block-end:40px;--padding-inline-start:300px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-2c70b355{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:32px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-6c59a3f{--display:flex;--background-transition:0.3s;}.elementor-3235 .elementor-element.elementor-element-11b82db{--display:flex;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-28004aa{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-3235 .elementor-element.elementor-element-14904a5{--display:flex;--background-transition:0.3s;}.elementor-3235 .elementor-element.elementor-element-92f3735{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-3235 .elementor-element.elementor-element-f0c84ce{--display:flex;--background-transition:0.3s;}.elementor-3235 .elementor-element.elementor-element-6f1eb81{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-3235 .elementor-element.elementor-element-5703ed9{--display:flex;--background-transition:0.3s;}.elementor-3235 .elementor-element.elementor-element-37daf01{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-3235 .elementor-element.elementor-element-a6489b2{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-3235 .elementor-element.elementor-element-a6489b2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-3235 .elementor-element.elementor-element-a6489b2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-3235 .elementor-element.elementor-element-a6489b2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-3235 .elementor-element.elementor-element-a6489b2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3235 .elementor-element.elementor-element-a6489b2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3235 .elementor-element.elementor-element-30a6ba78{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-626697a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-6ee7fb82{text-align:center;}.elementor-3235 .elementor-element.elementor-element-6ee7fb82 .elementor-heading-title{color:var( --e-global-color-04fc92b );font-family:"GOTHIC", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.elementor-3235 .elementor-element.elementor-element-3f9aa8b9{text-align:center;color:var( --e-global-color-04fc92b );font-family:"GOTHIC", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-3235 .elementor-element.elementor-element-3f9aa8b9 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-3235 .elementor-element.elementor-element-35c00394{--grid-columns:3;--e-loop-nothing-found-message-color:var( --e-global-color-04fc92b );}.elementor-3235 .elementor-element.elementor-element-35c00394 .elementor-repeater-item-02cd6ed{grid-column:span min( 1, var(--grid-columns) );}.elementor-3235 .elementor-element.elementor-element-35c00394 .e-loop-nothing-found-message__text{font-family:"GOTHIC", Sans-serif;font-size:20px;font-weight:500;}@media(min-width:768px){.elementor-3235 .elementor-element.elementor-element-2c70b355{--width:25%;}.elementor-3235 .elementor-element.elementor-element-30a6ba78{--width:75%;}}@media(max-width:1024px){.elementor-3235 .elementor-element.elementor-element-2a004a51{--min-height:400px;--margin-block-start:110px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3235 .elementor-element.elementor-element-21373587{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3235 .elementor-element.elementor-element-35c00394{--grid-columns:2;}}@media(max-width:767px){.elementor-3235 .elementor-element.elementor-element-2a004a51{--min-height:200px;}.elementor-3235 .elementor-element.elementor-element-62833490 img{height:180px;object-fit:fill;}.elementor-3235 .elementor-element.elementor-element-62bcedf6 img{height:180px;object-fit:fill;}.elementor-3235 .elementor-element.elementor-element-21373587{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3235 .elementor-element.elementor-element-2db18650{--padding-block-start:30px;--padding-block-end:50px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-3235 .elementor-element.elementor-element-35c00394{--grid-columns:2;--grid-column-gap:20px;--grid-row-gap:20px;}}/* Start custom CSS for loop-grid, class: .elementor-element-35c00394 */<style>
/* تأثيرات Smooth على المنتجات */
.elementor-loop-item {
    transition: all 0.4s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.elementor-loop-item.hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    position: absolute;
}

/* تنسيق الأزرار النشطة */
.e-filter-item.active-filter {
    background-color: #000; /* لون الخلفية */
    color: #fff; /* لون النص */
    border-color: #000;
    transition: all 0.3s ease;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const filterButtons = document.querySelectorAll(".e-filter-item"); // الأزرار
    const products = document.querySelectorAll(".elementor-loop-item"); // المنتجات

    filterButtons.forEach(button => {
        button.addEventListener("click", function () {
            // إزالة Active Class من كل الأزرار
            filterButtons.forEach(btn => btn.classList.remove("active-filter"));
            this.classList.add("active-filter");

            // جلب الفلتر من الـ data-filter
            const filterValue = this.getAttribute("data-filter");

            // فلترة المنتجات
            products.forEach(product => {
                if (filterValue === "__all" || product.classList.contains("product_cat-" + filterValue)) {
                    product.classList.remove("hidden");
                } else {
                    product.classList.add("hidden");
                }
            });
        });
    });
});
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GOTHIC';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bosharaperfumes.com/wp-content/uploads/2024/07/GOTHIC.ttf') format('truetype');
}
@font-face {
	font-family: 'GOTHIC';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://bosharaperfumes.com/wp-content/uploads/2024/07/GOTHICB.ttf') format('truetype');
}
/* End Custom Fonts CSS */