/* Production integration: CMS content, language navigation and responsive text. */
.language-menu { position: relative; flex-shrink: 0; font-size: .9375rem; }
.language-menu summary { cursor: pointer; list-style: none; min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); font-weight: 500; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-menu summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.language-menu nav { position: absolute; z-index: 30; right: 0; top: calc(100% + 8px); width: 250px; max-width: calc(100vw - 32px); border: 1px solid var(--line); background: #fff; padding: 6px; }
.language-menu nav > * { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; }
.language-menu .language-unavailable { align-items: flex-start; flex-direction: column; gap: 2px; color: var(--muted); cursor: not-allowed; }
.language-unavailable small { font-size: .8125rem; line-height: 1.4; }
.language-menu a:hover, .language-menu [aria-current] { color: var(--blue); background: var(--paper); }
.header-inner { gap: 20px; }
.desktop-nav { gap: 20px; font-size: 1rem; line-height: 1.4; }
.desktop-nav a { font-size: inherit; }
.product-identity .eyebrow { display: block; }
.product-identity h1 { overflow-wrap: anywhere; }
.product-intro > *, .quick-specs > div { min-width: 0; }
.quick-specs dd, .quick-specs dt { overflow-wrap: anywhere; }
.gallery-model { max-width: calc(100% - 44px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lightbox-top { gap: 16px; }
.lightbox-top > span { min-width: 0; overflow-wrap: anywhere; }
.lightbox-top button { flex-shrink: 0; }
.model-tag { white-space: normal; overflow-wrap: anywhere; }
.product-prose { display: flow-root; margin-top: 24px; line-height: 1.8; color: #343d46; overflow-wrap: anywhere; }
.product-prose h2, .product-prose h3, .product-prose h4 { margin: 1.75rem 0 .75rem; font-size: 1.25rem; }
.product-prose p, .product-prose ul, .product-prose ol { margin-bottom: 1rem; }
.product-prose li { margin-bottom: .35rem; }
.product-prose a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.product-prose figure { margin: 1.5rem 0; }
.product-prose img { width: auto; max-width: 100%; max-height: 480px; height: auto; object-fit: contain; margin: 1.5rem auto; }
.product-prose figcaption { text-align: center; font-size: .875rem; color: var(--muted); }
.product-prose .table-scroll { overflow-x: auto; margin: 1.5rem 0; }
.product-prose table { width: 100%; border-collapse: collapse; background: #fff; font-size: .9375rem; }
.product-prose th, .product-prose td { padding: 12px 16px; border: 1px solid var(--line); vertical-align: top; text-align: left; min-width: 120px; }
.product-prose th { background: #e9edf2; }
.product-prose tr:nth-child(even) { background: #f8fafb; }
.product-page .related-products.featured-products .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-page .related-products.featured-products .product-image { height: 168px; }
.product-page .related-products.featured-products .product-body { padding: 16px; }
@media (max-width: 1150px) {
  .header-inner { gap: 14px; }
  .desktop-nav { gap: 14px; }
  .header-cta { max-width: 180px; }
}
@media (max-width: 900px) {
  .product-page .related-products.featured-products .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .header-phone { display: none; }
  .language-menu { margin-left: auto; }
  .product-page .related-products.featured-products .product-image { height: 128px; }
  .product-page .related-products.featured-products .product-body { padding: 12px; }
  .product-page .quick-specs { grid-template-columns: 1fr; padding: 0; }
  .product-page .quick-specs > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .product-page .quick-specs dt { max-width: 45%; white-space: normal; }
  .product-page .quick-specs dd { max-width: 55%; text-align: right; }
  .hero h1 { font-size: clamp(34px, 9vw, 42px); }
  .machine-caption > span { max-width: 100%; white-space: normal; }
  .contact-band .contact-actions { align-items: stretch; }
}

/* Chân trang: slogan + liên kết mạng xã hội lấy từ Cài đặt (chỉ hiện khi đã nhập). */