/* สไลด์งบ — ตัวกลาง (11-13 ย้ายจาก rh_yes.css · ใช้ร่วม Yes! Sure + หน้าแผนที่ map.php · JS rh_bslider.js)
   :is(.ys, .rbs) = ความเฉพาะเท่า ".ys" เดิม (ชนะ .ys-own input 130/110px ท้าย rh_yes.css) · หน้าอื่นใส่ class rbs ที่กล่องแม่ */
.rbs { --n:#0E1E3D; --mut:#4A5470; --bd:#E3E6EE; --r:10px; }   /* = ค่าสีของ .ys (rh_yes.css บรรทัด 2) สำหรับหน้าที่ไม่มี .ys */
:is(.ys, .rbs) .ys-bs { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:6px; margin-top:12px; }   /* ทับ .ys-own เดิม (แถวเดียว จัดกลาง = แท่ง/สไลด์โดนบีบเหลือ 0) */
.ys-bs-h { height:48px; display:flex; align-items:flex-end; gap:1px; margin:0 11px; }
.ys-bs-h i { flex:1; background:#cfd5e6; border-radius:2px 2px 0 0; min-height:2px; }
.ys-bs-h i.on { background:#1a2577; }
.ys-bs-r { position:relative; height:28px; }
.ys-bs-r .tr { position:absolute; left:11px; right:11px; top:12px; height:4px; border-radius:4px; background:var(--bd); }
.ys-bs-r .fl { position:absolute; top:12px; height:4px; border-radius:4px; background:#1a2577; }
.ys-bs-t { position:absolute; z-index:3; left:0; bottom:calc(100% + 16px); padding:5px 11px; border-radius:9px; background:#0E1E3D; color:#fff; font-size:15px; font-weight:700; line-height:1.3; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .12s; box-shadow:0 2px 8px rgba(11,20,50,.25); }   /* 11-13 ดึก ป้ายตัวเลขเหนือปุ่มตอนลาก (นิ้วไม่บัง) */
.ys-bs-t.on { opacity:1; }
:is(.ys, .rbs) .ys-bs-r input { position:absolute; inset:0; width:100%; height:28px; min-height:0; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:none; pointer-events:none; -webkit-appearance:none; appearance:none; }   /* ล้าง .ys-own input เดิม (ขอบ/ระยะใน/สูง 44) */
:is(.ys, .rbs) .ys-bs-r input::-webkit-slider-thumb { -webkit-appearance:none; pointer-events:auto; width:26px; height:26px; border-radius:50%; background:#fff; border:3px solid #1a2577; box-shadow:0 1px 4px rgba(0,0,0,.25); cursor:grab; }
:is(.ys, .rbs) .ys-bs-r input::-moz-range-thumb { pointer-events:auto; width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid #1a2577; cursor:grab; }
:is(.ys, .rbs) .ys-bs-r input::-moz-range-track { background:none; }
:is(.ys, .rbs) .ys-bs-r input:focus-visible::-webkit-slider-thumb { outline:3px solid #f97316; outline-offset:2px; }
.ys-bs-e { display:flex; justify-content:space-between; font-size:12.5px; color:var(--mut); margin:0 4px; }
.ys-bs-x { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px; align-items:end; }
:is(.ys, .rbs) .ys-bs-x label { display:flex; flex-direction:column; align-items:stretch; gap:2px; font-size:12.5px; font-weight:600; color:var(--mut); min-width:0; }
:is(.ys, .rbs) .ys-bs-x input { width:100%; min-width:0; font:inherit; font-size:16px; border:1px solid var(--bd); border-radius:var(--r); padding:10px 12px; min-height:44px; color:var(--n); background:#fff; }   /* ชนะ .ys-own input (130/110px) ที่อยู่ท้ายไฟล์ · แผงแผนที่ไม่อยู่ใน .ys-own = ต้องมีกล่องเอง (เดิมไม่มี = ขอบเพี้ยน ตัวโดนตัด) · 16px = iPhone ไม่ซูม */
.ys-bs-x > span { color:var(--mut); padding-bottom:12px; }
.ys-bs-n { margin:0; font-size:14px; color:var(--mut); } .ys-bs-n b { color:var(--n); }