.customer-build-vehicle-filter{width:100%;padding:56px 20px;background:#f6f7f8}.customer-build-vehicle-filter__container{width:100%;max-width:1400px;margin:0 auto}.customer-build-vehicle-filter__heading{margin:0 0 8px;color:#111827;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.02em}.customer-build-vehicle-filter__subheading{max-width:720px;margin:0 0 30px;color:#6b7280;font-size:16px;line-height:1.6}.customer-build-filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000d}.customer-build-filter-field{display:flex;flex-direction:column;gap:8px;min-width:0}.customer-build-filter-field label{display:block;color:#374151;font-size:14px;font-weight:600;line-height:1.4}.customer-build-filter-field{position:relative}.customer-build-filter-field select{width:100%;min-width:0;min-height:50px;padding:12px 42px 12px 14px;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.4;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.customer-build-filter-field select:hover:not(:disabled){border-color:#9ca3af;background-color:#fafafa}.customer-build-filter-field select:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.customer-build-filter-field select:disabled{color:#9ca3af;background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:1}.customer-build-filter-actions{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:22px;border-top:1px solid #eef0f2}.customer-build-filter-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.customer-build-filter-button:hover{background:#000;border-color:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.customer-build-filter-button:active{transform:translateY(0)}.customer-build-filter-button:focus-visible{outline:none;box-shadow:0 0 0 3px #1118272e}.customer-build-filter-reset{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.customer-build-filter-reset:hover{color:#111827;background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.customer-build-filter-reset:active{transform:translateY(0)}.customer-build-filter-reset:focus-visible{outline:none;box-shadow:0 0 0 3px #1118271a}@media screen and (max-width:989px){.customer-build-vehicle-filter{padding:48px 20px}.customer-build-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}}@media screen and (max-width:749px){.customer-build-vehicle-filter{padding:40px 16px}.customer-build-vehicle-filter__heading{font-size:28px}.customer-build-vehicle-filter__subheading{margin-bottom:24px;font-size:15px}.customer-build-filter-form{grid-template-columns:1fr;gap:18px;padding:20px;border-radius:12px}.customer-build-filter-field select{min-height:48px}.customer-build-filter-actions{grid-column:auto;flex-direction:column;align-items:stretch;margin-top:2px;padding-top:20px}.customer-build-filter-button,.customer-build-filter-reset{width:100%;min-height:50px}}@media screen and (max-width:480px){.customer-build-vehicle-filter{padding:32px 12px}.customer-build-filter-form{padding:16px;border-radius:10px}.customer-build-vehicle-filter__heading{font-size:25px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/customer-build-filters.css.map */