/* 移动端图片自适应修复 */
/* Mobile Images Responsive Fix */

@media (max-width: 1024px) {
    /* ========== 所有grid图片容器自适应 ========== */
    [style*="grid-template-columns"] .image-zoom-container,
    [style*="display: grid"] .image-zoom-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ========== 所有图片强制自适应 ========== */
    img,
    .image-zoom-container img,
    .company-images-grid img,
    .technology-images-grid img,
    .endorsement-images-grid img,
    .cooperation-images-grid img,
    .product-principle-images img,
    .product-details-images img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* ========== 产品展示图片居中 ========== */
    .card .image-zoom-container {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .card [style*="grid-template-columns"] {
        justify-content: center !important;
        align-items: center !important;
    }

    /* ========== 卡片内的产品图片网格 ========== */
    .card .product-principle-images,
    .card .product-details-images {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 0 !important;
        margin: 20px 0 !important;
    }

    .card .product-principle-images .image-zoom-container,
    .card .product-details-images .image-zoom-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ========== 图片容器优化 ========== */
    .image-zoom-container {
        overflow: hidden !important;
        border-radius: 8px;
        margin: 15px 0;
    }

    /* ========== 特定图片网格类 ========== */
    .company-images-grid,
    .technology-images-grid,
    .endorsement-images-grid,
    .cooperation-images-grid,
    .product-principle-images,
    .product-details-images,
    .product-images-grid,
    .news-images-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 0 10px;
        margin: 20px 0 !important;
    }

    /* ========== 超小屏幕优化 ========== */
    @media (max-width: 374px) {
        .company-images-grid,
        .technology-images-grid,
        .product-images-grid,
        .news-images-grid {
            gap: 10px !important;
            padding: 0 5px;
        }

        .image-zoom-container {
            margin: 10px 0;
        }
    }

    /* ========== 横屏模式优化 ========== */
    @media (max-width: 1024px) and (orientation: landscape) {
        .company-images-grid,
        .technology-images-grid {
            gap: 10px !important;
        }
    }
}

/* ========== 确保所有图片都有正确的显示属性 ========== */
.image-zoom-container img,
.company-images-grid img,
.technology-images-grid img {
    transition: transform 0.3s ease;
}

.image-zoom-container:hover img {
    transform: scale(1.02);
}