.elementor-7148 .elementor-element.elementor-element-6797c3c{--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-7148 .elementor-element.elementor-element-d3ce5c0 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-7148 .elementor-element.elementor-element-7290aae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 75px;--row-gap:0px;--column-gap:75px;}.elementor-7148 .elementor-element.elementor-element-88cd505{--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-7148 .elementor-element.elementor-element-103cdfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7148 .elementor-element.elementor-element-103cdfd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7148 .elementor-element.elementor-element-780d55c{--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;}@media(min-width:768px){.elementor-7148 .elementor-element.elementor-element-88cd505{--width:70%;}.elementor-7148 .elementor-element.elementor-element-780d55c{--width:30%;}}@media(max-width:1024px){.elementor-7148 .elementor-element.elementor-element-103cdfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-7148 .elementor-element.elementor-element-103cdfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for global, class: .elementor-global-8308 *//* Style the select dropdown */
select {
  appearance: none;
  background-color: white;
  border: 2px solid #7BC439;
  color: #666968;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 16px;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Add a custom arrow */
select {
  background-image: linear-gradient(45deg, transparent 50%, #7BC439 50%),
                    linear-gradient(135deg, #7BC439 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(50% - 2px),
                       calc(100% - 15px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

/* Hover and focus styles */
select:hover,
select:focus {
  border-color: #666968;
  box-shadow: 0 0 0 3px rgba(123, 196, 57, 0.2);
  outline: none;
}

/* Style for the options inside the dropdown (browser-limited control) */
option {
  color: #666968;
  background-color: white;
}

/* ***** Handles ***** */

/* Full slider track in light green */
.ui-slider {
  background-color: #dff2cc; /* soft green background */
  height: 6px;
  border-radius: 4px;
  position: relative;
}

/* Selected range - solid green */
.ui-slider-range {
  background-color: #7BC439 !important;
  height: 6px;
  border-radius: 4px;
}

/* Slider handles - green with subtle border and glow */
.ui-slider-handle {
  background-color: #7BC439 !important;
  border: 2px solid #fff;
  width: 18px;
  height: 18px;
  top: -6px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 6px rgba(123, 196, 57, 0.5);
  transition: box-shadow 0.2s ease;
}

/* Handle hover/focus glow */
.ui-slider-handle:hover,
.ui-slider-handle:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(123, 196, 57, 0.4);
}


/* ***** TICK BOXES ***** */

/* Filter label text */
.wpfFilterTaxNameWrapper {
  color: #666968;
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
}

/* Checkbox input styling */
input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #7BC439;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin-right: 6px;
  background-color: white;
  transition: all 0.2s ease;
}

/* Custom checkmark appearance when checked */
input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #7BC439;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


/* Primary filter button */
.wpfFilterButton.wpfButton {
  background-color: #7BC439;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover and focus styles */
.wpfFilterButton.wpfButton:hover,
.wpfFilterButton.wpfButton:focus {
  background-color: #666968;
  box-shadow: 0 0 0 3px rgba(123, 196, 57, 0.3);
  outline: none;
}/* End custom CSS */