.elementor-1443 .elementor-element.elementor-element-42985e3{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E4E4E7;--border-color:#E4E4E7;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1443 .elementor-element.elementor-element-9c8e6f8{--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-1443 .elementor-element.elementor-element-879138b{text-align:center;}.elementor-1443 .elementor-element.elementor-element-879138b .elementor-heading-title{font-size:48px;font-weight:600;line-height:1.5em;color:#000000;}@media(min-width:768px){.elementor-1443 .elementor-element.elementor-element-9c8e6f8{--width:100%;}}@media(max-width:1024px){.elementor-1443 .elementor-element.elementor-element-42985e3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1443 .elementor-element.elementor-element-879138b .elementor-heading-title{font-size:28px;}}@media(max-width:767px){.elementor-1443 .elementor-element.elementor-element-42985e3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1443 .elementor-element.elementor-element-879138b .elementor-heading-title{font-size:28px;}}

/* Image Swap - Base Container */
.product-media {
    position: relative;
    overflow: hidden;
    display: block;
}

.product-media a {
    display: block;
    position: relative;
}

/* Pehli Image (Default) */
.product-media .primary-img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

/* Dusri Image (Hover par aayegi) */
.product-media .secondary-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

/* Hover Effect: Pehli ko chupa kar dusri dikhana */
.product-media a:hover .secondary-img {
    opacity: 1;
    visibility: visible;
}

.product-media a:hover .primary-img {
    opacity: 0; /* Optional: Agar tum primary ko fade-out karna chahte ho */
}
/* Nyara Custom Dual Range Slider */
.nyara-price-filter { font-family: sans-serif; padding: 10px 0; }

/* Track & Fill overlaps */
.nyara-price-filter .slider-container { position: relative; width: 100%; height: 5px; margin: 30px 0 20px; }
.nyara-price-filter .slider-track { width: 100%; height: 4px; background: #e1e1e1; position: absolute; border-radius: 3px; top: 0; }
.nyara-price-filter .slider-fill { height: 4px; background: #000; position: absolute; border-radius: 3px; top: 0; z-index: 1; pointer-events: none; }

/* Range Inputs hiding */
.nyara-price-filter input[type="range"] { position: absolute; width: 100%; height: 4px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; margin: 0; padding: 0; z-index: 5; outline: none; }

/* Thumb (Handle) Styling */
.nyara-price-filter input[type="range"]::-webkit-slider-thumb { height: 16px; width: 16px; border-radius: 50%; background: #000; cursor: pointer; pointer-events: auto; -webkit-appearance: none; border: 2px solid #fff; box-shadow: 0 0 0 2px #000; z-index: 10; position: relative; }
.nyara-price-filter input[type="range"]::-moz-range-thumb { height: 16px; width: 16px; border-radius: 50%; background: #000; cursor: pointer; pointer-events: auto; border: 2px solid #fff; box-shadow: 0 0 0 2px #000; z-index: 10; position: relative; }

/* Number Inputs Styling - Forced Single Line */
.nyara-price-filter .price-inputs { 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    gap: 10px !important; 
    margin-bottom: 20px !important; 
}
.nyara-price-filter .price-inputs input { 
    flex: 1 !important; /* Dono inputs ko equal space dega */
    width: 100% !important;
    padding: 8px 10px !important; 
    border: 1px solid #ddd !important; 
    border-radius: 0 !important; 
    font-size: 14px !important; 
    text-align: left !important; 
    margin: 0 !important;
}
.nyara-price-filter .price-inputs span { 
    color: #888 !important; 
    font-weight: bold !important; 
    flex-shrink: 0 !important;
}
/* Removing default spinners from number inputs */
.nyara-price-filter input[type=number]::-webkit-inner-spin-button, 
.nyara-price-filter input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.nyara-price-filter input[type=number] { -moz-appearance: textfield; }

/* Action Area (Label & Button) */
.nyara-price-filter .price-action { display: flex; justify-content: space-between; align-items: center; }
.nyara-price-filter .price-label { font-size: 14px; color: #555; }
.nyara-price-filter #btn-price-filter { background: #e5e5e5; color: #000; border: none; padding: 8px 15px; font-weight: 700; font-size: 13px; cursor: pointer; transition: background 0.3s ease; }
.nyara-price-filter #btn-price-filter:hover { background: #d5d5d5; }

/* --- Mobile Side Drawer Filter Styling --- */
@media (max-width: 1024px) {
    .close-filter-btn { display: block !important; }

    #secondary.shop-sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: -350px; 
        width: 320px !important;
        max-width: 85% !important;
        height: 100vh !important;
        margin: 0 !important; /* Force no margin */
        background: #fff !important;
        z-index: 999999 !important; /* Ekdum top layer par laane ke liye */
        overflow-y: auto !important;
        transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        display: block !important; 
        padding: 20px 25px 40px !important;
        box-shadow: 5px 0 15px rgba(0,0,0,0.2) !important;
        visibility: hidden;
    }
    
    #secondary.shop-sidebar.active {
        left: 0 !important; 
        visibility: visible !important;
    }
}