/** Shopify CDN: Minification failed

Line 35:23 Unexpected "{"

**/

.button-show-more {
  padding-left: 0;
  justify-content: flex-start;
  padding-bottom: 1.1rem;
}

.button-show-more, 
.button-show-less {
  margin-top: 1.5rem;
}

.facets__list-color {
  display:flex;
  flex-wrap:wrap;
}

/* ✅ Price values (min/max) */
.price-min-display,
.price-max-display,
.price-current {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

/* ✅ Category values (jewelry types like Ring, Bracelet) */
.facets__list li a,
.facets__list li label,{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
}

/* ✅ Section headers (PRICE, Type of Jewelry, etc.) */
.facets__summary span,
.facets__heading {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
}

.slider-container {
  position: relative;
  width: 100%;
}

/* Base slider track */
.budget-slider {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background: transparent; /* we'll style the track separately */
  cursor: pointer;
  height: 12px; /* ensures consistent size */
}

/* WebKit Track (Chrome, Safari, Edge) */
.budget-slider::-webkit-slider-runnable-track {
  height: 12px;
  background: #fff; /* base color */
  border: 1px solid #000; /* black border */
  border-radius: 999px;
  position: relative;
}

/* Filled (active) portion for WebKit */
.budget-slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #000 var(--percent, 0%), #fff var(--percent, 0%));
}

/* WebKit Thumb */
.budget-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;   /* a bit narrower than height */
  height: 20px;  /* tall pill */
  background: #000;
  border-radius: 999px;
  margin-top: -4px; /* centers thumb on track */
  border: none;
}

/* Firefox Track */
.budget-slider::-moz-range-track {
  height: 12px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 999px;
}

/* Firefox Filled portion */
.budget-slider::-moz-range-progress {
  height: 12px;
  background: #000;
  border-radius: 999px;
}

/* Firefox Thumb */
.budget-slider::-moz-range-thumb {
  width: 12px;
  height: 20px;
  background: #000;
  border-radius: 999px;
  border: none;
  cursor: pointer;
}

/* Tooltip styling */
.slider-tooltip {
  position: absolute;
  top: -40px;
  left: 0;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 16px !important;
  border-radius: 4px;
  font-size: 0.9rem;
  white-space: nowrap;
  display: none; /* hidden by default */
}

.slider-tooltip::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

/* Min/Max values at bottom ends */
.price-values {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.9rem;
  color: #333;
}