.elementor-55 .elementor-element.elementor-element-omart001:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-omart001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-omart001 > .elementor-container{max-width:1320px;}.elementor-55 .elementor-element.elementor-element-omart001{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 16px 60px 16px;}.elementor-55 .elementor-element.elementor-element-omart001 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55 .elementor-element.elementor-element-omart010:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-55 .elementor-element.elementor-element-omart010 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-omart010 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-55 .elementor-element.elementor-element-omart010 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-archive-filters{--rtsb-color-primary:#18A558;--rtsb-color-secondary:#111;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-archive-filters .rtsb-filter-header h3{color:#000719;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-title-wrapper .widget-title, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-archive-filters-wrapper .rtsb-product-filters .filter-title-wrapper i, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-search .filter-title-wrapper .widget-title, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-archive-filters-wrapper .rtsb-product-search .filter-title-wrapper i{color:#000719;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-title-wrapper, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-search .filter-title-wrapper{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E5E5;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-checkbox .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-radio .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-filter-group .rtsb-count{display:block;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-checkbox .rtsb-filter-group, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-checkbox input.rtsb-checkbox-filter + label, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-radio .rtsb-filter-group, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-radio input.rtsb-radio-filter + label, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-color-filter, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-color-filter .filter-attr-name, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-button-filter, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-button-filter .filter-attr-name, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .price-label .price-text{color:#000719;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-checkbox .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-radio .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-filter-group .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-ratings .rtsb-rating-star-wrapper + .rtsb-count{color:#666666;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .rtsb-filter-group:hover input.rtsb-checkbox-filter + label, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-checkbox .rtsb-filter-group:hover .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .rtsb-filter-group:hover input.rtsb-radio-filter + label, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .input-type-radio .rtsb-filter-group:hover .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-filter-group:hover .rtsb-color-filter .filter-attr-name, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-filter-group:hover .rtsb-color-filter .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-filter-group:hover .rtsb-button-filter .filter-attr-name, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-filter-group:hover .rtsb-button-filter .rtsb-count{color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters input.rtsb-checkbox-filter.checked + label + .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters input.rtsb-button-filter.checked + label + .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-term-item.selected .rtsb-color-filter .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-term-item.selected .rtsb-button-filter .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters input.rtsb-radio-filter.checked + label + .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-ratings input.rtsb-checkbox-filter.checked + label .rtsb-rating-star-wrapper + .rtsb-count, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .rtsb-filter-group.active .rtsb-count{color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters input.rtsb-checkbox-filter + label::before{border-color:#E5E5E5;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .rtsb-filter-group.active input.rtsb-checkbox-filter + label::before{border-color:#18A558;background-color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters input.rtsb-radio-filter + label::before{border-color:#E5E5E5;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .rtsb-filter-group.active input.rtsb-radio-filter + label::before{border-color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-color .product-filters.no-label .rtsb-count{display:none !important;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-button .rtsb-count{display:none !important;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price{color:#666666;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .price-filter-reset::before, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .price-filter-reset:hover::before{background-color:#666666;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .rtsb-price-slider{background:#E5E5E5;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .rtsb-price-slider .noUi-handle{border-color:#116530;background-color:#116530;}.elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-ratings .rtsb-rating-star-wrapper + .rtsb-count{display:block;}.elementor-55 .elementor-element.elementor-element-omart020 > .elementor-element-populated{padding:0px 0px 0px 24px;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-55 .elementor-element.elementor-element-shop-archive-h1{text-align:start;}.elementor-55 .elementor-element.elementor-element-omart021 > .elementor-container{max-width:100%;}.elementor-55 .elementor-element.elementor-element-omart021{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E5E5;margin-top:0px;margin-bottom:20px;padding:0px 0px 16px 0px;}.elementor-55 .elementor-element.elementor-element-omart022.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-55 .elementor-element.elementor-element-omart023{color:#666666;}.elementor-55 .elementor-element.elementor-element-omart024.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-55 .elementor-element.elementor-element-omart025{width:auto;max-width:auto;text-align:right;}.elementor-55 .elementor-element.elementor-element-omart025 .rtsb-archive-catalog-ordering .woocommerce-ordering .orderby{height:40px;}.elementor-55 .elementor-element.elementor-element-omart025 .rtsb-archive-catalog-ordering .woocommerce-ordering,.elementor-55 .elementor-element.elementor-element-omart025 .rtsb-archive-catalog-ordering .woocommerce-ordering .orderby{width:100%;}.elementor-55 .elementor-element.elementor-element-omart026{width:auto;max-width:auto;}.elementor-55 .elementor-element.elementor-element-omart026 .rtsb-archive-view-mode a{height:40px;width:40px;}.elementor-55 .elementor-element.elementor-element-omart026 .rtsb-archive-view-mode{gap:5px;}.elementor-55 .elementor-element.elementor-element-omart026 .rtsb-archive-view-mode a:hover,.elementor-55 .elementor-element.elementor-element-omart026 .rtsb-archive-view-mode a.active{background-color:#18A558;color:#18A558;border-color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart030 > .elementor-container{max-width:100%;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(4, minmax(0, 1fr));margin-left:calc(-20px / 2);margin-right:calc(-20px / 2);}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:4;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:1;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"]{grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-product .rtsb-list-item .rtsb-product-img, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-list-layout6 .rtsb-content-left{flex-basis:32%;max-width:32%;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-product .rtsb-list-item,.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-list-layout6 .rtsb-product .rtsb-list-item .rtsb-product-content{gap:30px;}.elementor-55 .elementor-element.elementor-element-omart032{--rtsb-color-primary:#18A558;--rtsb-color-secondary:#FF8A00;--rtsb-color-loader:#111;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container [class*=rtsb-col-]{padding-left:calc(20px / 2);padding-right:calc(20px / 2);}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-slider-layout3{--rtsb-slider-layout3-spacing:20px;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-slider-layout9{--rtsb-slider-layout9-spacing:20px;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-product, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-category-grid{margin-bottom:20px;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .product-title{color:#111111;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-product-title-wrapper:hover .product-title, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-product:hover .product-title-with-btn .product-title{color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .price-wrapper :is( ins, ins span bdi){color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .price-wrapper :is( bdi, del bdi), .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container.products .price-wrapper del{color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .star-rating{letter-spacing:3px;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .product-rating.preset2, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .product-rating.preset2 .inner-wrapper{gap:3px;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-cart .rtsb-action-btn, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout6 .rtsb-product .rtsb-cart .rtsb-action-btn, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-slider-layout6 .rtsb-product .rtsb-cart .rtsb-action-btn, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout5 .rtsb-product .product-price-with-cart .rtsb-cart .rtsb-action-btn, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout9 .rtsb-product .product-price-with-cart .rtsb-cart .rtsb-action-btn{background-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-cart .rtsb-action-btn:hover, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout6 .rtsb-product .rtsb-cart .rtsb-action-btn:hover, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-slider-layout6 .rtsb-product .rtsb-cart .rtsb-action-btn:hover, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout5 .rtsb-product .product-price-with-cart .rtsb-cart .rtsb-action-btn:hover, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-grid-layout9 .rtsb-product .product-price-with-cart .rtsb-cart .rtsb-action-btn:hover{background-color:#18A558;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-cart .rtsb-action-btn{border-radius:50px 50px 50px 50px !important;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-action-btn.has-text{gap:8px !important;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-tag-fill, .elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-tag-outline{color:#FFFFFF;background-color:#FF8A00;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:2;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:2;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-omart010{width:25%;}.elementor-55 .elementor-element.elementor-element-omart020{width:75%;}.elementor-55 .elementor-element.elementor-element-omart022{width:40%;}.elementor-55 .elementor-element.elementor-element-omart024{width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-55 .elementor-element.elementor-element-omart010{width:100%;}.elementor-55 .elementor-element.elementor-element-omart020{width:100%;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-omart010{width:100%;}.elementor-55 .elementor-element.elementor-element-omart020{width:100%;}.elementor-55 .elementor-element.elementor-element-omart020 > .elementor-element-populated{padding:24px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:2;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:1;}.elementor-55 .elementor-element.elementor-element-omart032 .rtsb-elementor-container .rtsb-row[class*="list-layout"]{grid-template-columns:repeat(1, minmax(0, 1fr));}}/* Start custom CSS for rtsb-ajax-product-filters, class: .elementor-element-omart011 *//* Naadu Nalam - price filter reset button. Plugin defaults left it black, hovering bright blue (--rtsb-color-primary is 06f), with the 18px glyph mis-centred inside its own 30px box. Visibility is untouched - the button still only appears when a price filter is active. Do not set mask-image here: it is the same property as the plugin's -webkit-mask-image and would wipe out the icon. */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset{ width:30px!important; height:30px!important; border-radius:50%!important; cursor:pointer!important; transition:background-color .2s ease!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset:hover, .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset:focus-visible{ background:#EAF6EE!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset:focus-visible{ outline:2px solid #18A558!important; outline-offset:2px!important; } /* Centre the glyph properly: an 18px icon needs -9px, not -12px / -4px */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset:before{ margin-left:-9px!important; margin-top:-9px!important; background-color:#18A558!important; transition:background-color .2s ease,transform .3s ease!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters .filter-price .price-filter-reset:hover:before{ background-color:#0F8A45!important; } /* ========================================================================== PRICE SLIDER - selected range vs inactive track THE BUG: this widget's own "slider line colour" control was #18A558, which is the exact value primary_color writes into --rtsb-color-primary for this widget - and noUiSlider paints .noUi-connect with var(--rtsb-color-primary). Track and active range were therefore literally the same green, which is why the whole bar read as selected no matter where the upper handle sat. Fixed at the source: the three slider colour controls now carry #E5E5E5 (inactive track) and #116530 (handles - the header/footer green). Only the connect needs CSS, because ShopBuilder exposes no control for it and --rtsb-color-primary is shared with the checkbox / count / hover accents in this same panel, which are staying #18A558. ========================================================================== */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .rtsb-price-slider .noUi-connect{ background-color:#116530!important; } /* Handle centring. noUiSlider anchors .noUi-origin's RIGHT edge on the value, then the stock .noUi-horizontal .noUi-handle rule offsets the handle by right:-17px, which centres the DEFAULT 34px handle. ShopBuilder resizes the handle to 20px (box-sizing is border-box) but leaves right:-17px, so both handles sat 17-10 = 7px to the RIGHT of the value they represent. That was invisible while the whole bar was one green, and obvious the moment the track goes grey, because .noUi-connect ends exactly on the value. -10px is half of 20px, i.e. the true centre. The matching 10px side margins give each end handle exactly its radius of room so the slider's painted extent lines up with the filter rows above it. Slider VALUES are untouched - this is purely where the knob is drawn. */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .rtsb-price-slider .noUi-handle{ right:-10px!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .rtsb-price-slider{ margin-left:10px!important; margin-right:10px!important; } /* Price line + reset button alignment. .filter-price is already display:flex / align-items:center, but .price-label carried margin-top:10px, so its margin box sat 10px lower than the 30px reset button and the two never lined up. Zero it and move the breathing room onto .filter-price itself, which keeps the vertical rhythm and lets the flex centring actually do its job. */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .filter-price{ margin-top:16px!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .filter-price .price-label{ margin-top:0!important; align-items:center!important; } /* Keep the price range on one line, and stop the reset button being squeezed by it on a narrow sidebar. */ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .filter-price .price-result{ white-space:nowrap!important; } .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-product-filters.rtsb-price .filter-price .price-filter-reset{ flex:0 0 30px!important; margin:0!important; } /* ========================================================================== MOBILE (<=767px) - the "Click to Filter" panel ShopBuilder renders this panel as an ABSOLUTELY positioned dropdown at z-index 999 whose height is simply whatever its contents come to: measured at 263 x 1671px inside an 844px viewport, overflow visible, no max-height. On a phone that reads as clutter for four separate reasons - a 263px column floating over the product grid, labels clipping ("Health Mixes & Ready-to-Cook"), page content showing through on every side, and, because the widget's JS closes the panel ONLY from the toggle button and not on an outside tap (verified), no way to dismiss it once that button has scrolled off the top. Putting the panel in FLOW instead of over the page fixes all four at once: nothing is covered, the full column width is available so nothing clips, and the toggle stays directly above the panel as a reachable close control. The widget does expose enable_scroll / scroll_height, which would cap each filter group - but those controls are not responsive, so using them would also change the desktop sidebar. Everything here is inside the mobile query instead; tablet and desktop are byte-identical to before. NOTE: ShopBuilder's JS writes width / left / right / top as INLINE styles when it opens the panel, so each of those needs !important to win. Never override `display` here - that is the open/closed state itself. ========================================================================== */ @media(max-width:767px){ .elementor-55 .elementor-element.elementor-element-omart011 .rtsb-archive-filters-wrapper{ position:static!important; left:auto!important; right:auto!important; top:auto!important; width:100%!important; max-width:100%!important; margin-top:12px!important; /* Capped rather than left to run: 1671px of filters would bury the grid and strand the toggle. The panel scrolls inside itself instead. */ max-height:70vh!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch; padding:16px!important; border:1px solid #E5E5E5!important; border-radius:10px!important; box-shadow:none!important; } /* Full-row tap targets. Each row is 34px tall and the real control - the