.text-dotted {
  border-bottom: 1px dotted var(--bs-primary);
  text-decoration: none;
}

.company-card .card {
  /* плавный переход при наведении */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.company-card .card:hover {
  /* чуть «сжимаем» по высоте */
  transform: scaleY(0.95);
  /* используем переменную BS5 для большого теня */
  box-shadow: var(--bs-shadow-lg);
}

.opacity-90 {
  opacity: 0.9;
}

input[type="range"]::-webkit-slider-thumb {
  background: var(--bs-primary);
  border: none;
}

input[type="range"]::-moz-range-thumb {
  background: var(--bs-primary);
  border: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: #dee2e6; /* цвет трека */
}

input[type="range"]::-moz-range-track {
  background: #dee2e6;
}

.table {
  position: relative;
  z-index: 1;
}

/* — Цвет заполненного трека noUiSlider — */
.noUi-connect {
  background: var(--bs-primary);
}

.form-select.country-select {
  width: auto;
  min-width: 150px;
  max-width: 250px;
}

.btn-opt {
  font-weight: 600;
  font-size: 0.67rem !important;
  letter-spacing: -0.6px;
  display: inline-block;
}

.opt .bi {
  font-size: 18px;
  line-height: 18px;
}

.price-col {
  min-width: 78px; /* или любая желаемая ширина */
}

.price-cpu {
  min-width: 90px; /* или любая желаемая ширина */
}

.main { font: bold 24px sans-serif; fill: var(--bs-primary); }

.accent { fill: var(--bs-primary); }

#options .btn {
  border: var(--bs-border-width) solid var(--bs-border-color);
}
#options .btn:hover,
#options .btn:focus {
  background-color: inherit !important;
  color: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.form-select:hover {
  color: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color);
  cursor: pointer;
}