/* ============================================
   reset.css - Responsive Media Queries
   Only media queries in this file (px units)
   ============================================ */

/* ===== Small Laptop (max-width: 1200px) ===== */
@media(max-width:1200px){
  .hot-products .product-grid,.hot-products .product-grid-8{grid-template-columns:repeat(4,1fr)}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .exhibition-grid{grid-template-columns:repeat(3,1fr)}
  .about-section .about-grid{gap:4rem}
  .footer .footer-main,.footer .footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}
  .detail-product .hot-products .product-grid{grid-template-columns:repeat(3,1fr)}
  .news-layout{grid-template-columns:1fr}
  .advantage-grid{grid-template-columns:repeat(2,1fr)}
  .contact-info-grid{grid-template-columns:repeat(2,1fr)}
  .sitemap-grid{grid-template-columns:repeat(2,1fr)}
  .case-section .case-grid-new{grid-template-columns:repeat(2,1fr)}
  /* Mobile nav - 提前到 1200px */
  .mobile-toggle{display:flex}
  .nav-menu{position:fixed;top:7rem;left:0;width:100%;height:calc(100vh - 7rem);background:#fff;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .3s;z-index:999}
  .nav-menu.open{transform:translateX(0)}
  .nav-menu > li > a{line-height:5rem;padding:0 2rem;border-bottom:1px solid #f0f0f0}
  .nav-menu > li > a::after{display:none}
  .nav-menu > li .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;display:none}
  .nav-menu > li.open .submenu{display:block}
  .nav-menu > li .submenu li a{padding-left:4rem}
  .header .nav-search{display:none}
  .header .top-bar .lang-switch{display:none}
}

/* ===== Tablet (max-width: 992px) ===== */
@media(max-width:992px){
  .hot-products .product-grid,.hot-products .product-grid-8{grid-template-columns:repeat(3,1fr)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .service-cards{grid-template-columns:repeat(2,1fr)}
  .case-grid,.news-grid,.case-list-page .case-list-grid{grid-template-columns:repeat(2,1fr)}
  .case-section .case-grid-new{grid-template-columns:repeat(2,1fr)}
  .news-list-page .news-grid{grid-template-columns:repeat(2,1fr)}
  .product-cover .cover-grid{grid-template-columns:repeat(2,1fr)}
  .sitemap-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
  .search-results .result-item{grid-template-columns:18rem 1fr;gap:1.6rem}
  .search-results .result-item .result-img{height:12rem}
  .about-section .about-grid,.about-intro .about-grid,.contact-grid,.quote-section .quote-grid,.service-detail .service-content{grid-template-columns:1fr;gap:3rem}
  .about-page-intro .about-grid{grid-template-columns:1fr}
  .about-advantage-section .adv-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,1fr);gap:2rem}
  .list-page .list-wrap{grid-template-columns:1fr}
  .list-page .list-content .product-list{grid-template-columns:repeat(2,1fr)}
  .list-page aside{position:static;top:auto;z-index:auto;max-height:none;overflow:visible;background:transparent;box-shadow:none}
  .detail-product .product-top{grid-template-columns:1fr}
  .detail-product .product-gallery .main-img img{height:30rem}
  .banner{height:60rem}
  .banner .slide-content h2{font-size:3.4rem}
  .banner .slide-content p{font-size:1.6rem}
  .exhibition-grid{grid-template-columns:repeat(2,1fr)}
  .detail-product .hot-products .product-grid{grid-template-columns:repeat(2,1fr)}
  .nav-menu > li > a{padding:0 1rem;font-size:1.6rem}
  .header .top-bar{display:none}
  .header .nav-wrap{height:7rem}
  .nav-menu > li > a{line-height:7rem}
  .page-header{margin-top:8rem;padding:6rem 0 4rem}
  .about-timeline .timeline::before{left:2rem}
  .about-timeline .timeline-item,.about-timeline .timeline-item:nth-child(even){padding-left:5rem;padding-right:0;justify-content:flex-start}
  .about-timeline .timeline-item::before{left:2rem}
  .contact-banner{height:35rem}
  .contact-banner-content h1{font-size:3.6rem}
  .contact-info-grid{grid-template-columns:repeat(2,1fr)}
  .news-h-item .item-img{height:16rem}
  .news-layout .news-side{grid-template-columns:1fr}
}

