.elementor-4391 .elementor-element.elementor-element-d0b75d6{--display:flex;--min-height:666px;--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;--justify-content:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4391 .elementor-element.elementor-element-d0b75d6:not(.elementor-motion-effects-element-type-background), .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3D9E7;background-image:url("https://metreset.me/wp-content/uploads/2026/03/Group-7-4.png");background-position:bottom right;background-repeat:no-repeat;}.elementor-4391 .elementor-element.elementor-element-d0b75d6::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-background-video-container::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-background-slideshow::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://metreset.me/wp-content/uploads/2026/02/ChatGPT-Image-Feb-26-2026-10_43_26-PM-Photoroom-1-3.png");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;}.elementor-4391 .elementor-element.elementor-element-6e2d585{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4391 .elementor-element.elementor-element-f93ec5d .elementor-heading-title{font-family:"Stara", Sans-serif;font-size:62px;color:#000000;}.elementor-4391 .elementor-element.elementor-element-5907446{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:16px;line-height:25px;color:#6B7280;}.elementor-4391 .elementor-element.elementor-element-0ec1b32{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4391 .elementor-element.elementor-element-47489b9{--display:flex;--min-height:160px;--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;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4391 .elementor-element.elementor-element-47489b9:not(.elementor-motion-effects-element-type-background), .elementor-4391 .elementor-element.elementor-element-47489b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4391 .elementor-element.elementor-element-47489b9.e-con{--align-self:center;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-wrapper{text-align:start;}.elementor-4391 .elementor-element.elementor-element-b89c34f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4391 .elementor-element.elementor-element-b89c34f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4391 .elementor-element.elementor-element-b89c34f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-title{font-family:"Stara", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:var( --e-global-color-astglobalcolor5 );}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-wrapper{text-align:start;}.elementor-4391 .elementor-element.elementor-element-bac2226.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4391 .elementor-element.elementor-element-bac2226.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4391 .elementor-element.elementor-element-bac2226.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-title{font-family:"Stara", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:var( --e-global-color-astglobalcolor5 );}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-wrapper{text-align:start;}.elementor-4391 .elementor-element.elementor-element-69a5562.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4391 .elementor-element.elementor-element-69a5562.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4391 .elementor-element.elementor-element-69a5562.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-title{font-family:"Stara", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:var( --e-global-color-astglobalcolor5 );}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-wrapper{text-align:start;}.elementor-4391 .elementor-element.elementor-element-0b3d56b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4391 .elementor-element.elementor-element-0b3d56b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4391 .elementor-element.elementor-element-0b3d56b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-title{font-family:"Stara", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:var( --e-global-color-astglobalcolor5 );}.elementor-4391 .elementor-element.elementor-element-8df4e83{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4391 .elementor-element.elementor-element-26b2469{text-align:center;}.elementor-4391 .elementor-element.elementor-element-26b2469 .elementor-heading-title{font-family:"Stara", Sans-serif;font-size:62px;color:#000000;}body.elementor-page-4391:not(.elementor-motion-effects-element-type-background), body.elementor-page-4391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:786px){.elementor-4391 .elementor-element.elementor-element-d0b75d6{--min-height:550px;--justify-content:flex-start;--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4391 .elementor-element.elementor-element-d0b75d6::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-background-video-container::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-background-slideshow::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4391 .elementor-element.elementor-element-d0b75d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:contain;}.elementor-4391 .elementor-element.elementor-element-f93ec5d{text-align:center;}.elementor-4391 .elementor-element.elementor-element-f93ec5d .elementor-heading-title{font-size:35px;}.elementor-4391 .elementor-element.elementor-element-5907446{width:100%;max-width:100%;text-align:center;font-size:14px;}.elementor-4391 .elementor-element.elementor-element-0ec1b32{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4391 .elementor-element.elementor-element-47489b9{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4391 .elementor-element.elementor-element-b89c34f{width:100%;max-width:100%;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-wrapper{text-align:center;}.elementor-4391 .elementor-element.elementor-element-b89c34f .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-bac2226{width:100%;max-width:100%;}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-wrapper{text-align:center;}.elementor-4391 .elementor-element.elementor-element-bac2226 .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-69a5562{width:100%;max-width:100%;}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-wrapper{text-align:center;}.elementor-4391 .elementor-element.elementor-element-69a5562 .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-0b3d56b{width:100%;max-width:100%;}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-wrapper{text-align:center;}.elementor-4391 .elementor-element.elementor-element-0b3d56b .elementor-image-box-img{margin-bottom:15px;}.elementor-4391 .elementor-element.elementor-element-26b2469 .elementor-heading-title{font-size:35px;}}@media(min-width:787px){.elementor-4391 .elementor-element.elementor-element-d0b75d6{--content-width:1475px;}.elementor-4391 .elementor-element.elementor-element-6e2d585{--width:50%;}.elementor-4391 .elementor-element.elementor-element-0ec1b32{--content-width:1275px;}.elementor-4391 .elementor-element.elementor-element-47489b9{--width:100%;}.elementor-4391 .elementor-element.elementor-element-8df4e83{--content-width:1475px;}}/* Start custom CSS for shortcode, class: .elementor-element-336c058 */.custom-filter-container {
    width: 100%;
    max-width: 300px;
}

