.f9-widget{background:#fff;border:2px solid #DDDDDD;border-radius:10px;margin-bottom:18px;overflow:hidden;font-size:13px;line-height:1.4}
.f9-group{border-bottom:1px solid #ddd}
.f9-group:last-of-type{border-bottom:none}
.f9-group-title{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#444;cursor:pointer;user-select:none;background:#f8f9fb;transition:background .12s}
.f9-group-title:hover{background:#f0f2f5}
.f9-arrow{fill:#aaa;transition:transform .2s;flex-shrink:0}
.f9-group.collapsed .f9-arrow{transform:rotate(-90deg)}
.f9-group-body{padding:4px 0 6px}
.f9-group.collapsed .f9-group-body{display:none}
.f9-item{display:flex;align-items:center;gap:8px;padding:4px 13px;cursor:pointer;color:#555;transition:background .1s;user-select:none}
.f9-item:hover{background:#f5f7fa;color:#222}
.f9-item:hover .f9-cb{border-color:#fed700}
.f9-item.is-active{color:#1a1a1a}
.f9-cb{width:15px;height:15px;border:2px solid #ccc;border-radius:3px;flex-shrink:0;position:relative;transition:border-color .15s,background .15s}
.f9-item.is-active .f9-cb{background:#fed700;border-color:#fec500}
.f9-item.is-active .f9-cb::after{content:'';position:absolute;left:50%;top:45%;width:7px;height:4px;border-left:2px solid #333d47;border-bottom:2px solid #2e303d;transform:translate(-50%,-50%) rotate(-45deg)}
.f9-item-name{flex:1}
.f9-item-cnt{color:#bbb;font-size:11px}
.f9-price-group .f9-group-body{padding:10px 13px 14px}
.f9-price-display{font-size:13px;color:#444;margin-bottom:16px}
.f9-cur{color:#999;font-size:11px}
.f9-track{position:relative;height:4px;background:#dde0e4;border-radius:2px;margin:8px 10px}
.f9-fill{position:absolute;height:100%;background:#fed700;border-radius:2px}
.f9-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:#fff;border:2px solid #333e47;border-radius:50%;cursor:grab;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:box-shadow .15s}
.f9-thumb:hover,.f9-thumb:focus{box-shadow:0 0 0 5px rgba(254,215,0,.3);outline:none}
.f9-thumb:active{cursor:grabbing}
.f9-reset{display:flex;align-items:center;gap:6px;padding:8px 13px;color:#aaa;font-size:12px;text-decoration:none;border-top:1px solid #ddd;transition:color .15s}
.f9-reset:hover{color:#e04545;text-decoration:none}