:root{--ref-primary:#212759;--ref-secondary:#2BA8A8;--ref-surface:#FFFFFF;--ref-bg:#F8F9FA;--ref-text:#333333;--ref-border:#E5E7EB;--ref-radius-lg:12px}.dark{--ref-primary:#212759;--ref-secondary:#2BA8A8;--ref-surface:#1E1E1E;--ref-bg:#121212;--ref-text:#E0E0E0;--ref-border:#374151}.ref-cockpit-trigger{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ref-primary);color:#fff;padding:12px 24px;border-radius:50px;font-weight:600;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:999;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform 0.2s}.ref-cockpit-trigger:hover{transform:translateX(-50%) scale(1.05)}.ref-mobile-modal{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--ref-surface);box-shadow:-4px 0 24px rgb(0 0 0 / .15);z-index:9999;transform:translateX(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.ref-mobile-modal.is-open{transform:translateX(0)}.ref-modal-header{padding:20px 24px;border-bottom:1px solid var(--ref-border);display:flex;align-items:center;justify-content:space-between;background:var(--ref-surface)}.ref-modal-title{font-size:1.25rem;font-weight:700;color:var(--ref-primary);display:flex;align-items:center;gap:8px}.ref-btn-close{background:none;border:none;cursor:pointer;color:#9CA3AF;transition:color 0.2s}.ref-btn-close:hover{color:var(--ref-primary)}.ref-modal-body{flex:1;overflow-y:auto;padding:24px;background:var(--ref-surface)}.ref-input-group{margin-bottom:24px}.ref-label{display:block;font-size:.75rem;font-weight:700;color:var(--ref-primary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.ref-select,.ref-text-input{width:100%;padding:10px 12px;background:#F9FAFB;border:1px solid var(--ref-border);border-radius:var(--ref-radius);color:var(--ref-text);font-size:.875rem;transition:border-color 0.2s,box-shadow 0.2s}.ref-select:focus,.ref-text-input:focus{outline:none;border-color:var(--ref-primary);box-shadow:0 0 0 1px var(--ref-primary)}.ref-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ref-checkbox-label{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--ref-radius);cursor:pointer;transition:background 0.2s}.ref-checkbox-label:hover{background:#F3F4F6}.ref-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #D1D5DB;accent-color:var(--ref-primary)}.ref-chips-row{display:flex;gap:8px;justify-content:space-between}.ref-chip-label{flex:1;text-align:center;padding:8px 4px;background:#F9FAFB;border:1px solid #fff0;border-radius:var(--ref-radius);cursor:pointer;font-size:.875rem;transition:all 0.2s}.ref-chip-label:hover{border-color:#E5E7EB}.ref-chip-input{display:none}.ref-chip-input:checked+span{background:rgb(33 39 89 / .05);border-color:var(--ref-primary);color:var(--ref-primary);font-weight:600}.ref-modal-footer{padding:16px 24px;border-top:1px solid var(--ref-border);background:var(--ref-surface);box-shadow:0 -4px 6px -1px rgb(0 0 0 / .05)}.ref-btn-apply{width:100%;background:var(--ref-primary);color:#fff;padding:14px;border:none;border-radius:var(--ref-radius);font-weight:700;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:background 0.2s,transform 0.1s}.ref-btn-apply:hover{background:#1a1f4b}.ref-btn-apply:active{transform:scale(.98)}.ref-range-wrapper{position:relative;height:24px;margin-top:5px;margin-bottom:12px}.ref-range-track-bg{width:100%;height:3px;position:absolute;top:50%;transform:translateY(-50%);background:#E5E7EB;border-radius:2px;z-index:1}.ref-range-track-fill{position:absolute;height:3px;top:50%;transform:translateY(-50%);background:var(--ref-primary);z-index:2;pointer-events:none}.ref-range-input{-webkit-appearance:none;appearance:none;pointer-events:none;position:absolute;width:100%;height:24px;top:0;left:0;background:none;z-index:3;margin:0}.ref-range-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ref-primary);cursor:grab;box-shadow:0 1px 3px rgb(0 0 0 / .2);position:relative;z-index:4}.ref-range-input::-moz-range-thumb{pointer-events:all;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ref-primary);cursor:grab;box-shadow:0 1px 3px rgb(0 0 0 / .2);position:relative;z-index:4}#ref-mobile-modal .ref-group-numeric-checks .ref-checkbox-grid--inline .ref-checkbox-label{justify-content:center;line-height:1}.ref-range-input:focus{outline:none}.ref-limit-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#EF4444;color:#fff;padding:12px 24px;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:0 4px 6px rgb(0 0 0 / .2);opacity:0;transition:all 0.3s cubic-bezier(.4,0,.2,1);z-index:10000;white-space:nowrap}.ref-limit-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}[data-ref-price-toggle]{padding:8px 0 4px;border-top:1px solid var(--ref-border,#e0e0e0);margin-top:8px}.ref-no-price-toggle__label{display:flex;align-items:center;cursor:pointer;line-height:1.4;user-select:none}.ref-no-price-toggle__input{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:#231F5C}.ref-no-price-toggle__text{flex:1;font-size:13px!important;font-weight:700!important;color:#231F5C!important;padding-left:10px}.ref-no-price-toggle__count{font-size:13px!important;font-weight:700!important;color:#231F5C!important;white-space:nowrap}