/* ==========================================================================
   Rent a Car in Jaipur — page-specific styles
   ========================================================================== */

/* ---------- Hero ---------- */
.rentcar-hero{
  position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:center;
  padding:70px 48px;color:#fff;
  background:linear-gradient(rgba(11,29,51,.55),rgba(11,29,51,.7)),
             url('../images/rent-a-car-hero.png') center/cover no-repeat;
}
.rentcar-hero .eyebrow{letter-spacing:3px;text-transform:uppercase;font-size:.78rem;color:var(--gold);font-weight:bold;margin-bottom:14px;}
.rentcar-hero h1{font-size:2.8rem;font-weight:normal;font-family:Georgia,serif;line-height:1.25;max-width:640px;}
.rentcar-hero p{margin-top:18px;max-width:560px;color:#e9e6dc;line-height:1.75;font-size:.95rem;}
.rentcar-hero-buttons{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}

@media(max-width:960px){
  .rentcar-hero{padding:50px 22px;min-height:440px;}
  .rentcar-hero h1{font-size:2rem;}
}

/* ---------- Trust badges strip ---------- */
.trust-strip{
  max-width:1100px;margin:0 auto;padding:40px 48px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;}
.trust-item .ic{
  width:44px;height:44px;border-radius:50%;background:var(--sand);color:var(--palace-red);
  display:flex;align-items:center;justify-content:center;
}
.trust-item .ic svg{width:20px;height:20px;}
.trust-item span{font-size:.78rem;color:var(--heritage-ink);font-weight:bold;letter-spacing:.2px;}

@media(max-width:700px){
  .trust-strip{grid-template-columns:repeat(2,1fr);padding:30px 22px;}
}

/* ---------- Fleet section ---------- */
.fleet-section{max-width:1180px;margin:0 auto;padding:20px 48px 90px;}
.fleet-head{text-align:center;margin-bottom:44px;}
.fleet-head .eyebrow-red{justify-content:center;}
.fleet-head h2{font-size:2rem;color:var(--heritage-ink);}

.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.fleet-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(11,29,51,.08);transition:transform .25s ease,box-shadow .25s ease;}
.fleet-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(11,29,51,.15);}
.fleet-card .thumb{position:relative;height:190px;}
.fleet-card .thumb img{width:100%;height:100%;object-fit:cover;}
.fleet-card .badge{position:absolute;top:14px;right:14px;background:var(--palace-red);color:#fff;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;font-weight:bold;padding:5px 12px;border-radius:3px;}
.fleet-card .body{padding:20px 22px 24px;}
.fleet-card h3{font-family:Georgia,serif;font-size:1.15rem;color:var(--heritage-ink);margin-bottom:8px;}
.fleet-card p{font-size:.85rem;color:var(--muted);line-height:1.6;margin-bottom:14px;}
.fleet-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.fleet-tags span{background:var(--sand);color:var(--heritage-ink);font-size:.72rem;padding:4px 10px;border-radius:12px;}
.fleet-price-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:14px;}
.fleet-price{font-size:.95rem;color:var(--heritage-ink);font-weight:bold;}
.fleet-price span{display:block;font-size:.7rem;color:var(--muted);font-weight:normal;}
.fleet-card a.enquire{font-size:.8rem;color:var(--palace-red);font-weight:bold;}

@media(max-width:960px){
  .fleet-section{padding:10px 22px 60px;}
  .fleet-grid{grid-template-columns:1fr;}
}

/* ---------- Why rent with us ---------- */
.why-rent-section{background:var(--heritage-ink);}
.why-rent-inner{max-width:1180px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.why-rent-text h2{color:#fff;font-size:1.9rem;font-family:Georgia,serif;margin-bottom:30px;font-weight:normal;}
.why-rent-item{display:flex;gap:16px;margin-bottom:26px;}
.why-rent-item:last-child{margin-bottom:0;}
.why-rent-item .ic{width:36px;height:36px;border-radius:50%;background:rgba(201,162,75,.15);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.why-rent-item .ic svg{width:17px;height:17px;}
.why-rent-item h4{color:#fff;font-size:1rem;margin-bottom:6px;}
.why-rent-item p{color:#b7c0cc;font-size:.87rem;line-height:1.6;margin:0;}
.why-rent-image{border-radius:10px;overflow:hidden;}
.why-rent-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px;}

@media(max-width:960px){
  .why-rent-inner{grid-template-columns:1fr;padding:60px 22px;gap:36px;}
}

/* ---------- Booking section ---------- */
.booking-section{max-width:1100px;margin:0 auto;padding:90px 48px;}
.booking-card{display:grid;grid-template-columns:1fr 1.6fr;border-radius:12px;overflow:hidden;box-shadow:0 20px 44px rgba(11,29,51,.12);}
.booking-info{background:var(--palace-red);color:#fff;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between;}
.booking-info h2{font-size:1.6rem;font-family:Georgia,serif;margin-bottom:16px;font-weight:normal;}
.booking-info p{font-size:.88rem;line-height:1.7;color:#f5d9da;margin-bottom:30px;}
.booking-info .contact-row{display:flex;align-items:center;gap:10px;font-size:.85rem;margin-bottom:12px;}
.booking-info .contact-row svg{width:16px;height:16px;flex-shrink:0;}

.booking-form{background:#fff;padding:44px 38px;}
.booking-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.booking-field{grid-column:span 1;}
.booking-field.full{grid-column:span 2;}
.booking-field label{display:block;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;color:var(--heritage-ink);font-weight:bold;margin-bottom:8px;}
.booking-field input,
.booking-field select,
.booking-field textarea{
  width:100%;border:none;border-bottom:1px solid #d8d1bd;background:transparent;
  padding:8px 2px;font-size:.9rem;color:var(--text);font-family:inherit;
}
.booking-field textarea{resize:vertical;min-height:60px;}
.booking-field input:focus,
.booking-field select:focus,
.booking-field textarea:focus{outline:none;border-bottom-color:var(--palace-red);}
.booking-submit{grid-column:span 2;margin-top:8px;}
.booking-submit .btn{width:100%;}

@media(max-width:900px){
  .booking-section{padding:50px 22px;}
  .booking-card{grid-template-columns:1fr;}
  .booking-form-grid{grid-template-columns:1fr;}
  .booking-field.full,.booking-submit{grid-column:span 1;}
}
