.make-model-year-finder{display:flex;justify-content:center;align-items:center;margin:2rem auto}.finder-container{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:flex-end;width:100%;max-width:900px;padding:1.5rem;background:#ffffff14;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 8px 32px #0000001a}.finder-dropdown-wrapper{display:flex;flex-direction:column;gap:.5rem}.finder-label{display:block;font-size:.875rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.finder-dropdown{position:relative;display:flex;align-items:center}.finder-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.finder-select:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff40;box-shadow:inset 0 2px 8px #0000001a}.finder-select:focus{outline:none;border-color:#6dc3f780;box-shadow:0 0 0 3px #6dc3f71a}.finder-select:disabled{opacity:.5;cursor:not-allowed;background-color:#ffffff05}.finder-select option{background:#0d1120;color:#fff;padding:.75rem}.finder-select option:checked{background:linear-gradient(#6dc3f7,#6dc3f7);color:#0d1120}.finder-search-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6dc3f7,#5ba7d6);color:#0d1120;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6dc3f74d;text-transform:uppercase;letter-spacing:.05em;height:45px;min-width:120px}.finder-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6dc3f766}.finder-search-btn:active:not(:disabled){transform:translateY(0)}.finder-search-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#888,#666);box-shadow:none}.finder-btn-icon{width:1.125rem;height:1.125rem}make-model-year-drawer{position:fixed;right:0;top:0;width:100%;max-width:500px;height:100%;z-index:1000}make-model-year-drawer .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}make-model-year-drawer .modal-inner{position:fixed;right:0;top:0;width:100%;max-width:500px;height:100%;background:#0d1120f2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-left:2px solid rgba(109,195,247,.2);display:flex;flex-direction:column;animation:slideInRight .3s ease;z-index:1001}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.drawer-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.drawer-close{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#ffffffb3;transition:color .2s ease}.drawer-close:hover{color:#fff}.drawer-content{overflow-y:auto;overflow-x:hidden;padding:1rem;flex:1;display:flex;flex-direction:column;gap:1rem}.drawer-content::-webkit-scrollbar{width:8px}.drawer-content::-webkit-scrollbar-track{background:#ffffff0d}.drawer-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.drawer-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.product-result-card{display:flex;gap:1rem;padding:1rem;background:#ffffff0d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;transition:all .2s ease}.product-result-card:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 8px 16px #0003}.product-image{flex-shrink:0;width:100px;height:100px;border-radius:.375rem;overflow:hidden;background:#0003}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff;line-height:1.3}.product-meta{margin:0;font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.price{margin:.5rem 0 0;font-size:1.125rem;font-weight:700;color:#6dc3f7}.add-to-cart{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6dc3f7,#5ba7d6);color:#0d1120;border:none;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.03em}.add-to-cart:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6dc3f74d}.add-to-cart:active:not(:disabled){transform:translateY(0)}.add-to-cart:disabled{opacity:.6;cursor:not-allowed}.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff80;text-align:center;padding:2rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.finder-container{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.finder-container{grid-template-columns:1fr;gap:.75rem;padding:1rem}.finder-search-btn{grid-column:1 / -1}make-model-year-drawer .modal-inner{max-width:100%}}@media (max-width: 480px){.finder-container,.product-result-card{padding:.75rem}.product-image{width:80px;height:80px}.finder-select,.finder-search-btn{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/make-model-year-finder.css.map */