/* ==========================================================================
   FUDENG TRAILER - RESPONSIVE QUERIES (media.css)
   ========================================================================== */

@media (max-width: 991px) {
    /* Global & Header */
    body { padding-bottom: 60px; } /* Room for bottom fixed items if needed */
    .header-inner { padding: 0 20px; justify-content: space-between; }
    .desktop-nav, .mail-btn { display: none; } 
    .mobile-menu-btn { display: block; }
    .fixed-wa-btn { display: none; } /* Hide side WhatsApp, use bottom fixed on mobile if desired */
    
    /* Home Components */
    .hero-slider { height: 450px; }
    .hero-content h1 { font-size: 32px; }
    .hero-content h2 { font-size: 24px; }
    .hero-content ul li { font-size: 14px; }
    .swiper-button-next, .swiper-button-prev { display: none; }
    .about-wrapper{padding: 30px 15px;}

    .about-top { flex-direction: column; gap: 30px; padding: 50px 0; text-align: center;}
    .about-top-left h1 { font-size: 32px; }
    .about-top-right { text-align: left; }
    
    .about-section { flex-direction: column; }
    .about-text { padding: 0; text-align: left; }
    .about-text h2 { font-size: 32px; }
    .icon-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .about-image-wrapper { min-height: 300px; width: 100%; margin-top: 40px; }
    .bg-shape-blue, .bg-shape-black { right: 0; width: 100%; }
    .truck-image { margin-left: 0; width: 100%; }

    .features-cards { grid-template-columns: 1fr; gap: 20px; }
    .feature-card { padding: 30px; }
    .about-bottom { flex-direction: column; gap: 40px; padding: 50px 0 80px;}
    .about-bottom-video { width: 100%; }

    .products-section { padding: 60px 0; }
    .product-tabs { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 10px; margin-bottom: 20px; }
    .product-tabs button { flex-shrink: 0; padding: 10px 20px; }
    .product-panel { grid-template-columns: 1fr; }

    .choose-us-wrapper { padding: 60px 0; }
    .choose-us-section { flex-direction: column; }
    .choose-content { padding: 0; text-align: center; }
    .choose-image-wrapper { min-height: 300px; width: 100%; justify-content: center; margin-bottom: 30px;}
    .choose-shape-dark { left: 0; width: 100%; }
    .choose-features { grid-template-columns: 1fr; gap: 30px; }

    .hot-sale-wrapper { padding: 60px 0; }
    .hot-sale-grid { grid-template-columns: 1fr; }
    .hot-truck-card { flex-direction: column; min-height: auto; }
    .card-shape-white, .card-shape-blue { display: none; }
    .truck-img-layer { position: relative; top: 0; transform: none; width: 100%; height: 250px; background-color: #fff; padding: 20px; border-bottom: 5px solid #0056b3; }
    .truck-img-layer img { max-height: 100%; }
    .truck-info { margin-left: 0; width: 100%; padding: 25px 20px; }

    /* Process Banner */
    .process-steps { flex-direction: column; gap: 20px; text-align: center; }
    .step { flex-direction: column; gap: 5px; }
    .step-arrow { transform: rotate(90deg); margin: 10px 0; }

    /* Products Page */
    .page-container { flex-direction: column; padding: 20px 0 60px; }
    .sidebar { width: 100%; order: 2; /* Sidebar drops below on mobile */ }
    .main-content { order: 1; padding: 15px; border: none; background: transparent; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }

    /* Product Detail Page */
    .product-top { flex-direction: column; gap: 20px; margin-bottom: 30px; padding: 15px;}
    .product-gallery, .product-info { width: 100%; }
    .info-table th, .info-table td { display: block; width: 100%; }
    .info-table th { background: #eee; font-weight: bold; }
    .pi-form-row { grid-template-columns: 1fr; gap: 10px; }
    .related-products { overflow-x: auto; flex-wrap: nowrap; }
    .rel-card { flex-shrink: 0; width: 200px; }

    /* News Page */
    .news-filters { flex-direction: column; padding: 0 20px; }
    .news-card { flex-direction: column; gap: 15px; padding: 20px; }
    .news-card-img { width: 100%; }
    .news-card-img img { height: auto; aspect-ratio: 16/9; }

    /* News Detail Page */
    .news-detail-container { padding: 20px 15px; margin-top: 30px; }
    .article-title { font-size: 22px; }
    .article-nav { flex-direction: column; text-align: center; }

    /* FAQ Page */
    .faq-page-container { padding: 40px 15px 60px; }
    .faq-q { font-size: 16px; }

    /* Contact Page */
    .contact-page-container { flex-direction: column; padding: 40px 20px 60px; gap: 40px; }
    .contact-right { padding-left: 0; border-left: none; border-top: 1px solid #e0e0e0; padding-top: 40px; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; }
    .footer-col { padding: 30px 0 10px 0; }
    .footer-col.form-col { padding: 40px 20px; margin: 0 -20px; }
    
     .search-form {
            flex-direction: column;
        }

        .search-submit {
            width: 100%;
        }
    .products-page-container{
        flex-direction: column-reverse;
    }
    .logo img{
        height:40px;
    }
    .nav-link{
        font-size: 16px;
        font-weight: 500;
        font-family: "Arial", Impact, Arial, sans-serif;
    }
    .submenu .nav-link{
        font-size: 14px;
       
    }
    .submenu .submenu .nav-link{
        color: #333;
        padding-top: 10px;
        padding-bottom: 10px;
          font-size: 14px;
         font-weight: 500;
        font-family: "Arial", Impact, Arial, sans-serif;
    }
    .hero-content {
        margin-left: 0; /* 移动端取消左边距 */
        padding: 0 30px;
        max-width: 100%;
    }
    
    .hero-content h1 {
        font-size: 22px;
    }
    
    .hero-content h2 {
        font-size: 16px;
    }
    
    .hero-btn {
        padding: 8px 22px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    /* Product grid becomes single column on very small screens */
    .product-grid { grid-template-columns: 1fr; }
}