.elementor-543 .elementor-element.elementor-element-698a7891{--display:flex;}.elementor-543 .elementor-element.elementor-element-724480b{--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-543 .elementor-element.elementor-element-e13fe18{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-543 .elementor-element.elementor-element-a7d9708{--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-543 .elementor-element.elementor-element-3e2e56e > .elementor-widget-container{padding:10px 10px 10px 10px;}@media(min-width:769px){.elementor-543 .elementor-element.elementor-element-e13fe18{--width:33.3333%;}.elementor-543 .elementor-element.elementor-element-a7d9708{--width:66.6666%;}}/* Start custom CSS for shortcode, class: .elementor-element-6881d42 *//* ================= Sticky Sidebar Filter ================= */
#live-filters {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
    position: sticky;
    top: 20px;
    z-index: 10;
}

/* ===== Titles ===== */
#live-filters .filter-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#live-filters h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 8px;
    color: #555;
}

/* ===== Inputs ===== */
#live-filters input[type="number"] {
    width: 48%;
    padding: 8px;
    margin-right: 4%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s;
}

#live-filters input[type="number"]:last-child {
    margin-right: 0;
}

#live-filters label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s;
}

#live-filters input[type="checkbox"],
#live-filters input[type="radio"] {
    margin-right: 8px;
}

/* ===== Hover & Focus Effects ===== */
#live-filters input[type="number"]:focus,
#live-filters input[type="checkbox"]:checked + label,
#live-filters input[type="radio"]:checked + label {
    outline: none;
}

#live-filters label:hover {
    color: #0073aa;
}

/* ===== Buttons ===== */
#live-filters .filter-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#live-filters .apply-btn,
#live-filters .reset-btn {
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* ===== Price Inputs Flex ===== */
#live-filters .price-inputs {
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

/* ===== Product Grid Fix (حل مشكلة تقلص الكروت) ===== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 22px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    float: none !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    #live-filters {
        padding: 15px;
    }

    #live-filters input[type="number"] {
        width: 100%;
        margin-right: 0;
    }

    #live-filters .filter-actions {
        flex-direction: column;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e13fe18 *//* ================= Sticky Sidebar Filter ================= */
#live-filters {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
    position: sticky;
    top: 20px;
    z-index: 10;
}

/* ===== Titles ===== */
#live-filters .filter-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#live-filters h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 8px;
    color: #555;
}

/* ===== Inputs ===== */
#live-filters input[type="number"] {
    width: 48%;
    padding: 8px;
    margin-right: 4%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s;
}

#live-filters input[type="number"]:last-child {
    margin-right: 0;
}

#live-filters label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s;
}

#live-filters input[type="checkbox"],
#live-filters input[type="radio"] {
    margin-right: 8px;
}

/* ===== Hover & Focus Effects ===== */
#live-filters input[type="number"]:focus,
#live-filters input[type="checkbox"]:checked + label,
#live-filters input[type="radio"]:checked + label {
    outline: none;
}

#live-filters label:hover {
    color: #0073aa;
}

/* ===== Buttons ===== */
#live-filters .filter-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#live-filters .apply-btn,
#live-filters .reset-btn {
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}
/* ===== Price Inputs Flex ===== */
#live-filters .price-inputs {
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

/* ===== Product Grid Fix (حل مشكلة تقلص الكروت) ===== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 22px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    float: none !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    #live-filters {
        padding: 15px;
    }

    #live-filters input[type="number"] {
        width: 100%;
        margin-right: 0;
    }

    #live-filters .filter-actions {
        flex-direction: column;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3e2e56e *//* ================= Sticky Sidebar Filter ================= */
#live-filters {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
    position: sticky;
    top: 20px;
    z-index: 10;
}

/* ===== Titles ===== */
#live-filters .filter-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#live-filters h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 8px;
    color: #555;
}

/* ===== Inputs ===== */
#live-filters input[type="number"] {
    width: 48%;
    padding: 8px;
    margin-right: 4%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s;
}

#live-filters input[type="number"]:last-child {
    margin-right: 0;
}

#live-filters label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s;
}

#live-filters input[type="checkbox"],
#live-filters input[type="radio"] {
    margin-right: 8px;
}

/* ===== Hover & Focus Effects ===== */
#live-filters input[type="number"]:focus,
#live-filters input[type="checkbox"]:checked + label,
#live-filters input[type="radio"]:checked + label {
    outline: none;
}

#live-filters label:hover {
    color: #0073aa;
}

/* ===== Buttons ===== */
#live-filters .filter-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#live-filters .apply-btn,
#live-filters .reset-btn {
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

#live-filters .apply-btn {
    background-color: #0073aa;
    color: #fff;
}

#live-filters .apply-btn:hover {
    background-color: #005177;
}

#live-filters .reset-btn {
    background-color: #eee;
    color: #333;
}

#live-filters .reset-btn:hover {
    background-color: #ddd;
}

/* ===== Price Inputs Flex ===== */
#live-filters .price-inputs {
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

/* ===== Product Grid Fix (حل مشكلة تقلص الكروت) ===== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 22px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    float: none !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    #live-filters {
        padding: 15px;
    }

    #live-filters input[type="number"] {
        width: 100%;
        margin-right: 0;
    }

    #live-filters .filter-actions {
        flex-direction: column;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}/* End custom CSS */