body{
font-family: Arial, sans-serif;
margin:0;
background:#0f0f0f;
color:white;
text-align:center;
}

header{
background:black;
padding:20px;
border-bottom:2px solid red;
}

.call{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:red;
color:white;
text-decoration:none;
border-radius:6px;
}

.hero{
padding:60px 20px;
background:#1a1a1a;
}

.inventory{
padding:40px 20px;
max-width:900px;
margin:0 auto;
}

#car-list{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:20px;
margin-top:20px;
}

.car{
background:#1f1f1f;
padding:0;
border-radius:12px;
overflow:hidden;
text-align:left;
transition:transform .2s;
}

.car:hover{
transform:translateY(-4px);
}

.car-photos{
width:100%;
aspect-ratio:4/3;
overflow:hidden;
background:#333;
}

.car-photos img{
width:100%;
height:100%;
object-fit:cover;
}

.car h3{
padding:16px 16px 0;
font-size:1.1rem;
}

.car p{
padding:0 16px;
margin:6px 0;
color:#ccc;
font-size:.95rem;
}

.car-desc{
font-size:.85rem !important;
color:#999 !important;
}

.pending-badge{
display:inline-block;
margin-left:8px;
padding:2px 8px;
background:#f0ad4e;
color:#000;
border-radius:4px;
font-size:.7rem;
font-weight:bold;
text-transform:uppercase;
vertical-align:middle;
}

.whatsapp-link{
display:block;
margin:12px 16px 16px;
padding:10px;
background:#25D366;
color:white;
text-decoration:none;
border-radius:8px;
text-align:center;
font-weight:bold;
font-size:.9rem;
}

.whatsapp-link:hover{
background:#1da851;
}

.contact{
padding:40px 20px;
}

.whatsapp{
display:inline-block;
margin-top:10px;
padding:12px 22px;
background:#25D366;
color:white;
text-decoration:none;
border-radius:8px;
}

footer{
margin-top:40px;
padding:20px;
background:black;
}