

/* v5.7r5_rollback — стабильный набор + правки */
/* subtitle under H1 */
.uap-calculator .uapc-subtitle{display:block;margin-top:6px;font-size:16px;color:#7f8aa3;font-weight:600}

/* Sliders (blue only) */
.uap-calculator .process-minimum{display:none!important}
.uap-calculator .inputRange .slider:before{background:none!important}
.uap-calculator .vue-slider-rail{position:relative;height:4px;top:50%;transform:translateY(-50%);background:#E7EDF6;border-radius:999px}
.uap-calculator .vue-slider-process{position:absolute;height:4px;top:50%;transform:translateY(-50%);left:0;background:#2B74FF;border-radius:999px}
.uap-calculator .vue-slider-dot{width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%, -50%)}
.uap-calculator .vue-slider-dot-handle{width:18px;height:18px;border-radius:50%;background:#2B74FF;border:3px solid #fff;box-shadow:0 2px 8px rgba(18,77,255,.2)}

/* IPv4 black +/- */
.uapc-ipv4-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid #d7e1f2;border-radius:20px;background:#fff}
.uapc-ipv4-btn{width:28px;height:28px;border-radius:12px;border:1px solid #c9d5ea;background:#0f1d2e;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}
.uapc-ipv4-btn:hover{background:#0b1624}
#ipv4-count{width:36px;text-align:center;border:0;outline:none;font-weight:700;color:#0f1d2e}

/* Region/Prepay pills (isolated) */
#region-row .seg-pill, #prepay-row .seg-pill{display:flex;border:1px solid #d7e1f2;border-radius:24px;background:#fff;overflow:hidden}
#region-row .seg-btn, #prepay-row .seg-btn{border:0;background:transparent;padding:8px 18px;font-weight:800;color:#2b3445}
#region-row .seg-btn.active, #prepay-row .seg-btn.active{background:#e9f1ff;color:#2B74FF}
#region-row .seg-btn + .seg-btn, #prepay-row .seg-btn + .seg-btn{border-left:1px solid #eef3fb}
#ipv4-row + #region-row{margin-top:10px}
#prepay-row{margin-top:10px}
#prepay-row .label{display:none}

/* CTA buttons stacked & equal */
.order .orderInfoButtons{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.order .orderInfoButtons .Abutton{width:100%;min-height:50px;border-radius:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.order .orderInfoButtons .Abutton.Aprimary{background:#2B74FF;color:#fff}
.order .orderInfoButtons .Abutton.Atertiary{background:#EAF1FF;color:#2B74FF}

/* Toggle day/month */
.order .price .radio{position:relative;width:72px;height:32px;border:1px solid #d7e1f2;border-radius:20px;background:#fff;overflow:hidden}
.order .price .radio .thumb{position:absolute;top:4px;left:6px;width:24px;height:24px;border-radius:50%;background:#2B74FF;transition:left .2s ease}

/* Traffic text */
.orderInfo .orderItem .traffic-val{font-weight:inherit;color:inherit;font-size:inherit}
