/* CSS để hiển thị logo đối tác thành hàng ngang trên điện thoại - đã loại bỏ mũi tên */

/* Đổi layout thành hàng ngang */
@media (max-width: 768px) {
    .partners-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 15px 5px !important;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        gap: 15px !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        width: auto !important;
    }

    .partner-item {
        flex: 0 0 auto !important;
        width: 120px !important;
        height: 100px !important;
        margin: 0 5px !important;
        border-radius: 10px !important;
        background-color: white !important;
    }

    /* Ẩn thanh cuộn */
    .partners-grid::-webkit-scrollbar {
        display: none !important;
    }

    .partners-content {
        overflow-x: auto !important;
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        position: relative !important;
    }

    /* Thêm hiệu ứng shadow cho các phần tử */
    .partner-item {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
    }

    .partner-item:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* Đảm bảo hình ảnh hiển thị đúng */
    .partner-item img {
        max-height: 70px !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Loại bỏ hiệu ứng chỉ dẫn cuộn ngang */
    .partners-content::after {
        display: none !important;
    }

    /* Loại bỏ mũi tên chỉ dẫn */
    .partners-content::before {
        display: none !important;
    }

    /* Loại bỏ các nút điều hướng nếu có */
    .partners-nav-mobile {
        display: none !important;
    }

    /* Loại bỏ hiệu ứng gradient bên phải */
    .partners-content::after {
        display: none !important;
    }
}

/* Đổi layout đối tác trên trang chi tiết đối tác */
@media (max-width: 768px) {

    /* Tạo grid 2 cột cho trang chi tiết đối tác */
    .partners-detail-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
    }

    .partner-detail-item {
        border-radius: 10px !important;
        background-color: white !important;
        height: 120px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    }
}

/* Đổi cấu trúc phần Chúng tôi là đối tác tin cậy */
@media (max-width: 768px) {
    .partners-section h2 {
        font-size: 1.5rem !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .partner-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}