/* ===== MOBILE RESPONSIVE CSS ===== */
/* 只在移动端生效，不影响桌面端 */

/* ===== MOBILE NAVIGATION ===== */
@media(max-width:960px){
  body{padding-top:60px}
  #site-header{position:fixed;top:0;left:0;right:0;z-index:2999}
  .header-inner{height:60px;padding:0 15px}
  .logo img{height:35px}
  .main-nav{display:none;position:absolute;top:60px;left:0;width:100%;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:998}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;padding:10px 0}
  .main-nav a{height:auto;padding:14px 20px;border-bottom:1px solid #f5f5f5;border-left:3px solid transparent;border-bottom-width:1px}
  .main-nav a:hover,.main-nav a.active{border-left-color:var(--accent);background:#f8f9fa}
  .main-nav .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;display:none}
  .main-nav .has-submenu.open .submenu{display:block}
  .main-nav .submenu li a{padding-left:30px;font-size:13px}
  .mobile-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:40px;height:60px;cursor:pointer;background:none;border:none;padding:5px}
  .mobile-toggle span{display:block;width:22px;height:2px;background:#333;margin:3px 0;transition:.3s}
  .mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .mobile-toggle.open span:nth-child(2){opacity:0}
  .mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
  .header-right .btn-quote{padding:8px 16px;font-size:12px}
  .mobile-toggle{display:flex!important}

  /* Hero Slider */
  .hero-slider{height:300px}
  .slide-content h1{font-size:2rem;line-height:1.3;margin-bottom:10px}
  .slide-content p{font-size:1.2rem;margin-bottom:20px}
  .slide-content .btn-primary{width:160px!important;padding:14px 20px!important;font-size:1.1rem!important}

  /* Section Headers */
  .section{padding:40px 0}
  .section-header h2{font-size:2.2rem}
  .section-header p{font-size:1.3rem}

  /* Products Grid */
  .product-grid-4{grid-template-columns:repeat(2,1fr);gap:10px}
  .product-grid-img{padding-top:100%}
  .product-grid-name p{font-size:1.2rem}
  .products-with-sidebar{grid-template-columns:1fr}
  .products-sidebar{position:static;display:none}
  .products-sidebar.mobile-show{display:block}
  .sidebar-toggle{display:block!important;margin-bottom:15px;background:var(--accent);color:#fff;border:none;padding:12px 15px;border-radius:4px;width:100%;font-size:14px;cursor:pointer;text-align:left}
  .btn-details{padding:4px 12px;font-size:1.1rem}

  /* Pagination */
  .pagination-exact ul{flex-wrap:wrap}
  .pagination-exact li a{padding:6px 10px;font-size:1.2rem}

  /* About Page */
  .about-intro-grid{grid-template-columns:1fr}
  .about-intro-image{order:-1}
  .about-intro-image img{max-height:250px}
  .intro-block h3{font-size:1.4rem}
  .intro-block p{font-size:1.2rem}
  .culture-cards{grid-template-columns:1fr}
  .stats-number-grid{grid-template-columns:repeat(2,1fr)}
  .stats-number-item{padding:15px 10px}
  .stats-num{font-size:2rem}
  .stats-label{font-size:1.1rem}

  /* News */
  .news-list-item a{flex-direction:column}
  .news-list-img{width:100%;height:180px}
  .news-grid{grid-template-columns:1fr}
  .news-detail-layout{grid-template-columns:1fr}

  /* Contact */
  .contact-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .contact-info-card{padding:15px 10px}
  .contact-icon{width:35px;height:35px}
  .contact-main-grid{grid-template-columns:1fr}
  .contact-form-box{grid-template-columns:1fr;padding:20px}
  .form-left h2{font-size:2rem}
  .contact-bottom-bar{flex-direction:column;gap:8px;text-align:center;padding:15px}

  /* Footer */
  .footer-inner{grid-template-columns:1fr;gap:25px;padding:0 15px}
  .footer-col h3{font-size:1.6rem}
  .footer-col p{font-size:1.3rem}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center;padding:15px}

  /* Workshop */
  .workshop-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .workshop-grid .gallery-item img{height:150px}

  /* Testimonials */
  .testimonials-grid{grid-template-columns:1fr}
  .testimonial-card{flex-direction:column;align-items:center;text-align:center}
  .testimonial-avatar{width:60px;height:60px}

  /* Stats Bar */
  .stats-flex{flex-direction:column;align-items:center;gap:15px}
  .stats-item .num{font-size:3rem}
  .stats-item .label{font-size:1.2rem}

  /* Page Banner */
  .page-banner-about{height:200px}
  .page-banner-about h1{font-size:2.5rem}
  .page-banner-sub{height:180px}
  .page-banner-sub h1{font-size:2.2rem}

  /* Company Intro */
  .intro-layout{grid-template-columns:1fr}
  .intro-text .stat-item h3{font-size:1.4rem}
  .intro-text .stat-item p{font-size:1.2rem}

  /* CTA */
  .cta-box h2{font-size:2.2rem}
  .cta-box p{font-size:1.3rem}

  /* Product Detail */
  .product-detail-layout{grid-template-columns:1fr}
  .product-detail-info h1{font-size:2rem}
  .product-actions{flex-direction:column}
  .product-actions a{width:100%;text-align:center}

  /* Floating Sidebar */
  .sidebar-floating{bottom:20%;right:5px}
  .sidebar-floating a{width:40px;height:40px;font-size:1.4rem}

  /* Cookie Banner */
  #cookieConsent > div{flex-direction:column;text-align:center}

  /* Homepage Products Grid */
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}

@media(max-width:480px){
  .product-grid-4{grid-template-columns:1fr 1fr;gap:8px}
  .contact-cards{grid-template-columns:1fr}
  .stats-number-grid{grid-template-columns:1fr}
  .hero-slider{height:250px}
  .slide-content h1{font-size:1.6rem}
  .slide-content p{font-size:1.1rem}
  .section-header h2{font-size:1.8rem}
  .workshop-grid{grid-template-columns:1fr 1fr}
  .workshop-grid .gallery-item img{height:120px}
}