/* --- PREMIUM EXECUTIVE FLEET SHOWCASE --- */
.fleet-section { background-color: #fff; padding: 20px 0;}
.fleet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.fleet-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.03); display: flex; flex-direction: column; }
.fleet-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: #c9a227; }
.fleet-image { background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 40px 20px; text-align: center; border-bottom: 1px solid #f1f5f9; position: relative; }
.fleet-image img { width: 100%; max-width: 260px; border-radius: 8px; height: auto; transition: transform 0.4s ease; }
.fleet-card:hover .fleet-image img { transform: scale(1.05); }

.fleet-content { padding: 30px; flex-grow: 1; display: flex; flex-direction: column; }
.fleet-content h3 { font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700; line-height: 1.3; }
.fleet-badges { display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; }
.fleet-badge { background: rgba(201,162,39,0.1); color: #554511; font-size: 13px; font-weight: 800; text-transform: uppercase; padding: 6px 12px; border-radius: 50px; display: flex; align-items: center; gap: 6px; letter-spacing: 0.5px; }

.fleet-specs { list-style: none; padding: 0; margin: 0 0 30px 0; flex-grow: 1; border-top: 1px solid #f1f5f9; padding-top: 20px; }
.fleet-specs li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: #475569; margin-bottom: 12px; line-height: 1.5; font-weight: 500; }
.fleet-icon { color: #0f172a; font-size: 16px; margin-top: 2px; }

.fleet-btn { display: block; text-align: center; padding: 15px; border: 2px solid #0f172a; color: #0f172a !important; font-weight: 700; text-transform: uppercase; font-size: 14px; border-radius: 8px; text-decoration: none !important; transition: all 0.3s ease; letter-spacing: 0.5px; }
.fleet-card:hover .fleet-btn { background: #0f172a; color: #ffffff !important; box-shadow: 0 10px 20px rgba(15,23,42,0.15); }

@media (max-width: 767px) {
    .fleet-grid { display: flex; overflow: auto; scroll-snap-type: x mandatory; gap: 20px; padding-bottom: 30px; -webkit-overflow-scrolling: touch; }
    .fleet-grid::-webkit-scrollbar { display: block !important; height: 8px !important; width: 8px !important; }
    .fleet-grid::-webkit-scrollbar-track { background: #e2e8f0 !important; border-radius: 10px; margin: 0 20%; display: block !important; }
    .fleet-grid::-webkit-scrollbar-thumb { background: #c9a227 !important; border-radius: 10px; display: block !important; }
    .fleet-card { flex: 0 0 100%; scroll-snap-align: center; }
    .fleet-section { overflow: hidden; }
}