.article-resources { margin-top: 28px; padding-top: 18px; border-top: 1px solid #d9dfe3; }
.article-resources h2 { font-size: 18px; line-height: 1.5; margin: 0 0 8px; }
.article-resources p { margin: 0; }
.news-detail-content img, .product-detail-content img { max-width: 100%; height: auto; }
.news-detail-content, .product-detail-content { overflow-wrap: anywhere; }
.news-detail-content table, .product-detail-content table { width: 100%; table-layout: fixed; }
.news-detail-content th, .news-detail-content td, .product-detail-content th, .product-detail-content td { overflow-wrap: anywhere; }
.news-detail-content table, .product-detail-content table { border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.news-detail-content th, .news-detail-content td, .product-detail-content th, .product-detail-content td { border: 1px solid #d9dfe3; padding: 10px 12px; vertical-align: top; text-align: left; }
.news-detail-content th, .product-detail-content th { background: #f3f6f7; font-weight: 600; }
.news-detail-content th:first-child, .news-detail-content td:first-child, .product-detail-content th:first-child, .product-detail-content td:first-child { width: 16%; }
@media (max-width: 768px) {
    .header .container { width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
    .header .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) 40px 40px; gap: 10px; height: 64px; align-items: center; }
    .header .logo { grid-column: 1; grid-row: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
    .header .logo-img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
    .header .logo-text, .header .logo-text span { min-width: 0; font-size: 16px !important; letter-spacing: 0; line-height: 1.3; white-space: nowrap; }
    .header .logo-text { display: block; overflow: hidden; text-overflow: ellipsis; }
    .header .nav { display: contents; }
    .header .nav-phone-wrap { grid-column: 2; grid-row: 1; width: 40px; min-width: 0; margin: 0; }
    .header .header-inner .nav-phone-wrap .nav-phone { width: 40px; height: 40px; padding: 0; font-size: 0 !important; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
    .header .header-inner .nav-phone-wrap .nav-phone .fa { display: inline-block; margin: 0; font-size: 20px !important; }
    .header .nav-phone-qr { display: none !important; }
    .header .nav-toggle { grid-column: 3; grid-row: 1; display: flex; width: 40px; height: 40px; padding: 9px; margin: 0; flex: none; justify-content: center; }
    .header .nav-toggle span { width: 22px; flex: none; }
    .header .nav-list { display: none !important; position: fixed; top: 64px; left: 0; right: 0; width: auto; max-height: calc(100dvh - 64px); overflow-y: auto; padding: 12px 16px; box-sizing: border-box; }
    .header .nav-list.open { display: flex !important; max-height: calc(100dvh - 64px); }
    .header .nav-list ul { width: 100%; }
    .side-contact { display: none !important; }
    .contact-page-inner, .page-with-sidebar, .product-detail-layout { grid-template-columns: minmax(0, 1fr); }
    .about-page { overflow-x: clip; }
    .about-page-intro { grid-template-columns: minmax(0, 1fr); }
    .about-page-image { width: 100%; max-width: 550px; height: auto; aspect-ratio: 5 / 4; box-sizing: border-box; }
    .about-page-text { min-width: 0; }
    .home-contact-layout, .news-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
    .home-contact-layout > div { min-width: 0; box-sizing: border-box; }
    .home-contact-layout img { max-width: 100%; object-fit: contain; }
    .advantages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .news-detail-header h1, .product-detail-title { overflow-wrap: anywhere; }
    .article-resources { margin-top: 20px; }
    .news-detail-content th, .news-detail-content td, .product-detail-content th, .product-detail-content td { padding: 8px 6px; }
}
@media (max-width: 374px) {
    .header .header-inner { gap: 6px; }
    .header .logo-text, .header .logo-text span { font-size: 15px !important; }
    .advantages-grid { grid-template-columns: minmax(0, 1fr) !important; }
}