/* Transport Gallery - 컴팩트한 카드 디자인 */
.transport-swiper {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

.transport-swiper-wrapper {
    display: flex;
}

/* 슬라이드 - 패딩 완전 제거 */
.transport-slide {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    padding: 0 !important; 
    margin: 0;
    border: 1px solid  #ddd;
}

/* Swiper가 적용하는 스타일 덮어쓰기 */
.swiper-slide.transport-slide {
    padding: 0 !important;
}

/* 이미지가 슬라이드 전체 너비를 차지하도록 - 강제 적용 */
.transport-slide .transport-slide-img-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
}

.transport-slide:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    /* border-color 제거 */
}

/* 이미지 컨테이너 - 크고 시원하게 */
.transport-slide-img-container {
    position: relative;
    width: 100% !important;
    height: 220px;  
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.transport-slide-img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.transport-slide:hover .transport-slide-img {
    transform: scale(1.05);
}

/* 날짜 뱃지 - 더 크고 시원하게 */
.transport-date-badge {
    position: absolute;
    top: 12px;  /* 8px → 12px */
    right: 12px;  /* 8px → 12px */
    background: rgba(238, 99, 68, 0.95);
    color: white;
    padding: 6px 14px;  /* 4px 10px → 6px 14px */
    border-radius: 18px;  /* 16px → 18px */
    font-size: 13px;  /* 11px → 13px */
    font-weight: 600;
    backdrop-filter: blur(10px);
}

/* 컨텐츠 영역 - 더 여유롭게 */
.transport-slide-content {
    padding: 18px;  /* 14px → 18px 여유있게 증가 */
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 환자 정보 - 더 크고 시원하게 */
.transport-patient-info {
    display: flex;
    align-items: center;
    gap: 10px;  /* 8px → 10px */
    margin-bottom: 14px;  /* 10px → 14px */
}

.transport-patient-icon {
    width: 32px;  /* 28px → 32px */
    height: 32px;  /* 28px → 32px */
    background: #fee4df;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ee6344;
    font-size: 16px;  /* 14px → 16px */
}

.transport-patient-name {
    font-size: 18px;  /* 16px → 18px */
    font-weight: 700;
    color: #333;
}

/* 병원 경로 - 크고 시원한 디자인 */
.transport-route {
    background: #f8f9fa;
    padding: 14px;  /* 10px → 14px */
    border-radius: 10px;  /* 8px → 10px */
    margin-bottom: 14px;  /* 10px → 14px */
    display: flex;
    align-items: center;
    gap: 12px;  /* 8px → 12px */
}

.transport-hospital {
    flex: 1;
    text-align: center;
}

.transport-hospital-label {
    font-size: 11px;  /* 10px → 11px */
    color: #666;
    margin-bottom: 4px;  /* 2px → 4px */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.transport-hospital-name {
    font-size: 15px;  /* 13px → 15px */
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.transport-arrow {
    color: #ee6344;
    font-size: 20px;  /* 16px → 20px */
    flex-shrink: 0;
}

/* 하단 정보 - 더 크고 시원하게 */
.transport-slide-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;  /* 10px → 14px */
    border-top: 1px solid #eee;
    margin-top: auto;
}

.transport-author {
    display: flex;
    align-items: center;
    gap: 8px;  /* 6px → 8px */
    font-size: 13px;  /* 12px → 13px */
    color: #666;
}

.transport-author-avatar {
    width: 24px;  /* 20px → 24px */
    height: 24px;  /* 20px → 24px */
    background: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;  /* 10px → 12px */
    font-weight: 600;
    color: #666;
}

.transport-view-count {
    display: flex;
    align-items: center;
    gap: 4px;  /* 3px → 4px */
    font-size: 13px;  /* 12px → 13px */
    color: #666;
}

.transport-view-count i {
    font-size: 13px;  /* 11px → 13px */
}

/* 링크 스타일 - 여백 제거 */
.transport-slide-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.transport-slide-link:hover {
    color: inherit;
    text-decoration: none;
}

/* 모든 요소에 box-sizing 적용 */
.transport-slide * {
    box-sizing: border-box;
}

/* 페이지네이션 스타일 */
.transport-swiper-pagination {
    position: relative;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.transport-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ddd;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s;
}

.transport-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ee6344;
    width: 8px;
    border-radius: 4px;
}

/* 모바일 반응형 - 모바일에서도 크고 시원하게 */
@media (max-width: 780px) {
    .transport-slide-img-container {
        height: 180px;  /* 140px → 180px 모바일에서도 크게 */
    }
    
    .transport-slide-content {
        padding: 14px;  /* 10px → 14px */
    }
    
    .transport-patient-name {
        font-size: 16px;  /* 15px → 16px */
    }
    
    .transport-patient-icon {
        width: 28px;  /* 24px → 28px */
        height: 28px;  /* 24px → 28px */
        font-size: 14px;  /* 12px → 14px */
    }
    
    .transport-route {
        padding: 12px;  /* 8px → 12px */
        gap: 10px;  /* 6px → 10px */
    }
    
    .transport-hospital-name {
        font-size: 13px;  /* 12px → 13px */
    }
    
    .transport-arrow {
        font-size: 18px;  /* 14px → 18px */
    }
    
    .transport-date-badge {
        font-size: 11px;  /* 10px → 11px */
        padding: 5px 10px;  /* 3px 8px → 5px 10px */
    }
}