.filter-box {
    background-color: #a5badd; /* Light blue from your image */
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
    color: white;
    font-family: sans-serif;
}

.filter-title {
    font-size: 28px;
    margin: 0 0 20px 0;
    font-weight: 500;
}

.filter-label {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}

.price-input-row {
    display: flex;
    gap: 10px;
}

.price-input-row input {
    width: 50%;
    border-radius: 8px;
    border: none;
    padding: 8px 12px;
    color: #666;
}

.category-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 15px;
}

.cat-item {
    background: white;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    color: #333;
    cursor: pointer;
    transition: 0.2s;
}

.cat-item:hover, .cat-item.is-active {
    background: #f0f0f0;
    transform: translateX(3px);
}

.cat-count {
    font-weight: bold;
    color: #666;
}

.filter-submit-btn {
    width: 100%;
    background: #333;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.clear-filter {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color: white;
    text-decoration: underline;
}



/* Layout Styling */
.shop-layout-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.shop-sidebar {
    flex: 0 0 300px; /* Sidebar width */
}

.shop-products-grid {
    flex: 1; /* Takes rest of the space */
}

/* Filter Box Styling (Matching your Screenshot) */
.filter-box {
    background-color: #a5badd; 
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 15px;
    color: white;
}

.filter-title { font-size: 24px; margin-bottom: 15px; color: #002277; }

.price-input-row { display: flex; gap: 10px; }
.price-input-row input { 
    width: 50%; border-radius: 5px; border: none; padding: 10px; color: #333; 
}

.cat-item {
    background: white; border-radius: 10px; padding: 10px 15px;
    display: flex; justify-content: space-between;
    color: #333; cursor: pointer; margin-bottom: 8px;
    transition: 0.3s;
}

.cat-item.is-active { background: #e0e0e0; font-weight: bold; }

.filter-submit-btn {
    width: 100%; background: #333; color: white; border: none;
    padding: 12px; border-radius: 10px; cursor: pointer; font-weight: bold;
}

.clear-all { display: block; text-align: center; margin-top: 10px; color: white; font-size: 13px; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .shop-layout-container { flex-direction: column; }
    .shop-sidebar { width: 100%; }
}


/* Product Grid Desktop par 3 Columns ke liye */
.shop-products-grid ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Force 3 columns */
    gap: 20px !important;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* WooCommerce ki default floating khatam karne ke liye */
.shop-products-grid ul.products li.product {
    width: 100% !important; 
    margin: 0 !important;
    float: none !important;
    background: #f9f9f9; /* Light grey background jaisa screenshot mein hai */
    border-radius: 20px; /* Rounded corners */
    padding: 15px;
    transition: transform 0.3s ease, border 0.3s ease;
    border: 2px solid transparent;
    text-align: center;
}

/* Image container styling */
.shop-products-grid ul.products li.product img {
    border-radius: 15px;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Hover effect jaisa image mein blue border hai */
.shop-products-grid ul.products li.product:hover {
    border-color: #3498db; /* Blue border on hover */
    transform: translateY(-5px);
}

/* Product Title & Price */
.shop-products-grid ul.products li.product h2, 
.shop-products-grid ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 0 5px !important;
    color: #333;
}

.shop-products-grid ul.products li.product .price {
    color: #666 !important;
    font-size: 14px !important;
    display: block;
    margin-bottom: 10px;
}

/* Mobile Responsive: 768px se niche 1 ya 2 column */
@media (max-width: 768px) {
    .shop-products-grid ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .shop-products-grid ul.products {
        grid-template-columns: 1fr !important;
    }
}



aside.shop-sidebar {
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Stara';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://metreset.me/wp-content/uploads/2026/03/Stara-SemiBold-BF65962709c807c-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */