.fleet-section {
  padding: var(--space-xs) 4px;
  max-width: 1200px;
  margin: auto;
}

.tt-card-modified {
  padding: 0 !important;
  /* Force flush image by removing global card padding */
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-gray-300);
  display: flex;
  flex-direction: column;
}

/* Hover effect like vehicle cards */
.tt-card-modified:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
  border-color: var(--color-primary);
}

/* Image Header */
.img-box-tt {
  width: 100%;
  height: 210px;
  /* Reduced from 250px for less vertical space */
  overflow: hidden;
  border-bottom: 1px solid var(--color-gray-100);
}

.img-box-tt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Specific Title Color from Reference */
.tt-card-title {
  font-size: var(--font-size-xl) !important;
  text-align: center;
  margin-bottom: var(--space-xs) !important;
  /* Reduced from space-sm */
  padding-top: var(--space-xs);
  /* Reduced from space-sm */
}

/* Content Padding */
.tt-content-area {
  padding: var(--space-xs) var(--space-md) var(--space-sm);
  /* Tightened vertical padding */
}


.container .section-title {
  text-align: center;
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--space-xl) !important;
}

.tt-info-item {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 4px 0;
  /* Reduced from space-xs (8px) */
}

.tt-divider {
  border: 0;
  border-top: 1px solid var(--color-gray-100);
  margin: 4px 0;
  /* Reduced from space-xs (8px) */
}

/* Themed Facility Badge */
.tt-badge-facility {
  margin-top: var(--space-xs);
  /* Reduced from space-sm */
  padding: var(--space-xs);
  background: var(--bg-secondary);
  color: var(--color-primary);
  border: 1px solid rgba(255, 193, 7, 0.2);
  font-size: var(--font-size-sm);
  border-radius: 4px;
}

/* Custom Grid Gap adjustment if needed */
.tt-grid-custom {
  gap: var(--space-md);
}

/* Mobile Breakpoint Tweak - Overriding 'common.css' if needed for 650px specific catch */
@media (max-width: 650px) {
  .grid-3 {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 480px) {
    .container {
        padding: 0 !important; 
    }
}