.vehicle-card{position:relative;background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.vehicle-card .new-badge{left:10px;background-color:#28a745}.vehicle-card .new-badge,.vehicle-card .out-of-stock{position:absolute;top:10px;color:#fff;font-size:12px;padding:5px 8px;border-radius:4px}.vehicle-card .out-of-stock{right:10px;background-color:#dc3545}.vehicle-card .vehicle-image{width:100%;height:150px;object-fit:cover;border-radius:8px 8px 0 0;margin-bottom:10px}.vehicle-card .vehicle-details h3{font-size:16px;margin:0;color:#333}.vehicle-card .vehicle-details .subContainer{display:flex;flex-direction:column;margin-top:8px}.vehicle-card .vehicle-details .subContainer .kmsRun,.vehicle-card .vehicle-details .subContainer .vehicle-brand{font-size:14px;color:#666;flex:1 1;text-align:left}.vehicle-card .vehicle-details .subContainer .battery,.vehicle-card .vehicle-details .subContainer .vehicle-price{font-size:14px;color:#333;font-weight:700;flex:1 1}.vehicle-card .vehicle-details .subContainer .vehicle-price{color:#dc3545}body{font-family:Arial,sans-serif}.filterSection{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f4f4f4;border-bottom:1px solid #ddd}.filterSection .filter-button{background-color:#3498db;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s ease}.filterSection .filter-button:hover{background-color:rgb(33.1380753138,125.1882845188,186.8619246862)}.filterSection .selected-filters{display:flex;flex-wrap:wrap;gap:10px}.filterSection .selected-filters .filter-tag{background-color:#d3d2d2;color:#363636;padding:5px;font-size:14px;display:flex;align-items:center}.filterSection .selected-filters .filter-tag button{background:none;border:none;color:#262626;font-size:18px;cursor:pointer}.filterSection .selected-filters .clear_all{color:#000;text-decoration:underline;background-color:#f4f4f4}.filterSection .selected-filters .scrollable-element{overflow:auto}.filterSection .selected-filters .scrollable-element::-webkit-scrollbar{display:none}.filterOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;opacity:0;z-index:100;transition:opacity .3s ease}.filterOverlay.open{display:block;opacity:1}.filterOverlay .filter-content{background-color:#fff;padding:20px;max-width:400px;margin:20px auto;border-radius:8px;position:relative;max-height:90vh;overflow-y:auto}.filterOverlay .filter-content .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filterOverlay .filter-content .filter-header h2{font-size:18px;color:#333}.filterOverlay .filter-content .filter-header .close-button{background:none;border:none;font-size:20px;color:red;cursor:pointer}.filterOverlay .filter-content .filter-group{margin-bottom:20px}.filterOverlay .filter-content .filter-group h3{font-size:16px;margin-bottom:10px;color:#333}.filterOverlay .filter-content .filter-group label{display:block;margin-bottom:8px;font-size:14px;color:#333}.filterOverlay .filter-content .filter-group label input{margin-right:10px}.filterOverlay .filter-content .filter-group input[type=range]{width:100%;margin-top:5px}.filterOverlay .filter-content .filter-actions{display:flex;justify-content:space-between}.filterOverlay .filter-content .filter-actions button{background-color:#e74c3c;color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:16px;border:none;transition:background-color .3s ease}.filterOverlay .filter-content .filter-actions button:hover{background-color:rgb(213.698630137,43.8356164384,26.301369863)}.filterOverlay .filter-content .filter-actions button:first-child{background-color:rgba(0,0,0,0);color:#333;border:1px solid #333}.filterOverlay .filter-content .filter-actions button:first-child:hover{background-color:rgba(0,0,0,.1)}.vehicle-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;padding:20px}.vehicle-list .vehicle-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:5px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.vehicle-list .vehicle-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.vehicle-list .vehicle-card .vehicle-info h3{font-size:16px;margin-bottom:10px;color:#333}.vehicle-list .vehicle-card .vehicle-info p{font-size:14px;color:#777}@media(max-width:768px){.vehicle-list{grid-template-columns:1fr}.filterSection{flex-direction:row;gap:5px}.filterSection .selected-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.filterSection .selected-filters::-webkit-scrollbar{display:none}.filterSection .selected-filters .filter-tag{margin-right:3px}.filterOverlay .filter-content{max-width:100%;margin:20px}}.vehicle-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;padding:10px}@media(max-width:480px){.vehicle-list{grid-template-columns:repeat(2,1fr)}}.vehicle-list a{text-decoration:none}
/*# sourceMappingURL=6f65290bd56b686b.css.map*/