.mila-price-filter {
  --mila-filter-ink: #1e2d23;
  --mila-filter-brand: #294b36;
  --mila-filter-line: #dce3db;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 3fr);
  align-items: center;
  gap: 20px;
  clear: both;
  width: 100%;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--mila-filter-line);
  border-radius: 8px;
  color: var(--mila-filter-ink);
  background: #fff;
}
.mila-price-filter h2 {
  margin: 0 !important;
  padding: 0;
  color: var(--mila-filter-ink);
  font: 600 16px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  text-transform: none;
}
.mila-price-filter h2 span { white-space: nowrap; }
.mila-price-filter-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  min-width: 0;
  margin: 0;
}
.mila-price-filter-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: var(--mila-filter-ink);
  font: 500 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.mila-price-filter-form input[type="number"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #bdcabc;
  border-radius: 6px;
  color: var(--mila-filter-ink);
  background: #fff;
  font: 400 16px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.mila-price-filter-form input::placeholder { color: #657168; opacity: 1; }
.mila-price-filter-actions { display: flex; gap: 12px; align-items: center; }
.mila-price-filter-actions button,
.mila-price-filter-clear {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid var(--mila-filter-brand);
  border-radius: 6px;
  font: 600 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}
.mila-price-filter-actions button { color: #fff; background: var(--mila-filter-brand); }
.mila-price-filter-actions button:hover { background: #1f3c2b; }
.mila-price-filter-clear { padding: 10px 12px; border-color: transparent; color: var(--mila-filter-brand); background: transparent; text-decoration: underline !important; text-underline-offset: 3px; }
.mila-price-filter :is(input, button, a):focus-visible { outline: 2px solid var(--mila-filter-brand); outline-offset: 3px; }
@media (max-width: 767px) {
  .mila-price-filter { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px; }
  .mila-price-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mila-price-filter-actions { grid-column: 1 / -1; }
  .mila-price-filter-actions button { flex: 1; }
}