#filter_form .select.loading::after {
  content: "\f110" !important;
}
#filter_form .title {
  font-size: 30px;
  margin-bottom: 10px;
}
#filter_form .subtitle {
  font-size: 20px;
  margin-bottom: 25px;
}
/* Variáveis de cor do slider */
:root { 
  --slider-active-color: var(--primary_color,#1d4ed8); /* cor da parte entre os dois handles no modo claro */
  --slider-track-bg: #e5e7eb; /* cor de fundo fora da seleção */
  --slider-handle-border: #fff;
}
.dark { 
  /* No modo escuro queremos o destaque (parte conectada) em branco e o restante escuro */
  --slider-active-color: #ffffff; 
  --slider-track-bg: #111111; 
  --slider-handle-border: #ffffff;
}

#min_price::placeholder,
#max_price::placeholder {
  color: #888;
}

.form_estoque::placeholder {
  color: #888 !important;
}

/* noUiSlider custom */
.alt-price-slider { margin:12px 20px 10px 6px; }
.noUi-target.noUi-ltr.noUi-horizontal { background: var(--slider-track-bg); border-radius:4px; border:0; box-shadow:none; }
.noUi-horizontal { height:6px; }
.noUi-connect { background: var(--slider-active-color); }
.noUi-handle { width:22px; height:22px; border-radius:50%; border:2px solid var(--slider-handle-border); background: var(--slider-active-color); box-shadow:0 0 0 1px var(--slider-active-color); cursor:pointer; box-sizing:border-box; }
.noUi-horizontal .noUi-handle { width:22px; height:22px; aspect-ratio:1/1; top:-8px; }

/* Label "Preço (R$)" branco só no dark quando dentro da box-price */
.dark .box-price > label { color:#ffffff !important; }
.noUi-handle:before, .noUi-handle:after { display:none; }
/* Removido scale para evitar percepção de forma oval */
.noUi-handle-lower, .noUi-handle-upper { transform:none; }