/* screen2026.css - 响应式样式 */

/* ==================== Responsive - Tablet+ ==================== */
@media (min-width: 768px) {
    .header .logo a {
        height: 32px;
    }
    
    .banner-section .swiper-container {
        padding-bottom: 0;
    }
    
    .category-item {
        flex: 0 0 180px;
    }
    
    .category-item .image {
        height: auto;
    }
    
    .product-card {
        width: 100%;
    }
    
    .product-card .image {
        height: auto;
    }
    
    .contact-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* ==================== Responsive - Mobile ==================== */
@media (max-width: 767px) {
    .header-inner {
        padding: 0 15px;
    }
    
    .header-left {
        gap: 12px;
    }
    
    .header-right {
        gap: 10px;
    }
    
    .header-right > a {
        width: 44px;
        height: 44px;
    }
    
    .header-right > a img {
        width: 30px;
        height: 30px;
    }
    
    .banner-section .swiper-slide img {
        aspect-ratio: 6/5;
        height: auto;
        object-fit: cover;
    }
    
    .banner-section {
        overflow: hidden;
        padding: 0;
    }
    
    .banner-section .swiper-container {
        padding: 0;
        overflow: hidden !important;
    }
    
    .category-section {
        padding: 20px 15px;
    }
    
    .product-section .ec-cart-widget {
        display: none !important;
    }
    
    /* 移动端隐藏产品轮播的左右箭头 */
    .product-section .swiper-button-prev,
    .product-section .swiper-button-next {
        display: none !important;
    }
}

/* ==================== Responsive - Desktop ==================== */
@media (min-width: 1024px) {
    .header .logo a {
        height: 25px;
    }
    
    /* Show desktop nav, hide mobile menu */
    .desktop-nav {
        display: flex;
        align-items: center;
    }
    
    .menu-toggle {
        display: none;
    }
    
    .banner-section {
        padding: 0;
    }
    
    .banner-section .swiper-container {
        padding-bottom: 0;
        max-height: none;
    }
    
    .category-scroll {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 20px;
    }
    
    .category-item {
        flex: 0 0 calc(25% - 15px);
        max-width: calc(25% - 15px);
    }
    
    .category-item .image {
        height: 213px;
    }
    
    .product-scroll {
        gap: 20px;
    }
    
    .product-card {
        width: 100%;
    }
    
    .product-card .image {
        height: auto;
    }
    
    .review-card .review-product-image {
        width: 100%;
    }
    
    .product-section,
    .category-section,
    .reviews-section,
    .featured-images,
    .info-images {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ==================== Responsive - Large Desktop ==================== */
@media (min-width: 1920px) {
    .product-section,
    .category-section,
    .reviews-section,
    .featured-images,
    .info-images {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc((100% - 1920px) / 2);
        padding-right: calc((100% - 1920px) / 2);
    }
    
    /* Show social icons on desktop */
    .header-social {
        display: flex;
    }
    
    /* Footer desktop styles */
    .footer-category-nav {
        display: flex;
    }
    
    /* PC端：移除footer的margin-top */
    .footer {
        margin-top: 0 !important;
    }
    
    /* PC端：移除reviews-swipper的padding-bottom */
    .reviews-swiper {
        padding-bottom: 0 !important;
    }
}

/* ==================== Responsive - Mobile Footer ==================== */
@media (max-width: 1023px) {
    .footer-category-nav {
        display: none;
    }
    
    .footer-nav-links {
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    
    .footer-nav-links span {
        display: none;
    }
    
    /* 移动端：reviews-section padding 改为 20px 15px */
    .reviews-section {
        padding: 20px 15px;
    }
    
    /* 移动端：去除 footer 的 margin-top */
    .footer {
        margin-top: 0 !important;
    }
    
    /* 移动端：featured-images 改为上下排列（单列） */
    .featured-images {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    /* 移动端：产品分类改为上下排列（取消轮播） */
    .category-swiper {
        overflow: visible !important;
    }
    
    .category-swiper .swiper-wrapper {
        display: block !important;
        transform: none !important;
    }
    
    .category-swiper .swiper-slide {
        width: 100% !important;
        margin-bottom: 15px;
    }
    
    .category-swiper .swiper-button-prev,
    .category-swiper .swiper-button-next {
        display: none !important;
    }
    
    /* 移动端：产品不需要轮播箭头 */
    .product-swiper .swiper-button-prev,
    .product-swiper .swiper-button-next {
        display: none !important;
    }
    
    /* 移动端：Buy Now按钮加大加粗 */
    .product-card .buy-now {
        font-weight: 700;
        font-size: 16px;
        padding: 10px 25px;
    }
}