/* ============================================
   读见太极 - 响应式断点 (responsive.css)
   桌面优先，依次收敛：1200 / 1024 / 768 / 480
   ============================================ */

@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 32px;
    }

    .footer-col:nth-child(4),
    .footer-col:nth-child(5) {
        grid-column: span 1;
    }
}

@media (max-width: 1024px) {
    .peak-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .peak-visual {
        order: -1;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-card-featured {
        grid-column: span 2;
    }

    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        display: none;
    }

    .product-layout {
        grid-template-columns: 1fr;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-top {
        display: none;
    }

    .main-nav {
        display: none;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .section {
        padding: var(--spacing-xxl) 0;
    }

    .section-title {
        font-size: 28px;
    }

    .section-desc {
        font-size: 14px;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-card-featured {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }

    .blog-card-featured .blog-card-img {
        min-height: 200px;
    }

    .cta-grid {
        grid-template-columns: 1fr;
    }

    .philosophy-quote blockquote p {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-bottom-inner {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .page-header {
        padding: 120px 0 40px;
    }

    .page-header h1 {
        font-size: 24px;
    }

    .tab-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-btn {
        padding: 12px 18px;
        font-size: 14px;
        white-space: nowrap;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .about-content-grid {
        grid-template-columns: 1fr;
    }

    .related-grid {
        grid-template-columns: 1fr;
    }

    .product-main-img {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 24px;
        letter-spacing: 2px;
    }
}

@media (max-width: 480px) {
    }