.shopify-section--vehicle-filter{background:#f5f7fa}.vehicle-filter{display:block;--vf-primary: #1A3A8F;--vf-primary-dark: #132d72;--vf-border: #cbd6e5;--vf-bg: #fff;--vf-bg-soft: #f6f8fb;--vf-bg-disabled: #eef2f7;--vf-text: #111827;--vf-text-muted: #5f6f83;--vf-radius: 8px;--vf-shadow: 0 12px 30px rgba(20, 32, 55, .08);--vf-control-shadow: 0 1px 2px rgba(15, 23, 42, .04);font-family:inherit;color:var(--vf-text)}.vehicle-filter__inner{position:relative;padding:24px 28px;max-width:1120px;margin-left:auto;margin-right:auto;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:9px;box-shadow:var(--vf-shadow)}.vehicle-filter__header{margin-bottom:14px}.vehicle-filter__title{margin:0;color:var(--vf-primary);font-size:19px;font-weight:700;line-height:1.3}.vehicle-filter__steps{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px}.vehicle-filter__step{position:relative;display:flex;flex-direction:column;gap:6px;flex:1 1 260px;min-width:0}.vehicle-filter__step[hidden]{display:none}@media(max-width:700px){.vehicle-filter__inner{padding:18px 16px 16px;border-left:0;border-right:0;border-radius:0}.vehicle-filter__title{font-size:16px}.vehicle-filter__steps{flex-direction:column;align-items:stretch;gap:14px}.vehicle-filter__step{flex:none;width:100%}.vehicle-filter__actions{flex-direction:row;width:100%;gap:10px}.vehicle-filter__apply,.vehicle-filter__reset{flex:1}}.vehicle-filter__step[aria-disabled=true] .vehicle-filter__select{pointer-events:none;background:var(--vf-bg-disabled);border-color:#dde5ef;color:#7b8797;box-shadow:none}.vehicle-filter__step[aria-disabled=true] .vehicle-filter__select-text,.vehicle-filter__step[aria-disabled=true] .vehicle-filter__caret{color:#8793a3}.vehicle-filter__label{font-size:13px;font-weight:700;color:#0f172a;letter-spacing:.01em}.vehicle-filter__dropdown{position:relative}.vehicle-filter__dropdown[open]>.vehicle-filter__select{border-color:var(--vf-primary);box-shadow:0 0 0 3px #1a3a8f29,var(--vf-control-shadow)}.vehicle-filter__select{display:flex;align-items:center;gap:10px;padding:0 16px;height:56px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;list-style:none;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none;box-shadow:var(--vf-control-shadow);transition:border-color .15s,box-shadow .15s,background .15s,color .15s}.vehicle-filter__select:hover{background:#fbfcfe;border-color:#1a3a8f99;box-shadow:0 7px 18px #0f172a12}.vehicle-filter__select::-webkit-details-marker{display:none}.vehicle-filter__select-logo{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;flex:0 0 30px;overflow:hidden}.vehicle-filter__select-logo:empty{display:none}.vehicle-filter__select-logo img{max-width:100%;max-height:100%;object-fit:contain}.vehicle-filter__select-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vf-text);line-height:1.25}.vehicle-filter__caret{flex-shrink:0;color:var(--vf-text-muted);transition:transform .2s}.vehicle-filter__dropdown[open] .vehicle-filter__caret{transform:rotate(180deg)}.vehicle-filter__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);box-shadow:0 18px 40px #0f172a24;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.vehicle-filter__search{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--vf-border);color:var(--vf-text-muted);background:#fbfcfe}.vehicle-filter__search input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--vf-text)}.vehicle-filter__list{list-style:none;margin:0;padding:6px 0;overflow-y:auto;flex:1}.vehicle-filter__list li{display:flex;align-items:center;gap:12px;min-height:52px;padding:11px 16px;cursor:pointer;font-size:15px;font-weight:500;color:var(--vf-text)}.vehicle-filter__list li:hover,.vehicle-filter__list li:focus-visible{background:#eef4ff;outline:none}.vehicle-filter__list li.is-selected{background:var(--vf-primary);color:#fff}.vehicle-filter__list li.is-selected .vehicle-filter__opt-logo--placeholder{background:#fff3;color:#fff}.vehicle-filter__opt-logo{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;object-fit:contain}.vehicle-filter__opt-logo--placeholder{background:var(--vf-bg-soft);border-radius:4px;font-weight:700;font-size:11px;color:var(--vf-text-muted)}.vehicle-filter__empty{padding:16px;text-align:center;color:var(--vf-text-muted);font-size:13px}.vehicle-filter__divider{height:1px;background:var(--vf-border);margin:6px 12px;pointer-events:none;list-style:none}.vehicle-filter__actions{display:flex;gap:10px;align-self:flex-end;flex-shrink:0}.vehicle-filter__apply,.vehicle-filter__reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 22px;border-radius:var(--vf-radius);font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s}.vehicle-filter__apply{background:var(--vf-primary);color:#fff;box-shadow:0 10px 22px #1a3a8f3d}.vehicle-filter__apply:hover:not(:disabled){background:var(--vf-primary-dark);box-shadow:0 12px 26px #1a3a8f47}.vehicle-filter__apply:disabled{background:#8fa0cf;color:#fff;border-color:#8fa0cf;cursor:not-allowed;box-shadow:none}.vehicle-filter__reset{background:#fff;color:var(--vf-text);border-color:var(--vf-border);box-shadow:var(--vf-control-shadow)}.vehicle-filter__reset:hover{background:#f8fafc;border-color:#aebbd0}.vehicle-filter__summary{margin-top:16px;padding:12px 16px;background:var(--vf-bg-soft);border:1px solid var(--vf-border);border-radius:var(--vf-radius);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.vehicle-filter__summary-label{color:var(--vf-text-muted)}.vehicle-filter__chips{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.vehicle-filter__chip{font-weight:600}.vehicle-filter__chip-sep{color:var(--vf-text-muted)}.vehicle-filter__count{margin-left:auto;color:var(--vf-text-muted);font-size:13px}.vehicle-filter--loading{opacity:.8;pointer-events:none}.vehicle-filter__dropdown summary{list-style-type:none}.vehicle-filter__dropdown summary::marker{content:""}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vehicle-filter.css.map */