.wpcalc{border:1px solid #e5e7eb;padding:1rem;border-radius:3px;;background:rgba(209, 213, 219,.5);margin:1rem 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.wpcalc__row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.75rem}
.wpcalc__row label{font-weight:600}
.wpcalc__number{width:100%;padding:1rem .6rem;border:1px solid #13293d;border-radius:3px;margin-bottom:10px;}
.wpcalc__range{flex:1;}
.wpcalc__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.5rem 0;color:#374151}
.wpcalc__calc{font-weight:600}
.wpcalc__price{margin-left:auto;font-weight:700}
.wpcalc__btn{background:#13293d;color:#fff;border:none;border-radius:3px;padding:.6rem 1rem;cursor:pointer;transition:opacity .15s ease;width:100%;}
.wpcalc__btn[disabled]{opacity:.5;cursor:not-allowed}
.wpcalc__msg{margin-top:.5rem;color:#b91c1c}
.wpcalc-error{padding:1rem;border:1px solid #fca5a5;background:#fff1f2;border-radius:.5rem;color:#9f1239}

/* Customize the calculator slider */
/* Center the thumb on the track (WebKit: Chrome/Edge/Safari/iOS) */
.wpcalc .wpcalc__range::-webkit-slider-thumb {
  margin-top: -6px; /* (thumb - track) / 2 */
}

.wpcalc .wpcalc__range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #13293d;            /* track color */
  border-radius: 9999px;
  margin-bottom:5px;
  outline: none;
}

/* WebKit (Chrome, Edge, Safari, iOS) thumb */
.wpcalc .wpcalc__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
 
  background: #13293d;            /* <-- thumb color */
  border: 2px solid #fff;         /* ring */
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
input[type="range"]::-webkit-slider-runnable-track {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    align-self: center;
    box-sizing: border-box;
    display: block;
	 background: #13293d; 
}

/* WebKit track (optional, already set above) */
.wpcalc .wpcalc__range::-webkit-slider-runnable-track {
 height: 6px;
  background: #13293d;            /* track color */
  border-radius: 9999px;
}

/* Firefox thumb */
.wpcalc .wpcalc__range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #13293d;            /* <-- thumb color */
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Firefox track */
.wpcalc .wpcalc__range::-moz-range-track {
 height: 6px;
  background: #e5e7eb;            /* track color */
  border-radius: 9999px;
}

/* Old MS Edge / IE (optional fallback) */
.wpcalc .wpcalc__range::-ms-thumb {
  width: 18px;
  height: 18px;
  background: #13293d;            /* <-- thumb color */
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.wpcalc .wpcalc__range::-ms-track {
/*  height: 6px;*/
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.wpcalc .wpcalc__range::-ms-fill-lower,
.wpcalc .wpcalc__range::-ms-fill-upper {
  background: #13293d;            /* track color */
  border-radius: 9999px;
}

.wpcalc {
  --wpc-track-h: 6px;
  --wpc-thumb: 18px;
}

.wpcalc .wpcalc__range {
  -webkit-appearance: none;
  appearance: none;
  height: var(--wpc-track-h);
}

.wpcalc .wpcalc__range::-webkit-slider-runnable-track {
  height: var(--wpc-track-h);
}

.wpcalc .wpcalc__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--wpc-thumb);
  height: var(--wpc-thumb);
  border-radius: 50%;
  /* This is the centering line */
  margin-top: calc((var(--wpc-thumb) - var(--wpc-track-h)) / -2);
}

/* Firefox is usually centered already. If it's slightly off, uncomment: */
/*
.wpcalc .wpcalc__range::-moz-range-thumb {
  transform: translateY(calc((var(--wpc-track-h) - var(--wpc-thumb)) / 2));
}
*/