.slider-wrap{position:fixed; left:50%; transform:translateX(-50%); bottom:20px; width:60vw; max-width:600px; z-index:1000; display:flex; align-items:center; gap:12px;}
.fancy-slider{ -webkit-appearance:none; appearance:none; width:100%; height:10px; border-radius:999px; background:#ddd; outline:none;}
.fancy-slider:focus{ box-shadow:0 0 0 6px rgba(255,122,24,0.12); }
.fancy-slider::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:24px; height:24px; border-radius:50%; background:#fff; border:2px solid #ff7a18; box-shadow:0 3px 6px rgba(0,0,0,0.25); cursor:pointer; }
.fancy-slider::-moz-range-thumb{ width:24px; height:24px; border-radius:50%; background:#fff; border:2px solid #ff7a18; box-shadow:0 3px 6px rgba(0,0,0,0.25); cursor:pointer; }
.slider-value{ min-width:46px; text-align:center; font-weight:600; color:#333; background:rgba(255,255,255,0.9); padding:6px 8px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.12);}


body{margin:0; font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:#fff;}