/* ==========================================================================
   Services grid
   ========================================================================== */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.service-card { background: #f5f5f5; padding: 32px 58px; display: flex; flex-direction: column; border-top: 3px solid var(--card-accent, var(--teal-500)); }
.service-card[data-mode="air"]  { --card-accent: var(--mode-air); }
.service-card[data-mode="sea"]  { --card-accent: var(--mode-sea); }
.service-card[data-mode="road"] { --card-accent: var(--mode-road); }
.service-card__icon { width: 34px; height: 34px; color: var(--card-accent, var(--teal-500)); margin-bottom: 18px; }
.service-card h3 { font-size: 1.18rem; margin-bottom: 10px; }
.service-card p { color: var(--ink-soft); font-size: 0.93rem; flex: 1; }
.service-card__link { margin-top: 18px; font-weight: 600; font-size: 0.88rem; color: var(--navy-800); border-bottom: 1px solid var(--card-accent, var(--teal-500)); align-self: flex-start; padding-bottom: 2px; }
.service-card__link:hover { color: var(--card-accent, var(--teal-500)); }

@media (max-width: 860px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .services-grid { grid-template-columns: 1fr; } }