.elementor-2032 .elementor-element.elementor-element-900ae6b{--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:40px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2032 .elementor-element.elementor-element-900ae6b:not(.elementor-motion-effects-element-type-background), .elementor-2032 .elementor-element.elementor-element-900ae6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2032 .elementor-element.elementor-element-90f2255{--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:21px 21px;--row-gap:21px;--column-gap:21px;--flex-wrap:wrap;}.elementor-2032 .elementor-element.elementor-element-b72eb2d{--display:flex;--min-height:20px;}.elementor-2032 .elementor-element.elementor-element-fa1f4a4{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2032 .elementor-element.elementor-element-fa1f4a4 .woocommerce-breadcrumb{font-family:"AradFD", Sans-serif;}.elementor-2032 .elementor-element.elementor-element-48bb15e{--display:flex;}.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-2032 .elementor-element.elementor-element-b5511bc .elementor-button{background-color:var( --e-global-color-8e8bf0f );font-family:"AradFD", Sans-serif;font-weight:600;fill:var( --e-global-color-b87ccd9 );color:var( --e-global-color-b87ccd9 );}.elementor-2032 .elementor-element.elementor-element-b5511bc .elementor-button:hover, .elementor-2032 .elementor-element.elementor-element-b5511bc .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-2032 .elementor-element.elementor-element-b5511bc .elementor-button-content-wrapper{flex-direction:row;}.elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button{background-color:var( --e-global-color-8e8bf0f );font-family:"AradFD", Sans-serif;font-weight:600;fill:var( --e-global-color-b87ccd9 );color:var( --e-global-color-b87ccd9 );}.elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button:hover, .elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2032 .elementor-element.elementor-element-4bccd7b .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2032 .elementor-element.elementor-element-4bccd7b{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-2032 .elementor-element.elementor-element-f9152fa{--display:flex;}.elementor-2032 .elementor-element.elementor-element-241348c .elementor-button{background-color:#FFFFFF00;font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-2032 .elementor-element.elementor-element-4521b44{--display:flex;border-style:none;--border-style:none;}.elementor-2032 .elementor-element.elementor-element-3c40605{--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-2032 .elementor-element.elementor-element-42aa763{--display:flex;}.elementor-2032 .elementor-element.elementor-element-b76a856{--display:flex;}.elementor-2032 .elementor-element.elementor-element-f2967a3{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:5px 5px 5px 5px;--n-accordion-title-normal-color:var( --e-global-color-b87ccd9 );--n-accordion-icon-size:5px;--n-accordion-icon-gap:6px;}:where( .elementor-2032 .elementor-element.elementor-element-f2967a3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"AradFD", Sans-serif;font-weight:600;}.elementor-2032 .elementor-element.elementor-element-7cdec89{--display:flex;--min-height:0px;--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;--border-radius:10px 10px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2032 .elementor-element.elementor-element-7cdec89:not(.elementor-motion-effects-element-type-background), .elementor-2032 .elementor-element.elementor-element-7cdec89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2032 .elementor-element.elementor-element-190dbf3{--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:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-wrapper{align-items:center;gap:14px;}.elementor-2032 .elementor-element.elementor-element-9252f00.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8e8bf0f );}.elementor-2032 .elementor-element.elementor-element-9252f00.elementor-view-framed .elementor-icon, .elementor-2032 .elementor-element.elementor-element-9252f00.elementor-view-default .elementor-icon{fill:var( --e-global-color-8e8bf0f );color:var( --e-global-color-8e8bf0f );border-color:var( --e-global-color-8e8bf0f );}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon{font-size:2rem;}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-title, .elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-title a{font-family:"AradFD", Sans-serif;font-size:1.2rem;font-weight:600;line-height:1rem;}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-title{color:var( --e-global-color-8e8bf0f );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2032 .elementor-element.elementor-element-93fd81f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-item > a{font-family:"AradFD", Sans-serif;font-size:1rem;font-weight:500;}.elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-text{transition:color 0.3s;}.elementor-2032 .elementor-element.elementor-element-82878b6{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2032 .elementor-element.elementor-element-82878b6:not(.elementor-motion-effects-element-type-background), .elementor-2032 .elementor-element.elementor-element-82878b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8e8bf0f );}.elementor-2032 .elementor-element.elementor-element-82878b6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2032 .elementor-element.elementor-element-9bd67b0{--display:flex;border-style:none;--border-style:none;}.elementor-2032 .elementor-element.elementor-element-3cb7a07{--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-2032 .elementor-element.elementor-element-c2185c2{--display:flex;}.elementor-2032 .elementor-element.elementor-element-e973561{--display:flex;}.elementor-2032 .elementor-element.elementor-element-99582af{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:5px 5px 5px 5px;--n-accordion-title-normal-color:var( --e-global-color-b87ccd9 );--n-accordion-icon-size:5px;--n-accordion-icon-gap:6px;}:where( .elementor-2032 .elementor-element.elementor-element-99582af > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"AradFD", Sans-serif;font-weight:600;}.elementor-2032 .elementor-element.elementor-element-99d7f72{--display:flex;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2032 .elementor-element.elementor-element-43ee331{--grid-columns:4;--grid-column-gap:45px;}.elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2032 .elementor-element.elementor-element-43ee331 .e-loop-item > .elementor-section, .elementor-2032 .elementor-element.elementor-element-43ee331 .e-loop-item > .elementor-section > .elementor-container, .elementor-2032 .elementor-element.elementor-element-43ee331 .e-loop-item > .e-con, .elementor-2032 .elementor-element.elementor-element-43ee331 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2032 .elementor-element.elementor-element-43ee331 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-2032 .elementor-element.elementor-element-900ae6b{--padding-top:50px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-2032 .elementor-element.elementor-element-b72eb2d{--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;--justify-content:space-between;--flex-wrap:wrap;}.elementor-2032 .elementor-element.elementor-element-fa1f4a4{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2032 .elementor-element.elementor-element-48bb15e{--min-height:40px;--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;}.elementor-2032 .elementor-element.elementor-element-b5511bc .elementor-button{font-size:0.8rem;border-radius:2px 12px 12px 12px;}.elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button{font-size:0.8rem;border-radius:12px 2px 12px 12px;}.elementor-2032 .elementor-element.elementor-element-f9152fa{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2032 .elementor-element.elementor-element-f2967a3{--n-accordion-item-title-space-between:20px;}.elementor-2032 .elementor-element.elementor-element-7cdec89{--min-height:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2032 .elementor-element.elementor-element-190dbf3{--justify-content:center;}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon{font-size:1.5rem;}.elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-title, .elementor-2032 .elementor-element.elementor-element-9252f00 .elementor-icon-box-title a{font-size:1rem;}.elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2032 .elementor-element.elementor-element-93fd81f .elementor-icon-list-item > a{font-size:0.8rem;}.elementor-2032 .elementor-element.elementor-element-43ee331{--grid-columns:3;--grid-column-gap:25px;}}@media(max-width:767px){.elementor-2032 .elementor-element.elementor-element-900ae6b{--padding-top:20px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-2032 .elementor-element.elementor-element-fa1f4a4{padding:0px 0px 0px 0px;}.elementor-2032 .elementor-element.elementor-element-fa1f4a4 .woocommerce-breadcrumb{font-size:8px;}.elementor-2032 .elementor-element.elementor-element-48bb15e{--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:flex-start;}.elementor-2032 .elementor-element.elementor-element-b5511bc .elementor-button{border-radius:2px 12px 12px 12px;}.elementor-2032 .elementor-element.elementor-element-ef24306 .elementor-button{border-radius:12px 2px 12px 12px;}.elementor-2032 .elementor-element.elementor-element-241348c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-2032 .elementor-element.elementor-element-241348c.elementor-element{--align-self:flex-end;}.elementor-2032 .elementor-element.elementor-element-241348c .elementor-button{font-size:20px;}.elementor-2032 .elementor-element.elementor-element-43ee331{--grid-columns:2;--grid-column-gap:15px;}}@media(min-width:768px){.elementor-2032 .elementor-element.elementor-element-b72eb2d{--width:100%;}.elementor-2032 .elementor-element.elementor-element-190dbf3{--width:7%;}.elementor-2032 .elementor-element.elementor-element-82878b6{--width:18.462%;}.elementor-2032 .elementor-element.elementor-element-99d7f72{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2032 .elementor-element.elementor-element-48bb15e{--width:100%;}.elementor-2032 .elementor-element.elementor-element-7cdec89{--width:80%;}.elementor-2032 .elementor-element.elementor-element-99d7f72{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-626afd1 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-626afd1 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-626afd1 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-626afd1 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-93fd81f *//* Style for the active sorting link */ .custom-sort-links a.active-sort .elementor-icon-list-text { color: #008eb2 !important; /* The Blue Color */ font-weight: 700 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d058125 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d058125 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d058125 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d058125 *//* ========================================================================== DYNAMIC WOOCOMMERCE PRICE FILTER ========================================================================== */ .shop-price-filter { width: 100%; direction: rtl; color: #17211F; background: transparent; font-family: inherit; } .shop-price-filter, .shop-price-filter *, .shop-price-filter *::before, .shop-price-filter *::after { box-sizing: border-box; } /* ========================================================================== FORM ========================================================================== */ .shop-price-filter__form { display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 16px 14px 18px; border: 0; background: transparent; } /* ========================================================================== RANGE SLIDER ========================================================================== */ .shop-price-filter__slider { position: relative; width: 100%; height: 22px; margin: 2px 0 0; } /* Inactive slider line */ .shop-price-filter__rail { position: absolute; top: 50%; right: 0; left: 0; height: 4px; border-radius: 999px; background: #DDE3E1; transform: translateY(-50%); } /* Selected range */ .shop-price-filter__track { position: absolute; top: 50%; height: 4px; border-radius: 999px; background: #00C896; transform: translateY(-50%); pointer-events: none; } /* Overlapping range inputs */ .shop-price-filter__range { position: absolute; top: 50%; right: 0; width: 100%; height: 4px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none; transform: translateY(-50%); pointer-events: none; } .shop-price-filter__range--min { z-index: 3; } .shop-price-filter__range--max { z-index: 4; } /* Chrome, Edge and Safari handle */ .shop-price-filter__range::-webkit-slider-thumb { width: 18px; height: 18px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); appearance: none; -webkit-appearance: none; pointer-events: auto; cursor: grab; } .shop-price-filter__range::-webkit-slider-thumb:active { cursor: grabbing; } /* Firefox handle */ .shop-price-filter__range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #00C896; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); pointer-events: auto; cursor: grab; } .shop-price-filter__range::-moz-range-track { border: 0; background: transparent; } /* ========================================================================== PRICE VALUES ========================================================================== */ .shop-price-filter__values { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; color: #596663; font-size: 11px; line-height: 1.7; } .shop-price-filter__value { display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; } .shop-price-filter__value strong { color: #17211F; font-size: 11px; font-weight: 600; } /* ========================================================================== APPLY BUTTON ========================================================================== */ .shop-price-filter__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin: 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #E8F0EC; color: #1A4D3E; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 223, 129, 0.12), 0 1px 1px rgba(255, 255, 255, 0.78) inset; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; } .shop-price-filter__submit:hover { background: #DDEBE4; color: #123D32; } .shop-price-filter__submit:active { transform: translateY(1px); } /* ========================================================================== STATES AND ACCESSIBILITY ========================================================================== */ .shop-price-filter__range:focus-visible::-webkit-slider-thumb { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__submit:focus-visible { outline: 2px solid #00C896; outline-offset: 2px; } .shop-price-filter__notice { padding: 14px; color: #7A8583; font-size: 12px; line-height: 1.7; text-align: right; } /* ========================================================================== NARROW SIDEBAR ========================================================================== */ @media (max-width: 400px) { .shop-price-filter__form { gap: 16px; padding: 14px 12px 16px; } .shop-price-filter__values { gap: 6px; font-size: 10px; } .shop-price-filter__value strong { font-size: 10px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'AradFD'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-Thin.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-Light.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-Regular.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-Medium.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-Bold.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'AradFD'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://sibitshop.com/wp-content/uploads/2026/06/AradFD-ExtraBlack.woff2') format('woff2'); } /* End Custom Fonts CSS */