/* === UAP Hotfix v6.6 === */

/* Sliders: thin, blue, centered, no orange */
.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-radius:999px!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-radius:999px!important;
}
.process-minimum{display:none!important}
.vue-slider-process[style*="orange"]{background:#2B74FF!important}
.uap-calculator .vue-slider-dot, .constructor-application .vue-slider-dot{
  width:16px!important;height:16px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important
}
.uap-calculator .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
}

/* Credit/Prepay: left aligned, no outer double border */
#prepay-row{border:0!important;outline:0!important;box-shadow:none!important}
#prepay-row .seg-wrap{border:0!important;outline:0!important;box-shadow:none!important}
#prepay-row .seg-pill{border:1px solid #d7e1f2!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
#prepay-row .seg-pill .seg-btn{padding:10px 18px!important;font-weight:800!important}
#prepay-row .seg-pill .seg-btn + .seg-btn{border-left:1px solid #eef3fb!important}
#prepay-row .count{display:flex!important;justify-content:flex-start!important}

/* ===== Day / Month Toggle — as on screenshot ===== */
.order .price .radioButton{display:flex;align-items:center;gap:18px}
.order .price .text.day,
.order .price .text.month{font-weight:800}
.order .price .text.day{color:#2B74FF}            /* active when .check is NOT set */
.order .price .text.month{color:#9AA6BF}
.order .price .radio{
  position:relative;width:84px;height:40px;border:2px solid #2B74FF;border-radius:24px;
  background:#fff;overflow:hidden;box-sizing:border-box
}
.order .price .radio .thumb{
  position:absolute;top:7px;left:8px;width:24px;height:24px;border-radius:50%;
  background:#2B74FF;transition:left .2s ease
}
.order .price .radioButton.check .radio .thumb{left:52px}        /* month */
.order .price .radioButton.check .text.day{color:#9AA6BF}
.order .price .radioButton.check .text.month{color:#2B74FF}

/* Mobile Location UA/EU stable size */
#region-row .seg-pill{border:1px solid #d7e1f2;border-radius:14px;background:#fff;overflow:hidden}
#region-row .seg-btn{height:40px;line-height:40px;padding:0 16px;font-weight:800;min-width:96px}
#region-row .seg-btn + .seg-btn{border-left:1px solid #eef3fb}
#region-row .seg-btn.active{background:#e9f1ff;color:#2B74FF}
@media (max-width:480px){
  #region-row .seg-pill{display:flex}
  #region-row .seg-btn{flex:0 0 calc(50% - 1px);width:calc(50% - 1px);min-width:0;height:40px;line-height:40px}
}