/* ============================================
   响应式样式 — 3个断点
   768px / 768-1024px / 1024px+
   ============================================ */

/* === Tablet: 768 - 1024px === */
@media (max-width: 1024px) {
    :root {
        --font-size-4xl: 2rem;
        --font-size-3xl: 1.75rem;
    }
    .section{padding:60px 0}
    .hero{padding:80px 0 60px}
    .badges-grid{grid-template-columns:repeat(3,1fr);gap:16px}
    .counters-grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .footer__grid{grid-template-columns:1fr 1fr;gap:30px}
    .product-detail__grid{grid-template-columns:1fr;gap:32px}
    .about-content{grid-template-columns:1fr;gap:32px}
    .contact-layout{grid-template-columns:1fr;gap:32px}
    .blog-detail__layout{grid-template-columns:1fr}
    .blog-detail__sidebar{position:static}
    .shipment-gallery__grid{grid-template-columns:repeat(2,1fr)}
}

/* === Mobile: < 768px === */
@media (max-width: 767px) {
    :root {
        --font-size-4xl: 1.75rem;
        --font-size-3xl: 1.5rem;
        --font-size-2xl: 1.25rem;
        --container-max: 100%;
    }
    .container{padding:0 16px}
    .section{padding:48px 0}
    .section__header{margin-bottom:32px}
    
    /* Header */
    .header__inner{height:60px}
    .header__nav{position:fixed;top:60px;left:0;right:0;background:#fff;padding:16px;box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;transition:all var(--transition);pointer-events:none}
    .header__nav--open{transform:translateY(0);opacity:1;pointer-events:all}
    .header__menu{flex-direction:column;gap:0}
    .header__link{padding:12px 16px;border-radius:0}
    .header__burger{display:flex}
    .lang-switcher{margin-left:auto}
    
    /* Hero */
    .hero{padding:60px 0 48px;text-align:center}
    .hero__content{max-width:100%}
    .hero__trust{justify-content:center}
    .hero__actions{justify-content:center;flex-direction:column}
    .hero__actions .btn{width:100%}
    
    /* Badges */
    .badges-grid{grid-template-columns:1fr;gap:16px}
    .badge-card{padding:24px 20px}
    
    /* Counters */
    .counters-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .counter-item__number{font-size:var(--font-size-3xl)}
    
    /* Process */
    .process-grid{grid-template-columns:1fr;gap:16px}
    
    /* Products */
    .product-grid{grid-template-columns:1fr;gap:16px}
    .product-filter__inner{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;-webkit-overflow-scrolling:touch}
    
    /* Forms */
    .form-row{grid-template-columns:1fr}
    
    /* CTA */
    .cta-section{padding:48px 0}
    .cta-section__actions{flex-direction:column;align-items:center}
    .cta-section__actions .btn{width:100%;max-width:320px}
    
    /* Footer */
    .footer{padding:40px 0 20px}
    .footer__grid{grid-template-columns:1fr;gap:24px}
    .footer__col{text-align:center}
    
    /* Page Header */
    .page-header{padding:28px 0}
    
    /* Product Detail */
    .product-detail__gallery{position:static}
    .product-detail__actions{flex-direction:column}
    .product-detail__actions .btn{width:100%}
    
    /* Blog */
    .blog-grid{grid-template-columns:1fr}
    
    /* About */
    .about-content{grid-template-columns:1fr}
    
    /* Contact */
    .contact-layout{grid-template-columns:1fr}
    
    /* Quote */
    .quote-table-wrapper{font-size:var(--font-size-xs)}
    .quote-table th,.quote-table td{padding:8px}
    
    /* Shipment */
    .shipment-gallery__grid{grid-template-columns:1fr}
    
    /* 404 */
    .page-404{padding:60px 0}
    .page-404__code{font-size:80px}
    .page-404__actions{flex-direction:column}
    .page-404__actions .btn{width:100%}
    
    /* WhatsApp Float */
    .whatsapp-float{bottom:16px;right:16px;width:48px;height:48px}
    
    /* Pagination */
    .pagination__link{min-width:36px;height:36px;padding:0 8px;font-size:var(--font-size-xs)}
}

/* === Desktop: > 1024px === */
@media (min-width: 1025px) {
    .container{padding:0 32px}
}