.vehicle-search{--main-title-color: #000000;--reg-title-color: #000000;--details-title-color: #000000;--text-color: #000000;--background-color: transparent;--reg-input-background: #FFFFFF;--border-color: #000000;--reg-plate-text-color: #1e1500;--reg-plate-highlight: #fff7bf;--title-bottom-spacing: 40px;margin:0 auto;padding:20px;max-width:1200px;border:none;background:transparent!important}.vehicle-search__title{color:var(--main-title-color);font-size:2em;text-align:center;width:100%}.vehicle-search__sections{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:20px;position:relative;margin:15px auto;max-width:1200px;background:none!important;border:none}.vehicle-search__sections.no-divider{gap:20px}.vehicle-search__subtitle{display:none}.vehicle-search label,.vehicle-search__select,.vehicle-search__reg-input{color:var(--text-color)}.vehicle-search__reg-section{flex:0 1 45%;min-width:300px;background:none!important;border:none;display:flex;flex-direction:column;gap:10px;padding-top:0;align-self:flex-start}.vehicle-search__details-section{flex:0 1 45%;min-width:300px;background:none!important;border:none;display:flex;flex-direction:column;gap:10px;align-self:flex-start}.vehicle-search__divider{text-align:center;color:transparent;font-size:0;padding:0 10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;align-self:center;margin-top:0}.vehicle-search__divider:before,.vehicle-search__divider:after{content:"";position:absolute;left:50%;width:1px;height:60px;background-color:var(--divider-color, #666666);opacity:var(--divider-opacity, .4);transform:translate(-50%)}.vehicle-search__divider:before{top:-30px}.vehicle-search__divider:after{bottom:-30px}.vehicle-search__reg-form{display:flex;align-items:stretch;border:none;border-radius:0;overflow:visible;gap:12px;background:transparent;box-shadow:none;margin-top:17px}.vehicle-search__reg-input-wrapper{flex:1;display:flex;background:transparent;border:none;height:auto;overflow:visible;position:relative}.vehicle-search__reg-input{width:100%;height:45px;border:none;padding:12px 20px;font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--reg-input-background, #ffe04f);outline:none;color:var(--reg-plate-text-color, #1e1500);border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease}.vehicle-search__reg-input:focus{box-shadow:0 4px 12px #00000026;outline:none}.vehicle-search__reg-input::placeholder{color:#2f210099;font-weight:600;letter-spacing:1px}.vehicle-search__reg-button{min-width:60px;width:60px;height:45px;border:none;background-color:#fff;color:#0b1f44;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;flex-shrink:0;font-size:0;font-weight:600;text-transform:uppercase;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.vehicle-search__reg-button:hover:not(:disabled){background-color:#f8f8f8;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.vehicle-search__reg-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #00000026}.vehicle-search__reg-button:disabled{background-color:#e5e7eb;cursor:not-allowed;box-shadow:none}.vehicle-search__reg-button-icon{width:20px;height:20px;color:inherit;display:flex;align-items:center;justify-content:center}.vehicle-search__reg-button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.vehicle-search__form{display:flex;flex-direction:column;gap:15px;width:100%;border:none}.vehicle-search__row{display:flex;flex-wrap:nowrap;gap:15px;width:100%;background:transparent!important}.vehicle-search__field{flex:1;min-width:0;background:transparent!important;border:none!important;box-shadow:none!important}.vehicle-search__field label{display:block;font-size:11px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.vehicle-search__select{width:100%;height:45px;padding:8px 35px 8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:12px;color:#333;cursor:pointer;transition:border-color .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;text-transform:capitalize}.vehicle-search__select:focus{outline:none;border-color:#06c}.vehicle-search__select:disabled{background-color:#f5f5f5;cursor:not-allowed}.vehicle-search__error{color:#d82c0d;margin-top:10px;font-size:.9em}.vehicle-search__sections.no-divider{justify-content:center}.vehicle-search__sections.no-divider .vehicle-search__divider{display:none}@media (max-width: 768px){.vehicle-search__sections{flex-direction:column;align-items:center;gap:10px}.vehicle-search__divider{display:none!important}.vehicle-search__reg-section,.vehicle-search__details-section{flex:0 1 100%;min-width:100%;width:100%}.vehicle-search__form{flex-direction:column;align-items:center}.vehicle-search__field{width:100%;max-width:300px}}.vehicle-search__reg-section,.vehicle-search__reg-section.visible{opacity:1!important;visibility:visible!important;display:block!important}#trim-field{display:none}#trim-field.visible{display:block;flex:1}.vehicle-search__select,.vehicle-search__reg-button{background-color:var(--background-color);border-color:var(--border-color);color:var(--text-color)}.vehicle-search__reg-button svg{fill:var(--text-color)}.vehicle-search__reg-section .vehicle-search__subtitle,.vehicle-search__details-section .vehicle-search__subtitle{display:none}.vehicle-search[data-layout=vertical]{display:flex;flex-direction:column;gap:20px}.vehicle-search[data-layout=vertical] .vehicle-search__reg-section,.vehicle-search[data-layout=vertical] .vehicle-search__details-section{width:100%;margin:0}.vehicle-search[data-layout=vertical] .vehicle-search__sections{flex-direction:column;align-items:center;gap:30px}.vehicle-search[data-layout=vertical] .vehicle-search__sections:after{display:none}.vehicle-search[data-layout=vertical] .vehicle-search__reg-section,.vehicle-search[data-layout=vertical] .vehicle-search__details-section{flex:0 1 100%;max-width:100%;width:100%}.vehicle-search[data-layout=horizontal] .vehicle-search__sections{flex-direction:row;align-items:flex-start;gap:20px}.vehicle-search[data-layout=horizontal] .vehicle-search__reg-section,.vehicle-search[data-layout=horizontal] .vehicle-search__details-section{flex:0 1 45%;min-width:300px}.vehicle-search[data-layout=horizontal] .vehicle-search__divider{display:flex}@media (max-width: 768px){.vehicle-search[data-layout=horizontal] .vehicle-search__sections{flex-direction:column;align-items:center;gap:30px}.vehicle-search[data-layout=horizontal] .vehicle-search__sections:after{display:none}.vehicle-search[data-layout=horizontal] .vehicle-search__reg-section,.vehicle-search[data-layout=horizontal] .vehicle-search__details-section{flex:0 1 100%;max-width:100%;width:100%}}.vehicle-search__reg-field{flex:1;min-width:0}.vehicle-search__reg-label{display:none}.vehicle-search__reg-input-wrapper{height:auto}.vehicle-search__reg-button,.vehicle-search__select{height:45px}.vehicle-search__sections{align-items:flex-start}.vehicle-search__subtitle{display:none!important}.vehicle-search[data-layout=vertical] .vehicle-search__title{margin-bottom:20px}.vehicle-search[data-layout=vertical] .vehicle-search__reg-section,.vehicle-search[data-layout=vertical] .vehicle-search__details-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto}.vehicle-search[data-layout=vertical] .vehicle-search__reg-form,.vehicle-search[data-layout=vertical] .vehicle-search__form{width:100%}#make{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;height:45px;color:var(--text-color)}.vehicle-search__select,#make,#model,#year,#trim{width:100%;height:45px;padding:0 10px;border:1px solid var(--border-color);border-radius:4px;background-color:#fff!important;color:var(--text-color)}.vehicle-search__select:disabled,#make:disabled,#model:disabled,#year:disabled,#trim:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.vehicle-search__select:enabled,#make:enabled,#model:enabled,#year:enabled,#trim:enabled{background-color:#fff;cursor:pointer}.loading-spinner{animation:spin 1s linear infinite;width:20px;height:20px}.loading-spinner circle{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.no-products-message{background-color:#f8f9fa;border:1px solid #e6e6e6;border-radius:4px;padding:15px;text-align:center;margin-top:20px}.no-products-message h3{color:#d9534f;margin-bottom:10px}.no-products-message p{color:#333;margin-bottom:10px}.no-products-message ul{list-style-type:disc;padding-left:20px;text-align:left;color:#555}.no-products-message button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:10px}.no-products-message button:hover{background-color:#0056b3}.no-products-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.no-products-popup{background:#fff;padding:30px;border-radius:8px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 2px 10px #0000001a}.no-products-popup h3{color:#d9534f;margin:0 0 15px;font-size:1.2em}.no-products-popup p{margin-bottom:15px;color:#333}.no-products-popup ul{list-style-type:none;padding:0;margin:15px 0;text-align:center;color:#555}.no-products-popup ul li{margin:8px 0}.no-products-popup .browse-button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:1em;margin-top:10px}.no-products-popup .browse-button:hover{background-color:#0056b3}.no-products-popup .close-popup{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px 10px}.no-products-popup .close-popup:hover{color:#333}.vehicle-search__select option,.vehicle-search__select option:first-child{text-transform:capitalize}.reg-search-enabled{display:block!important;visibility:visible!important;opacity:1!important}.vehicle-search__field{background:transparent!important}.vehicle-search__select{background-color:#fff!important;border:1px solid var(--border-color);border-radius:4px;height:45px;padding:0 15px;width:100%;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.vehicle-search__form,.vehicle-search__row,.primary-fields,.secondary-fields{background:transparent!important}.vehicle-search,.vehicle-search__sections,.vehicle-search__details-section,.vehicle-search__form,.vehicle-search__row,.vehicle-search__field{border:none!important;box-shadow:none!important}.vehicle-search__row.primary-fields{display:flex;gap:15px;margin-top:10px}.vehicle-search__row.primary-fields .vehicle-search__field{flex:1;min-width:0}.vehicle-search__field label{margin-bottom:5px;display:block}.vehicle-search__details-section{flex:0 1 48%;max-width:480px;background:none!important;border:none}.vehicle-search__details-section .vehicle-search__subtitle{display:none!important}.vehicle-search__select,.vehicle-search__reg-input{height:45px;line-height:45px}.vehicle-search__empty-message{text-align:center;font-weight:600;color:#4b5563;margin-top:1.5rem}.vehicle-search-overlay{position:absolute;width:min(100%,var(--vehicle-overlay-max-width, 100%));padding:var(--vehicle-overlay-padding, 24px);background:transparent;border-radius:var(--vehicle-overlay-radius, 16px);box-shadow:none;z-index:var(--vehicle-overlay-z-index, 5)}.vehicle-search-overlay__inner{width:100%;display:flex;justify-content:center}.vehicle-search-overlay--h-left{left:var(--vehicle-overlay-horizontal-offset, 0px)}.vehicle-search-overlay--h-right{right:var(--vehicle-overlay-horizontal-offset, 0px)}.vehicle-search-overlay--h-center{left:calc(50% + var(--vehicle-overlay-horizontal-offset, 0px));transform:translate(-50%)}.vehicle-search-overlay--v-top{top:var(--vehicle-overlay-vertical-offset, 0px)}.vehicle-search-overlay--v-bottom{bottom:var(--vehicle-overlay-vertical-offset, 0px)}.vehicle-search-overlay--v-center{top:calc(50% + var(--vehicle-overlay-vertical-offset, 0px));transform:translateY(-50%)}.vehicle-search-overlay--h-center.vehicle-search-overlay--v-center{transform:translate(-50%,-50%)}@media screen and (max-width: 749px){.vehicle-search-overlay.vehicle-search-overlay--stack{position:static;transform:none;width:100%;max-width:100%;padding:0;margin-top:1.5rem}.vehicle-search-overlay.vehicle-search-overlay--stack .vehicle-search-overlay__inner{padding:var(--vehicle-overlay-padding, 24px);width:100%}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/vehicle-search.css.map */