/**
 * Swiper轮播移动端适配样式
 */

/* 基础Swiper容器 */
.swiper {
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
}

/* Swiper Slide - 修复移动端高度 */
.swiper-slide {
    height: auto !important;
    display: flex;
    align-items: stretch;
}

/* 产品卡片样式修复 */
.swiper-slide .bg-white {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* 图片容器 - 防止被挤压 */
.swiper-slide img {
    max-width: 100%;
    height: auto !important;
    object-fit: cover;
}

/* 移动端适配 */
@media (max-width: 640px) {
    .swiper {
        padding: 10px 30px;
    }

    .swiper-slide {
        height: auto !important;
    }

    /* 产品图片容器 */
    .swiper-slide .flex-shrink-0[style*="height"] {
        min-height: 180px !important;
        height: 180px !important;
    }

    /* 导航按钮尺寸 */
    .swiper-button-prev,
    .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 14px !important;
    }
}

/* 平板适配 */
@media (min-width: 641px) and (max-width: 1024px) {
    .swiper {
        padding: 15px 40px;
    }

    .swiper-slide .flex-shrink-0[style*="height"] {
        min-height: 200px !important;
        height: 200px !important;
    }
}

/* 桌面端适配 */
@media (min-width: 1025px) {
    .swiper {
        padding: 20px 60px;
    }

    .swiper-slide .flex-shrink-0[style*="height"] {
        min-height: 220px !important;
        height: 220px !important;
    }
}

/* 大屏适配 */
@media (min-width: 1280px) {
    .swiper-slide .flex-shrink-0[style*="height"] {
        min-height: 240px !important;
        height: 240px !important;
    }
}

/* 分页点样式优化 */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d1d5db;
    opacity: 1;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    background: #0284c7;
    width: 20px;
    border-radius: 4px;
}

/* 导航按钮样式 */
.swiper-button-prev,
.swiper-button-next {
    color: #0284c7;
    background: white;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 18px;
    font-weight: bold;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #0284c7;
    color: white;
    transform: scale(1.1);
}

/* 确保图片不被压缩 */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}