.vehicle-finder--band{--vf-accent: var(--g-main, #f4740b);--vf-accent-rgb: 244, 116, 11;--vf-surface: #101010;--vf-surface-2: #1c1c1c;--vf-border: rgba(255, 255, 255, .14);--vf-border-strong: rgba(255, 255, 255, .26);--vf-text: #ffffff;--vf-text-muted: rgba(255, 255, 255, .55);--vf-field-radius: 8px;display:block}.vehicle-finder-band-section{position:relative}.vehicle-finder__band{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1.2rem 0;background:linear-gradient(160deg,var(--vf-surface-2) 0%,var(--vf-surface) 62%);border-bottom:1px solid rgba(255,255,255,.06)}.vehicle-finder__band:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--vf-accent) 0%,#ff9d4d 100%)}.vehicle-finder__band-inner{max-width:var(--g-container, 1200px);margin:0 auto;padding:0 2rem}.vehicle-finder__band-row{display:flex;align-items:stretch;gap:1rem}.vehicle-finder--band .vehicle-finder__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;flex:1 1 auto;min-width:0}.vehicle-finder--band.vehicle-finder--category-locked .vehicle-finder__field[data-field=category]{display:none}.vehicle-finder--band.vehicle-finder--category-locked .vehicle-finder__grid{grid-template-columns:repeat(3,1fr)}.vehicle-finder--band .vehicle-finder__field{min-width:0}.vehicle-finder--band .vehicle-finder__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vehicle-finder--band .vehicle-finder__dropdown{position:relative;display:block}.vehicle-finder--band .vehicle-finder__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;height:4.2rem;padding:0 1.3rem;background-color:var(--vf-surface-2);border:1px solid var(--vf-border);border-radius:var(--vf-field-radius);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.vehicle-finder--band .vehicle-finder__trigger:hover:not(:disabled){border-color:var(--vf-border-strong);background-color:#232323}.vehicle-finder--band .vehicle-finder__dropdown.is-open .vehicle-finder__trigger{border-color:var(--vf-accent);box-shadow:0 0 0 3px rgba(var(--vf-accent-rgb),.18)}.vehicle-finder--band .vehicle-finder__trigger:disabled{cursor:not-allowed;opacity:.45}.vehicle-finder--band .vehicle-finder__trigger svg{flex-shrink:0;width:.9rem;color:var(--vf-text-muted);transition:transform .2s ease,color .2s ease}.vehicle-finder--band .vehicle-finder__dropdown.is-open .vehicle-finder__trigger svg{transform:rotate(180deg);color:var(--vf-accent)}.vehicle-finder--band .vehicle-finder__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;text-transform:uppercase;color:var(--vf-text-muted)}.vehicle-finder--band .vehicle-finder__value.is-filled{color:var(--vf-text);font-weight:600}.vehicle-finder--band .vehicle-finder__value.is-empty{color:var(--vf-accent);text-transform:uppercase;font-weight:600}.vehicle-finder--band .vehicle-finder__actions{display:flex;margin:0;flex:0 0 auto}.vehicle-finder--band .vehicle-finder__submit{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;height:4.2rem;padding:0 2.2rem;border:none;border-radius:var(--vf-field-radius);background:var(--vf-accent);color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.vehicle-finder--band .vehicle-finder__submit svg{width:1.5rem;height:1.5rem;color:currentColor}.vehicle-finder--band .vehicle-finder__submit:hover:not(:disabled){background-color:#ff8a2b;transform:translateY(-1px)}.vehicle-finder--band .vehicle-finder__submit:active:not(:disabled){transform:translateY(0)}.vehicle-finder--band .vehicle-finder__submit:disabled{background:var(--vf-surface-2);color:var(--vf-text-muted);cursor:not-allowed}@media screen and (max-width:989px){.vehicle-finder__band-row{flex-direction:column}.vehicle-finder--band .vehicle-finder__grid{grid-template-columns:1fr;gap:.8rem}.vehicle-finder--band .vehicle-finder__actions{margin-top:.8rem}.vehicle-finder--band .vehicle-finder__submit{width:100%}}@media screen and (max-width:749px){.vehicle-finder__band{padding:1rem 0}.vehicle-finder__band-inner{padding:0 1.6rem}}@media screen and (min-width:550px)and (max-width:989px){.vehicle-finder--band .vehicle-finder__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-vehicle-finder-band.css.map */