/* FLEET PAGE CSS */
.fleet-intro-section { padding-bottom:0; }
.fleet-intro {
  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
  padding-bottom:60px; border-bottom:1px solid var(--border);
}
.fleet-intro-text p { color:var(--white-dim); margin-top:16px; font-size:0.97rem; line-height:1.8; }
.fleet-intro-stats {
  display:flex; gap:0; background:rgba(24,197,178,0.04);
  border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden;
}
.fi-stat {
  flex:1; text-align:center; padding:30px 20px;
  border-right:1px solid var(--border);
}
.fi-stat:last-child { border-right:none; }
.fi-num { display:block; font-family:var(--font-display); font-size:2.6rem; color:var(--teal); line-height:1; }
.fi-lbl { display:block; font-family:var(--font-ui); font-size:0.72rem; letter-spacing:2px; text-transform:uppercase; color:var(--white-dim); font-weight:600; margin-top:6px; }

.fleet-full-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
}
.fl-card {
  background:var(--dark); border:1px solid var(--border);
  border-radius:var(--radius-lg); overflow:hidden;
  transition:all var(--transition);
}
.fl-card:hover {
  border-color:rgba(24,197,178,0.35); transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,0.5), var(--shadow-teal);
}
.fl-card-featured { border-color:rgba(232,184,75,0.25); }
.fl-card-featured:hover { border-color:rgba(232,184,75,0.5); box-shadow:0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(232,184,75,0.15); }
.fl-img-wrap { position:relative; height:210px; overflow:hidden; }
.fl-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
.fl-card:hover .fl-img-wrap img { transform:scale(1.07); }
.fl-img-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(5,16,14,0.85) 0%, rgba(5,16,14,0.1) 60%); }
.fl-badge {
  position:absolute; top:14px; right:14px;
  background:rgba(24,197,178,0.9); color:var(--black);
  font-family:var(--font-ui); font-size:0.72rem; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  padding:5px 14px; border-radius:20px;
}
.fl-badge-gold { background:rgba(232,184,75,0.95); }
.fl-badge-blue { background:rgba(14,210,192,0.9); }
.fl-popular {
  position:absolute; top:14px; left:14px;
  background:var(--gold); color:var(--black);
  font-family:var(--font-ui); font-size:0.65rem; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  padding:4px 12px; border-radius:20px;
}
.fl-body { padding:26px 26px 28px; }
.fl-icon {
  width:46px; height:46px; border-radius:10px;
  background:rgba(24,197,178,0.1); border:1px solid rgba(24,197,178,0.2);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px; transition:all var(--transition);
}
.fl-icon-gold { background:rgba(232,184,75,0.1); border-color:rgba(232,184,75,0.25); }
.fl-icon-gold i { color:var(--gold) !important; }
.fl-card:hover .fl-icon { background:rgba(24,197,178,0.18); border-color:var(--teal); }
.fl-icon i { font-size:1.2rem; color:var(--teal); }
.fl-body h3 { font-family:var(--font-ui); font-size:1.15rem; font-weight:700; color:var(--white); margin-bottom:10px; }
.fl-body p { font-size:0.87rem; color:var(--white-dim); line-height:1.65; margin-bottom:16px; }
.fl-specs { display:flex; flex-direction:column; gap:7px; margin-bottom:22px; }
.fl-specs li { font-size:0.83rem; color:var(--white-dim); display:flex; align-items:center; gap:8px; }
.fl-specs li i { color:var(--teal); font-size:0.7rem; }

.fleet-cta {
  background:linear-gradient(135deg, var(--dark2), var(--teal-dim));
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  padding:56px 0;
}
.fleet-cta-inner {
  max-width:1300px; margin:0 auto; padding:0 36px;
  display:flex; align-items:center; justify-content:space-between; gap:36px; flex-wrap:wrap;
}
.fleet-cta h2 { font-family:var(--font-display); font-size:2.2rem; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
.fleet-cta p { color:var(--white-dim); font-size:0.97rem; }

@media(max-width:1100px) { .fleet-full-grid { grid-template-columns:repeat(2,1fr); } .fleet-intro { grid-template-columns:1fr; } }
@media(max-width:768px)  { .fleet-full-grid { grid-template-columns:1fr; } .fleet-cta-inner { flex-direction:column; text-align:center; } }