*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#222}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:auto;padding:20px}

header{background:#0a2540;color:#fff}
.header-top{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:26px;font-weight:bold}

.hero{padding:40px 20px}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.hero img{width:100%;border-radius:10px}
.hero h1{font-size:38px;margin-bottom:15px}
.hero p{font-size:17px;line-height:1.6}

.search-box{background:#fff;padding:20px;border-radius:10px;margin-top:25px;
display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}
.search-box select,.search-box input,.search-box button{
padding:12px;font-size:15px;width:100%
}
.search-box button{background:#ffb703;border:none;font-weight:bold;cursor:pointer}

#results{margin-top:40px}
.car{background:#fff;padding:15px;border-radius:8px;
display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.car button{background:#0a2540;color:#fff;border:none;padding:10px 15px;cursor:pointer}

section{margin:70px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:8px}

footer{background:#0a2540;color:#fff;padding:30px 20px}
.footer-links a{margin-right:15px;font-size:14px}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.search-box{grid-template-columns:1fr}
}

.mobile-label{
  display:none;
  font-size:14px;
  font-weight:600;
  margin-bottom:4px;
  color:#222;
}

@media (max-width: 768px){
  .mobile-label{
    display:block;
  }
}