/* ============================================================
   SONDAX TRAVEL - Private Transfer Page Styles
   ============================================================ */

.st-transfer-card { display: flex; align-items: stretch; background: var(--color-card); border-radius: var(--radius-lg); border: 1px solid var(--color-border); overflow: hidden; margin-bottom: 16px; transition: all var(--transition); }
.st-transfer-card:hover { box-shadow: var(--shadow-md); border-color: rgba(30,90,133,0.3); }
.st-transfer-img { width: 260px; flex-shrink: 0; overflow: hidden; }
.st-transfer-img img { width: 100%; height: 100%; object-fit: cover; }
.st-transfer-body { flex: 1; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.st-transfer-title { font-size: 1.125rem; font-weight: 700; color: var(--color-text); margin-bottom: 8px; }
.st-transfer-route { font-size: 0.8125rem; color: var(--color-muted); margin-bottom: 10px; display: flex; align-items: center; gap: 4px; }
.st-transfer-route svg { width: 13px; height: 13px; }
.st-transfer-desc { font-size: 0.875rem; color: var(--color-muted); margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.st-transfer-footer { display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 768px) {
    .st-transfer-card { flex-direction: column; }
    .st-transfer-img { width: 100%; height: 180px; }
    .st-transfer-body { padding: 16px; }
    .st-transfer-title { font-size: 1rem; }
}
@media (max-width: 480px) {
    .st-transfer-img { height: 150px; }
    .st-transfer-body { padding: 14px; }
    .st-transfer-title { font-size: 0.9375rem; }
}