.elementor-2542 .elementor-element.elementor-element-0cc30a9{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2542 .elementor-element.elementor-element-0cc30a9:not(.elementor-motion-effects-element-type-background), .elementor-2542 .elementor-element.elementor-element-0cc30a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoopsie.in/wp-content/uploads/2025/09/PRODUCT-PAGE-BANNER-1-2-scaled.png");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2542 .elementor-element.elementor-element-bdf090e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-2542 .elementor-element.elementor-element-a1a701d{--display:flex;--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;--justify-content:center;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:80px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-2542 .elementor-element.elementor-element-a1a701d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2542 .elementor-element.elementor-element-ef403b7{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DBD4DB;--border-color:#DBD4DB;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:25px;--padding-left:20px;--padding-right:25px;}.elementor-2542 .elementor-element.elementor-element-e729299{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 2px 24px 0px rgba(0, 0, 0, 0.25098039215686274);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2542 .elementor-element.elementor-element-e2d1993 img{width:70%;}.elementor-2542 .elementor-element.elementor-element-8c292de{text-align:center;}.elementor-2542 .elementor-element.elementor-element-8c292de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-transform:capitalize;line-height:25px;color:#222222;}.elementor-2542 .elementor-element.elementor-element-18eeaee{--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-2542 .elementor-element.elementor-element-993dad5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-color:#CBB1C8;--border-color:#CBB1C8;}.elementor-2542 .elementor-element.elementor-element-8490e4d{--display:flex;border-style:solid;--border-style:solid;border-color:#CBB1C8;--border-color:#CBB1C8;}.elementor-2542 .elementor-element.elementor-element-7ed84c9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-weight:400;color:#222222;}.elementor-2542 .elementor-element.elementor-element-c2ab27f{--display:flex;}.elementor-2542 .elementor-element.elementor-element-937a898 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-weight:400;color:#222222;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product{text-align:left;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:20px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#222222;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#222222;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .price{color:#000000;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination{margin-top:10px;font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul{border-color:#CBB1C8;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul li{border-right-color:#CBB1C8;border-left-color:#CBB1C8;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul li a, .elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul li span{padding:10px;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul li a{color:#444444;background-color:#02010100;}.elementor-2542 .elementor-element.elementor-element-ffd4607 nav.woocommerce-pagination ul li span.current{color:#FFFFFF;background-color:#190337;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-2542 .elementor-element.elementor-element-30e3a63{--display:flex;--position:absolute;--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;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:12px;--z-index:0;}body:not(.rtl) .elementor-2542 .elementor-element.elementor-element-30e3a63{right:120px;}body.rtl .elementor-2542 .elementor-element.elementor-element-30e3a63{left:120px;}.elementor-2542 .elementor-element.elementor-element-07ee5dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2542 .elementor-element.elementor-element-07ee5dc .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:20px;font-weight:400;color:#222222;}.elementor-2542 .elementor-element.elementor-element-0d9f647{width:var( --container-widget-width, 10% );max-width:10%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-2542 .elementor-element.elementor-element-0d9f647 img{width:100%;}.elementor-2542 .elementor-element.elementor-element-6251199{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-2542 .elementor-element.elementor-element-af0db2b .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2542 .elementor-element.elementor-element-af0db2b{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:40%;--e-off-canvas-height:35%;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-2542 .elementor-element.elementor-element-af0db2b .e-off-canvas__content{border-radius:30px 30px 30px 30px;}.elementor-2542 .elementor-element.elementor-element-d41f251{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2542 .elementor-element.elementor-element-629b774{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-437da40{text-align:center;}.elementor-2542 .elementor-element.elementor-element-437da40 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#222222;}.elementor-2542 .elementor-element.elementor-element-78bfb2c{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-aefc4e8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2542 .elementor-element.elementor-element-329fc5d .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#222222;color:#222222;border-radius:10px 10px 10px 10px;padding:8px 20px 8px 20px;}.elementor-2542 .elementor-element.elementor-element-329fc5d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2542 .elementor-element.elementor-element-329fc5d .elementor-button .elementor-button-content-wrapper{gap:36px;}.elementor-2542 .elementor-element.elementor-element-20bc2a8 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#222222;color:#222222;border-radius:10px 10px 10px 10px;padding:8px 20px 8px 20px;}.elementor-2542 .elementor-element.elementor-element-20bc2a8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2542 .elementor-element.elementor-element-20bc2a8 .elementor-button .elementor-button-content-wrapper{gap:36px;}.elementor-2542 .elementor-element.elementor-element-bd434f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-52fbdd7{--display:flex;}.elementor-2542 .elementor-element.elementor-element-b733ca0{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-a7e9b81 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2542 .elementor-element.elementor-element-a7e9b81{--e-off-canvas-justify-content:flex-start;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-2542 .elementor-element.elementor-element-3bcebc6{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-2542 .elementor-element.elementor-element-858b0e0{--display:flex;--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;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-f32fb93 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:#222222;}.elementor-2542 .elementor-element.elementor-element-403c417{width:var( --container-widget-width, 11% );max-width:11%;--container-widget-width:11%;--container-widget-flex-grow:0;text-align:right;}.elementor-2542 .elementor-element.elementor-element-403c417 img{width:100%;}.elementor-2542 .elementor-element.elementor-element-f556d3c > .elementor-widget-container{border-style:solid;border-width:0px 0px 01px 0px;border-color:#CCCCCC;}.elementor-2542 .elementor-element.elementor-element-3ca4e95 > .elementor-widget-container{border-style:solid;border-width:0px 0px 01px 0px;border-color:#CCCCCC;}.elementor-2542 .elementor-element.elementor-element-6831cb8{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 2px 24px 0px rgba(0, 0, 0, 0.25098039215686274);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2542 .elementor-element.elementor-element-56a580b img{width:70%;}.elementor-2542 .elementor-element.elementor-element-814e822{text-align:center;}.elementor-2542 .elementor-element.elementor-element-814e822 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-transform:capitalize;line-height:25px;color:#222222;}@media(min-width:768px){.elementor-2542 .elementor-element.elementor-element-a1a701d{--width:100%;}.elementor-2542 .elementor-element.elementor-element-ef403b7{--width:25%;}.elementor-2542 .elementor-element.elementor-element-18eeaee{--width:70%;}.elementor-2542 .elementor-element.elementor-element-993dad5{--width:100%;}.elementor-2542 .elementor-element.elementor-element-30e3a63{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2542 .elementor-element.elementor-element-ef403b7{--width:100%;}.elementor-2542 .elementor-element.elementor-element-e729299{--width:40%;}.elementor-2542 .elementor-element.elementor-element-18eeaee{--width:100%;}.elementor-2542 .elementor-element.elementor-element-993dad5{--width:60%;}.elementor-2542 .elementor-element.elementor-element-6831cb8{--width:40%;}}@media(max-width:1024px){.elementor-2542 .elementor-element.elementor-element-a1a701d{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-e729299{--justify-content:center;}.elementor-2542 .elementor-element.elementor-element-e729299.e-con{--align-self:center;}.elementor-2542 .elementor-element.elementor-element-18eeaee{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-993dad5{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:8px 8px 8px 8px;}.elementor-2542 .elementor-element.elementor-element-993dad5.e-con{--align-self:center;}.elementor-2542 .elementor-element.elementor-element-8490e4d{--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;--justify-content:center;--align-items:center;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-2542 .elementor-element.elementor-element-7ed84c9 .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-63acf74 img{width:70%;}.elementor-2542 .elementor-element.elementor-element-c2ab27f{--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;--justify-content:center;--align-items:center;}.elementor-2542 .elementor-element.elementor-element-937a898 .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-f9031f5 img{width:70%;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2542 .elementor-element.elementor-element-07ee5dc .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-0d9f647 img{width:70%;}.elementor-2542 .elementor-element.elementor-element-af0db2b{--e-off-canvas-width:70%;--e-off-canvas-height:30%;}.elementor-2542 .elementor-element.elementor-element-d41f251{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2542 .elementor-element.elementor-element-6831cb8{--justify-content:center;}.elementor-2542 .elementor-element.elementor-element-6831cb8.e-con{--align-self:center;}}@media(max-width:767px){.elementor-2542 .elementor-element.elementor-element-0cc30a9{--min-height:250px;}.elementor-2542 .elementor-element.elementor-element-0cc30a9:not(.elementor-motion-effects-element-type-background), .elementor-2542 .elementor-element.elementor-element-0cc30a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2542 .elementor-element.elementor-element-bdf090e .elementor-heading-title{font-size:30px;}.elementor-2542 .elementor-element.elementor-element-a1a701d{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2542 .elementor-element.elementor-element-993dad5{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;--border-radius:5px 5px 5px 5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2542 .elementor-element.elementor-element-8490e4d{--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-2542 .elementor-element.elementor-element-7ed84c9 .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-63acf74 img{width:20px;height:20px;}.elementor-2542 .elementor-element.elementor-element-c2ab27f{--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2542 .elementor-element.elementor-element-937a898 .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-f9031f5 img{width:20px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product{text-align:left;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:12px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:15px;}.elementor-2542 .elementor-element.elementor-element-ffd4607.elementor-wc-products ul.products li.product .price{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-07ee5dc .elementor-heading-title{font-size:18px;}.elementor-2542 .elementor-element.elementor-element-0d9f647 img{width:70%;}.elementor-2542 .elementor-element.elementor-element-a7e9b81{--e-off-canvas-width:350px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:300ms;}.elementor-2542 .elementor-element.elementor-element-3bcebc6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2542 .elementor-element.elementor-element-f32fb93 .elementor-heading-title{font-size:22px;}.elementor-2542 .elementor-element.elementor-element-814e822 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-055d3b6 */.filter-container {
max-width: 280px;
background: #fff;
border-radius: 4px;
padding: 0;
}
.filter-header {
padding: 20px 0px 0px 0px;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
color: #222;
font-family: poppins;
}
.filter-list {
list-style: none;
padding: 12px 0;
}
.filter-item {
position: relative;
}
.filter-option {
display: flex;
align-items: center;
padding: 6px 0px;
cursor: pointer;
transition: background-color 0.2s;
position: relative;
}
.filter-option:hover {
background-color: #f9f9f9;
}
.filter-option input[type="radio"] {
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #CBB1C8;
border-radius: 50%;
margin-right: 12px;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
.filter-option input[type="radio"]:checked {
border-color: #8b4789;
}
.filter-option input[type="radio"]:checked::after {
content: '';
position: absolute;
width: 8px;
height: 8px;
background-color: #8b4789;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.filter-option label {
cursor: pointer;
font-size: 16px;
color: #666;
flex-grow: 1;
font-family: Tahoma;
letter-spacing: 0.2px
}
.filter-option.has-children {
padding-right: 40px;
}
.dropdown-arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 16px; /* adjust size as needed */
height: 16px;
cursor: pointer;
transition: transform 0.3s;
/* Use inline SVG as background */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.dropdown-arrow.expanded {
transform: translateY(-50%) rotate(180deg);
/* optional: change color on expanded */
background-image: url('data:image/svg+xml;utf8,');
}
.subcategory-list {
list-style: none;
padding-left: 48px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.subcategory-list.expanded {
max-height: 500px;
}
.subcategory-item {
padding: 8px 0;
}
.subcategory-item label {
cursor: pointer;
font-size: 16px;
color: #666;
font-family: Tahoma;
display: flex;
align-items: center;
}
.subcategory-item input[type="radio"] {
appearance: none;
width: 14px;
height: 14px;
border: 2px solid #999;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
.subcategory-item input[type="radio"]:checked {
border-color: #8b4789;
}
.subcategory-item input[type="radio"]:checked::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #8b4789;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.subcategory-item label:hover {
color: #333;
}
/* Loading state */
.loading {
text-align: center;
padding: 20px;
color: #666;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30e3a63 */.web-filter-btn h2{
cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a701d */@media screen and (max-width:1180px){
#main-shop-container{
padding: 0 50px 0 50px;
}
}
@media screen and (max-width:550px){
#main-shop-container{
padding: 0 20px 0 20px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-329fc5d */.color-btn{
text-align: left !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-20bc2a8 */.color-btn{
text-align: left !important;
}/* End custom CSS */
/* Start custom CSS for woofilters, class: .elementor-element-19f78f3 */.filter-container .wfpDescription{
font-size: 18px !important;
font-weight: 600;
font-family: poppins;
color: #222222;
margin-bottom: 20px
}
.filter-container .wpfFilterTaxNameWrapper{
font-size: 16px !important;
font-weight: 400 !important;
font-family: Tahoma;
color: #666666
}
.filter-container .wpfValue{
font-size: 16px !important;
font-weight: 400 !important;
font-family: poppins;
color: #666666
}
.filter-container .wpfFilterVerScroll li {
margin-bottom: 10px;
}
.filter-container .wpfFilterVerScroll{
max-height: none !important;
}
/* Hide default checkbox */
.filter-container .wpfCheckbox input[type="checkbox"] {
display: none;
}
/* Style label as a circle */
.filter-container .wpfCheckbox label {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #CBB1C8;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
position: relative;
}
/* Checked = Purple fill */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label {
background-color: #953A90;
border-color: #953A90;
}
/* Kill default tick */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label::before {
content: none !important;
background: none !important;
}/* End custom CSS */
/* Start custom CSS for woofilters, class: .elementor-element-d1cc9fe */.filter-container .wfpDescription{
font-size: 18px !important;
font-weight: 600;
font-family: poppins;
color: #222222;
margin-bottom: 20px
}
.filter-container .wpfFilterTaxNameWrapper{
font-size: 16px !important;
font-weight: 400 !important;
font-family: Tahoma;
color: #666666
}
.filter-container .wpfValue{
font-size: 16px !important;
font-weight: 400 !important;
font-family: poppins;
color: #666666
}
.filter-container .wpfFilterVerScroll li {
margin-bottom: 10px;
}
.filter-container .wpfFilterVerScroll{
max-height: none !important;
}
/* Hide default checkbox */
.filter-container .wpfCheckbox input[type="checkbox"] {
display: none;
}
/* Style label as a circle */
.filter-container .wpfCheckbox label {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #CBB1C8;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
position: relative;
}
/* Checked = Purple fill */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label {
background-color: #953A90;
border-color: #953A90;
}
/* Kill default tick */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label::before {
content: none !important;
background: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b99305 *//* mobile-sort.css (minimal, tweak to match theme) */
.mobile-sort-modal { display:none; position:fixed; inset:0; z-index:9999; justify-content:center; align-items:center; }
.mobile-sort-modal.active { display:flex; }
.mobile-sort-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.5); }
.mobile-sort-content { position:relative; z-index:10000; background:#fff; width:92%; max-width:360px; border-radius:10px; padding:18px; }
.mobile-sort-list { list-style:none; padding:0; margin:0; }
.mobile-sort-item { padding:12px; border-bottom:1px solid #eee; cursor:pointer; text-align:left; font-family: poppins !important;
font-size: 16px !important; }
.mobile-sort-item:last-child { border-bottom:none; }
.mobile-sort-close , .mobile-sort-close:hover, .mobile-sort-close:active{
background: none;
border: none
}
#mobile-sort-title{
font-family: poppins !important;
font-size: 20px !important;
display: flex;
justify-content: space-between;
align-items: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97391d8 */.filter-container {
max-width: 280px;
background: #fff;
border-radius: 4px;
padding: 0;
}
.filter-header {
padding: 20px 0px 0px 0px;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
color: #222;
font-family: poppins;
}
.filter-list {
list-style: none;
padding: 12px 0;
}
.filter-item {
position: relative;
}
.filter-option {
display: flex;
align-items: center;
padding: 6px 0px;
cursor: pointer;
transition: background-color 0.2s;
position: relative;
}
.filter-option:hover {
background-color: #f9f9f9;
}
.filter-option input[type="radio"] {
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #CBB1C8;
border-radius: 50%;
margin-right: 12px;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
.filter-option input[type="radio"]:checked {
border-color: #8b4789;
}
.filter-option input[type="radio"]:checked::after {
content: '';
position: absolute;
width: 8px;
height: 8px;
background-color: #8b4789;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.filter-option label {
cursor: pointer;
font-size: 16px;
color: #666;
flex-grow: 1;
font-family: Tahoma;
letter-spacing: 0.2px
}
.filter-option.has-children {
padding-right: 40px;
}
.dropdown-arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 16px; /* adjust size as needed */
height: 16px;
cursor: pointer;
transition: transform 0.3s;
/* Use inline SVG as background */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.dropdown-arrow.expanded {
transform: translateY(-50%) rotate(180deg);
/* optional: change color on expanded */
background-image: url('data:image/svg+xml;utf8,');
}
.subcategory-list {
list-style: none;
padding-left: 48px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.subcategory-list.expanded {
max-height: 500px;
}
.subcategory-item {
padding: 8px 0;
}
.subcategory-item label {
cursor: pointer;
font-size: 16px;
color: #666;
font-family: Tahoma;
display: flex;
align-items: center;
}
.subcategory-item input[type="radio"] {
appearance: none;
width: 14px;
height: 14px;
border: 2px solid #999;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
.subcategory-item input[type="radio"]:checked {
border-color: #8b4789;
}
.subcategory-item input[type="radio"]:checked::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #8b4789;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.subcategory-item label:hover {
color: #333;
}
/* Loading state */
.loading {
text-align: center;
padding: 20px;
color: #666;
}/* End custom CSS */
/* Start custom CSS for woofilters, class: .elementor-element-f556d3c */.filter-container .wfpDescription{
font-size: 18px !important;
font-weight: 600;
font-family: poppins;
color: #222222;
margin-bottom: 20px
}
.filter-container .wpfFilterTaxNameWrapper{
font-size: 16px !important;
font-weight: 400 !important;
font-family: Tahoma;
color: #666666
}
.filter-container .wpfValue{
font-size: 16px !important;
font-weight: 400 !important;
font-family: poppins;
color: #666666
}
.filter-container .wpfFilterVerScroll li {
margin-bottom: 10px;
}
.filter-container .wpfFilterVerScroll{
max-height: none !important;
}
/* Hide default checkbox */
.filter-container .wpfCheckbox input[type="checkbox"] {
display: none;
}
/* Style label as a circle */
.filter-container .wpfCheckbox label {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #CBB1C8;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
position: relative;
}
/* Checked = Purple fill */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label {
background-color: #953A90;
border-color: #953A90;
}
/* Kill default tick */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label::before {
content: none !important;
background: none !important;
}/* End custom CSS */
/* Start custom CSS for woofilters, class: .elementor-element-3ca4e95 */.filter-container .wfpDescription{
font-size: 18px !important;
font-weight: 600;
font-family: poppins;
color: #222222;
margin-bottom: 20px
}
.filter-container .wpfFilterTaxNameWrapper{
font-size: 16px !important;
font-weight: 400 !important;
font-family: Tahoma;
color: #666666
}
.filter-container .wpfValue{
font-size: 16px !important;
font-weight: 400 !important;
font-family: poppins;
color: #666666
}
.filter-container .wpfFilterVerScroll li {
margin-bottom: 10px;
}
.filter-container .wpfFilterVerScroll{
max-height: none !important;
}
/* Hide default checkbox */
.filter-container .wpfCheckbox input[type="checkbox"] {
display: none;
}
/* Style label as a circle */
.filter-container .wpfCheckbox label {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #CBB1C8;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
position: relative;
}
/* Checked = Purple fill */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label {
background-color: #953A90;
border-color: #953A90;
}
/* Kill default tick */
.filter-container .wpfCheckbox input[type="checkbox"]:checked + label::before {
content: none !important;
background: none !important;
}/* End custom CSS */