/* 휠 페이지 — bikes.css · brand-common.css 위에 얹는다 */
.wheel-hero{background:linear-gradient(120deg,#faf7f2 0%,#f3ece0 100%)}
.wheel-rank{margin:0 0 42px}.wheel-rank .section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:6px}
.wheel-rank h2{font-size:28px;letter-spacing:-1px;margin:0}.wheel-rank .eyebrow{font:600 11px Arial;letter-spacing:2px;color:#9e9288;margin:0 0 10px}
.wr-more{border:1px solid #e3d9ca;background:#fff;border-radius:20px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.wheel-rank .hot-note{font-size:12px;color:#a69d90;margin:8px 0 18px}
.cat-badge{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:10px;background:#fff;border:1px solid #e3d9ca;color:#6f6456}
.cat-badge.c-china{background:#fff1ec;border-color:#f3cbbd;color:#a63c22}.cat-badge.c-oem{background:#eef3fb;border-color:#c9d6ea;color:#2f4f7c}.cat-badge.c-korea{background:#eef7ee;border-color:#c6dfc5;color:#2e6b34}
.fcard-brand.wb{font:800 12px Arial;letter-spacing:.6px;color:#8a7b67;text-transform:uppercase}
.fcard-nums.three span{min-width:0}.fcard-nums.three b{font-size:15px}
.rep{font:inherit;text-align:left;cursor:pointer}
.deal-badge.wd{left:auto;right:56px;top:12px;bottom:auto}

/* 가격 바 — 브랜드 띠 아래 가로 전체 (2026-09-28) */
.price-bar{margin:0 0 22px;background:#fff;border:1px solid #eee5d8;border-radius:20px;padding:18px 26px 14px}
.pb-top{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:10px}
.pb-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pb-title b{font-size:19px;font-weight:900;letter-spacing:-.5px;color:#1f1c18}
.pb-title span{font-size:14px;color:#6f6456}
.pb-title strong{font-size:17px;font-weight:900;color:#1f1c18;font-variant-numeric:tabular-nums}
.pb-title small{color:#a89c89;font-size:12.5px}
.pb-presets{display:flex;gap:8px;flex-wrap:wrap}
.pb-presets button{height:36px;padding:0 16px;border-radius:99px;border:1.5px solid #e3d9ca;background:#fff;font:inherit;font-size:14px;font-weight:700;color:#4a4439;cursor:pointer}
.pb-presets button:hover{border-color:#1f1c18}
.pb-presets button.on{background:#1f1c18;border-color:#1f1c18;color:#fff}
.pb-track{position:relative;height:74px}
.pb-hist{position:absolute;left:12px;right:12px;top:0;height:48px;display:flex;align-items:flex-end;gap:3px}
.pb-hist i{flex:1;background:#ece5d9;border-radius:3px 3px 0 0;transition:background .15s}
.pb-hist i.on{background:#f0b35a}
.pb-rail{position:absolute;left:12px;right:12px;top:54px;height:6px;border-radius:3px;background:#e9e1d3}
.pb-rail i{position:absolute;top:0;bottom:0;border-radius:3px;background:#1f1c18}
.pb-track input[type=range]{position:absolute;left:0;right:0;top:45px;width:100%;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.pb-track input[type=range]::-webkit-slider-runnable-track{background:none;height:24px}
.pb-track input[type=range]::-moz-range-track{background:none}
.pb-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #1f1c18;box-shadow:0 2px 6px #0003;cursor:grab}
.pb-track input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #1f1c18;box-shadow:0 2px 6px #0003;cursor:grab}
.pb-track input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid #f0b35a;outline-offset:2px}
.pb-scale{display:flex;justify-content:space-between;padding:0 4px;font-size:12px;color:#a89c89;font-variant-numeric:tabular-nums}
@media (max-width:760px){.price-bar{padding:16px 16px 12px}.pb-presets{width:100%}.pb-presets button{flex:1 1 auto;padding:0 10px;font-size:13px}}