/* ===== Nicolas Cars PRO UI Patch ===== */

.hero{
position:relative;
padding:120px 20px;
text-align:center;
background:linear-gradient(120deg,#0f0f0f,#1b1b1b);
color:white;
}

.hero h1{
font-size:38px;
margin-bottom:10px;
}

.hero p{
opacity:.8;
}

.car-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:40px;
}

.car-card{
background:#111;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.4);
transition:.3s;
}

.car-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.6);
}

.car-card img{
width:100%;
height:180px;
object-fit:cover;
}

.car-info{
padding:16px;
}

.badge-tv{
position:absolute;
background:#ff6a00;
color:white;
font-weight:bold;
padding:6px 10px;
font-size:12px;
border-radius:6px;
top:10px;
left:10px;
}

.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:28px;
box-shadow:0 10px 25px rgba(0,0,0,.4);
z-index:9999;
}

.whatsapp-float:hover{
transform:scale(1.05);
}

.popup-overlay{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0,0,0,.8);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.popup-content{
max-width:420px;
width:90%;
border-radius:12px;
overflow:hidden;
position:relative;
}

.popup-close{
position:absolute;
top:10px;
right:15px;
font-size:28px;
color:white;
cursor:pointer;
}

.popup-content img{
width:100%;
}

@media(max-width:768px){
.hero h1{font-size:28px}
.popup-content{max-width:90%}
}