/* ===== Mobile Landscape (max-width: 768px) ===== */
@media(max-width:768px){
  section{padding:5rem 0}
  .section-title{margin-bottom:3rem}
  .section-title h2{font-size:2.8rem}
  .hot-products .product-grid,.hot-products .product-grid-8{grid-template-columns:repeat(2,1fr);gap:1.6rem}
  .services-grid{grid-template-columns:1fr}
  .service-cards{grid-template-columns:1fr}
  .case-grid,.news-grid,.case-list-page .case-list-grid{grid-template-columns:1fr}
  .case-section .case-grid-new{grid-template-columns:1fr}
  .news-list-page .news-grid{grid-template-columns:1fr}
  .product-cover .cover-grid{grid-template-columns:1fr}
  .list-page .list-content .product-list{grid-template-columns:1fr}
  .list-page .list-content .news-list-item{grid-template-columns:1fr}
  .list-page .list-content .news-list-item .item-img{height:20rem}
  .list-page .list-content{margin-top:0}
  .about-stats{grid-template-columns:repeat(2,1fr);padding:4rem 2rem}
  .about-stats .stat-item .num{font-size:3.6rem}
  .banner{height:45rem}
  .banner .slide-content h2{font-size:2.8rem}
  .banner .slide-content p{font-size:1.6rem}
  .banner .slide-content .btn{padding:1rem 2rem;font-size:1.6rem}
  .banner .swiper-button-next,.banner .swiper-button-prev{display:none}
  .exhibition-grid{grid-template-columns:repeat(2,1fr)}
  .footer .footer-main,.footer .footer-grid{grid-template-columns:1fr}
  .sitemap-grid{grid-template-columns:1fr}
  .search-results .result-item{grid-template-columns:1fr}
  .search-results .result-item .result-img{height:20rem}
  .search-bar{flex-direction:column}
  .error-content h2{font-size:8rem}
  .error-btns{flex-direction:column;align-items:center}
  .contact-form-wrap,.contact-form-wrap-new{padding:2rem}
  .quote-form-wrap{padding:2rem}
  .page-header{margin-top:8rem;padding:6rem 0 4rem}
  .page-header h1{font-size:3rem}
  .detail-product .product-gallery .main-img img{height:25rem}
  .detail-product .hot-products .product-grid{grid-template-columns:repeat(2,1fr)}
  .prenext{flex-direction:column}
  .prenext a{max-width:100%}
  .prenext-new{gap:1.2rem}
  .detail-product .quote-text .quote-ad-img{height:20rem}
  .form-row{grid-template-columns:1fr}
  .float-btns{right:1rem;gap:.8rem}
  .float-btns a{width:4.2rem;height:4.2rem;font-size:1.6rem}
  .contact-banner{height:30rem}
  .contact-banner-content h1{font-size:3rem}
  .contact-banner-content p{font-size:1.6rem}
  .contact-info-grid{grid-template-columns:1fr 1fr}
  .news-h-item{grid-template-columns:1fr}
  .news-h-item .item-img{height:20rem}
  .about-advantage-section .adv-item{flex-direction:column;gap:1rem}
  .about-advantage-section .adv-item .adv-num{font-size:3.6rem}
  .sitemap-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
  .cookie-consent .cookie-wrap{flex-direction:column;text-align:center}
}

/* ===== Mobile Portrait (max-width: 576px) ===== */
@media(max-width:576px){
  html{font-size:58%}
  .container{padding:0 1.5rem}
  section{padding:4rem 0}
  .section-title h2{font-size:2.4rem}
  .hot-products .product-grid,.hot-products .product-grid-8{grid-template-columns:1fr}
  .exhibition-grid{grid-template-columns:1fr}
  .about-section .about-text .features{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr;gap:1.6rem}
  .banner{height:38rem}
  .banner .slide-content h2{font-size:2.2rem}
  .banner .slide-content p{font-size:1.6rem;margin-bottom:2rem}
  .banner .slide-content .btn{display:block;margin:0 auto 1rem;max-width:20rem}
  .page-header h1{font-size:2.4rem}
  .page-header .breadcrumb{font-size:1.6rem}
  .detail-product .product-gallery .main-img img{height:20rem}
  .detail-product .hot-products .product-grid{grid-template-columns:1fr}
  .product-cover .cover-card{height:22rem}
  .case-card{height:24rem}
  .detail-product .quote-text .quote-ad-img{height:16rem}
  .case-section .case-card-new .case-img{height:18rem}
  .news-card .news-img{height:18rem}
  .footer{padding-top:4rem}
  .contact-banner{height:25rem}
  .contact-banner-content h1{font-size:2.6rem}
  .contact-banner-content p{font-size:1.6rem}
  .contact-info-grid{grid-template-columns:1fr}
  .contact-form-wrap-new{padding:2rem 1.5rem}
  .quote-info .quote-bottom-img{height:12rem}
  /* Float buttons -> bottom bar */
  .float-btns{position:fixed;right:0;bottom:0;top:auto;left:0;transform:none;flex-direction:row;justify-content:space-around;background:#fff;padding:.8rem 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);border-radius:0;gap:0}
  .float-btns a{width:4rem;height:4rem;font-size:1.6rem;box-shadow:none;background:transparent;color:#1A3A5C}
  .float-btns a:hover{background:rgba(244,207,4,.1);transform:none}
  .float-btns a .tooltip{display:none}
  .contact-map{height:25rem}
}