.vehicle-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;border:1px solid var(--color-border-light)}.vehicle-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0000001a}.vehicle-card .card-image{position:relative;background:#f8fafc;height:200px;overflow:hidden}.vehicle-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.vehicle-card:hover .card-image img{transform:scale(1.05)}.vehicle-card .favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.vehicle-card .favorite-btn:hover{color:#ef4444;transform:scale(1.1)}.vehicle-card .card-content{padding:1.25rem}.vehicle-card .card-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary)}.vehicle-card .text-primary{color:var(--color-primary)}.vehicle-card .card-desc{font-size:.8rem;color:var(--color-text-tertiary);margin-bottom:1rem}.vehicle-card .card-prices{margin-bottom:1rem}.vehicle-card .price-line{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.25rem;color:var(--color-text-secondary)}.vehicle-card .price-line.highlight{background:#dcfce7;padding:.4rem .6rem;border-radius:6px;margin-top:.5rem}.vehicle-card .price-strike{text-decoration:line-through;color:var(--color-text-tertiary)}.vehicle-card .price-green{color:var(--color-success);font-weight:700}.location-badge{position:absolute;top:12px;left:12px;padding:.35rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 8px #00000026}.location-badge.in-stock{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.location-badge.pre-book{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}[data-theme=dark] .vehicles-page{background:#0f172a!important}[data-theme=dark] .page-hero{background:#0f172a!important;border-bottom:1px solid #334155}[data-theme=dark] .main-content{background:#0f172a!important}[data-theme=dark] .filters-sidebar{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .filters-sidebar h3{color:#f1f5f9!important}[data-theme=dark] .filter-group label{color:#cbd5e1!important}[data-theme=dark] .filter-group select,[data-theme=dark] .filter-group input{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .filter-group select::placeholder,[data-theme=dark] .filter-group input::placeholder{color:#64748b!important}[data-theme=dark] .vehicle-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .vehicle-card .card-content{background:#1e293b!important}[data-theme=dark] .vehicle-card h3,[data-theme=dark] .vehicle-card .card-title{color:#f1f5f9!important}[data-theme=dark] .vehicle-card p,[data-theme=dark] .vehicle-card .card-details,[data-theme=dark] .vehicle-card .price-line span:first-child{color:#94a3b8!important}[data-theme=dark] .vehicle-card .price-strike{color:#64748b!important}[data-theme=dark] .grid-header{color:#cbd5e1!important}[data-theme=dark] .grid-header select,[data-theme=dark] .pagination button{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .pagination button:hover,[data-theme=dark] .pagination button.active{background:#334155!important;border-color:#3b82f6!important}[data-theme=dark] .clear-all-btn{color:#60a5fa!important}[data-theme=dark] .no-results{color:#94a3b8!important}.vehicles-page{min-height:calc(100vh - 200px)}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,#1E40AF 100%);padding:4rem 0;color:#fff;text-align:center}.page-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.page-hero p{font-size:1.1rem;opacity:.9}.main-content{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:2rem 0 4rem}.filters-sidebar{background:#fff;border-radius:16px;padding:1.5rem;height:fit-content;position:sticky;top:100px;border:1px solid var(--color-border)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.filters-header h3{font-size:1.25rem;font-weight:700}.clear-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:600;cursor:pointer}.clear-btn:hover{text-decoration:underline}.filter-group{margin-bottom:1.25rem}.filter-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.price-inputs{display:flex;align-items:center;gap:.5rem}.price-inputs input{flex:1;padding:.65rem}.price-inputs span{color:var(--color-text-tertiary);font-size:.85rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-info{display:flex;align-items:baseline;gap:.5rem}#results-count{font-size:1.5rem;font-weight:800;color:var(--color-text-primary)}.results-subtitle{color:var(--color-text-tertiary)}.results-sort{display:flex;align-items:center;gap:.75rem}.results-sort label{font-size:.9rem;color:var(--color-text-secondary)}.results-sort .form-select{width:auto;min-width:180px}.vehicles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skeleton-card{height:400px;background:var(--color-bg-tertiary);border-radius:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.empty-state svg{color:var(--color-text-tertiary);margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text-primary)}.empty-state p{color:var(--color-text-tertiary);margin-bottom:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pagination button{min-width:44px;height:44px;border-radius:10px;border:1px solid var(--color-border);background:#fff;cursor:pointer;font-weight:600;transition:all .2s}.pagination button:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width: 1200px){.vehicles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.filters-sidebar{position:static}}@media (max-width: 640px){.vehicles-grid{grid-template-columns:1fr}.results-header{flex-direction:column;gap:1rem;align-items:flex-start}}