/* uap_custom_override.css — micro-polish pack */

/* 1) прозрачный прямоугольник/контур/тени у слайдеров */
.inputRange .slider,
.uap-calculator .slider,
.constructor-application .slider{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
.inputRange .slider::before,
.inputRange .slider::after{ display:none !important; }

/* 2) центр шарика по серой линии; тонкие рельсы 2px; синяя перекрывает серую */
.inputRange .slider .vue-slider-rail,
.uap-calculator .vue-slider-rail,
.constructor-application .vue-slider-rail{
  position:relative;
  height:2px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:#E7EDF6 !important;
  border:none !important;
  box-shadow:none !important;
}
.inputRange .slider .vue-slider-process,
.uap-calculator .vue-slider-process,
.constructor-application .vue-slider-process{
  position:absolute;
  height:2px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  left:0 !important;
  background:#2B74FF !important;
  border:none !important;
  box-shadow:none !important;
}
.inputRange .vue-slider-dot,
.constructor-application .vue-slider-dot{
  width:16px !important; height:16px !important;
  top:50% !important; transform:translate(-50%,-50%) !important;
}
.inputRange .vue-slider-dot-handle,
.constructor-application .vue-slider-dot-handle{
  width:16px !important; height:16px !important;
  border-radius:50% !important; background:#2B74FF !important;
  border:3px solid #fff !important; box-shadow:0 2px 8px rgba(18,77,255,.2) !important;
  transition: transform .1s ease, box-shadow .2s ease;
}
.inputRange .vue-slider-dot-handle:active{ transform:scale(.96); box-shadow:0 1px 4px rgba(18,77,255,.2) }

/* 3) IPv4 и Локация — подпись строго напротив контролов, без правого отступа у лейбла */
#ipv4-row, #region-row{ align-items:center !important; }
#ipv4-row .label, #region-row .label{ margin-right:0 !important; }
#ipv4-row .count,  #region-row .count{ margin-left:auto !important; }

/* Локация: фикс 180×38.09; внутри — равные доли UA/EU; и на мобилке, и на десктопе */
#region-row .seg-wrap, #region-row .seg-pill{ width:180px !important; height:38.09px !important; }
#region-seg .seg-btn{
  flex:1 1 50% !important; width:50% !important; height:100% !important;
  display:flex; align-items:center; justify-content:center;
  transition: background-color .2s ease, color .2s ease;
}
#region-seg .seg-btn:hover{ background:#f3f7ff }
#region-seg .seg-btn.active{ background:#e9f1ff !important; color:#2B74FF !important; }

/* 4) «∞ ПБ» — 25px */
.order .orderInfo .orderItem .uap-traffic-val{
  font-size:25px !important;
  line-height:1.1 !important;
}

/* легкое сглаживание step-кнопок IPv4 */
.uap-ipv4 .step{ transition: background .2s ease, color .2s ease, transform .05s ease }
.uap-ipv4 .step:active{ transform: translateY(1px) }

/* Hero block (если был вставлен) */
.hero-wow{ padding: 32px 0 12px }
.hero-wow .hero-title{ font-weight:800; line-height:1.1; font-size: clamp(22px,3vw,36px); margin:0 }