/* Transport Category Styles */
.transport-main { padding: 3rem 0; min-height: 60vh; }
.transport-section { margin-bottom: 3rem; }
.transport-section h2 { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin-bottom: 0.5rem; }
.section-desc { color: #64748b; margin-bottom: 1.5rem; font-size: 0.95rem; }
.transport-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.transport-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.5rem; text-decoration: none; color: inherit; transition: all 0.2s; }
.transport-card:hover { border-color: #0ea5e9; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15); transform: translateY(-2px); }
.transport-card h3 { font-size: 1.25rem; font-weight: 600; color: #1e293b; margin-bottom: 0.5rem; }
.transport-card p { color: #64748b; font-size: 0.9rem; line-height: 1.5; }
.transport-badge { display: inline-block; padding: 0.25rem 0.75rem; background: #e0f2fe; color: #0369a1; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-bottom: 0.75rem; }
.transport-icon { font-size: 2rem; margin-bottom: 0.75rem; }
.transport-card.featured { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border: 2px solid #0ea5e9; grid-column: 1 / -1; max-width: 600px; }
.transport-card.featured:hover { border-color: #0284c7; box-shadow: 0 8px 24px rgba(14, 165, 233, 0.25); }
.transport-card.featured .transport-badge { background: #0ea5e9; color: #fff; }
.transport-card.featured h3 { font-size: 1.5rem; }
.transport-card.featured p { font-size: 1rem; line-height: 1.6; }