/* /assets/css/search.css */

body { background: #f8fafc; }

.search-container {
    max-width: 1200px; margin: 40px auto; width: 92%;
    display: grid; grid-template-columns: 260px 1fr; gap: 40px;
}

/* SIDEBAR */
.filters-sidebar {
    background: white; padding: 25px; border-radius: 12px;
    border: 1px solid #e2e8f0; height: fit-content;
}
.filter-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #f1f5f9; padding-bottom: 15px; }
.filter-header h3 { font-size: 16px; margin: 0; }
.filter-header a { font-size: 12px; color: #ef4236; text-decoration: none; font-weight: 600; }

.filter-group { margin-bottom: 25px; }
.filter-group label { display: block; font-size: 13px; font-weight: 700; color: #0f172a; margin-bottom: 10px; }
.filter-group select { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 14px; }

.brand-list { display: flex; flex-direction: column; gap: 8px; max-height: 300px; overflow-y: auto; }
.brand-check { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #475569; font-weight: 500; cursor: pointer; }
.brand-check input { accent-color: #ef4236; }

/* RESULTS AREA */
.results-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.results-header h1 { font-size: 22px; margin: 0; }
.results-header span { font-size: 14px; color: #64748b; }

.results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

/* Vehicle Card */
.veh-card { background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: 0.2s; display: flex; flex-direction: column; }
.veh-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }

.veh-img-box { height: 180px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.veh-img-box img { width: 100%; height: 100%; object-fit: cover; }

.veh-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.veh-brand { font-size: 11px; text-transform: uppercase; color: #64748b; font-weight: 700; margin-bottom: 5px; }
.veh-title { font-size: 16px; font-weight: 700; color: #0f172a; margin-bottom: 8px; text-decoration: none; }
.veh-price { font-size: 15px; color: #ef4236; font-weight: 700; margin-bottom: 15px; }

.veh-tags { display: flex; gap: 8px; margin-bottom: 20px; }
.veh-tags span { background: #f8fafc; padding: 4px 8px; border-radius: 4px; font-size: 11px; color: #475569; font-weight: 600; border: 1px solid #e2e8f0; }

.btn-check { margin-top: auto; display: block; text-align: center; background: #0f172a; color: white; padding: 10px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; transition: 0.2s; }
.btn-check:hover { background: #ef4236; }

/* No Results */
.no-results { text-align: center; padding: 60px; background: white; border-radius: 12px; border: 1px solid #e2e8f0; grid-column: span 3; }
.no-results i { font-size: 48px; color: #cbd5e1; margin-bottom: 15px; display: block; }
.no-results h3 { margin: 0 0 10px; color: #0f172a; }
.btn-reset { display: inline-block; margin-top: 20px; color: #ef4236; font-weight: 700; text-decoration: none; border: 1px solid #ef4236; padding: 8px 20px; border-radius: 6px; }

/* MOBILE */
@media (max-width: 900px) {
    .search-container { grid-template-columns: 1fr; }
    .filters-sidebar { display: none; } /* Hide filters on mobile for simplicity, or make toggleable later */
    .results-grid { grid-template-columns: 1fr; }
}