/* Manual mobile-copy switch.
 * Desktop keeps the original HTML/content; only explicitly authored mobile copies
 * are enabled below 768px.
 */
.mobile-copy {
  display: none !important;
}


/*
 * NAKAJP section-specific mobile optimization
 * Scope: <= 768px only.
 * Strategy: scan-first, no generic content collapse, no generic carousel,
 * no line clamp, no nth-child hiding, no DOM-dependent layout.
 */
@media (max-width: 768px) {
  /* Mobile viewport safety — page shells only. */
  body.page-index,
  body.page-thiet-ke-phong-cach-nhat,
  body.page-thiet-ke-truoc-khi-xay,
  body.page-tranh-phat-sinh-khi-thi-cong,
  body.page-nha-dep-nhung-song-met,
  body.page-nha-bi-toi-bat-tien,
  body.page-vao-o-roi-moi-thay-bat-tien,
  body.page-cong-nang-song-that,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong,
  body.page-thiet-ke-thi-cong-noi-that-nhat-ban,
  body.page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau {
    overflow-x: clip;
  }

  /* =========================================================
     PAGE: index.html — brand home
     ========================================================= */
  .page-index #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-index #hero .hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-index #hero .hero-copy,
  .page-index #hero .hero-panel {
    min-width: 0 !important;
    width: 100% !important;
  }
  .page-index #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-index #hero .lead {
    margin-bottom: 12px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  .page-index #hero .proof-line {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .page-index #hero .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .page-index #hero .hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    white-space: normal !important;
  }
  .page-index #hero .hero-panel {
    padding: 18px !important;
  }
  .page-index #hero .hero-panel ul {
    margin: 12px 0 0 !important;
    padding-left: 20px !important;
  }

  .page-index #about,
  .page-index #foundation,
  .page-index #spirit,
  .page-index #showroom,
  .page-index #team,
  .page-index #nakajp-standard-system,
  .page-index #workflow,
  .page-index #services,
  .page-index #form-dang-ky,
  .page-index #faq {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .page-index #about h2,
  .page-index #foundation h2,
  .page-index #spirit h2,
  .page-index #showroom h2,
  .page-index #team h2,
  .page-index #nakajp-standard-system h2,
  .page-index #workflow h2,
  .page-index #services h2,
  .page-index #form-dang-ky h2,
  .page-index #faq h2 {
    margin-bottom: 14px !important;
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.22 !important;
  }
  .page-index #about .who-layout,
  .page-index #foundation .foundation-layout,
  .page-index #spirit .spirit-layout,
  .page-index #showroom .showroom-layout,
  .page-index #form-dang-ky .form-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .page-index #about .stat-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .page-index #about .stat-card {
    min-width: 0 !important;
    padding: 12px 8px !important;
  }
  .page-index #foundation .value-grid,
  .page-index #team .team-grid,
  .page-index #nakajp-standard-system .premium-standard-grid,
  .page-index #services .service-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .page-index #foundation .value-card,
  .page-index #team .team-card,
  .page-index #nakajp-standard-system .premium-standard-grid article,
  .page-index #services .service-card {
    min-width: 0 !important;
    padding: 18px !important;
  }
  .page-index #foundation details.more-standards {
    margin-top: 18px !important;
  }
  .page-index #foundation details.more-standards > summary {
    cursor: default !important;
    list-style: none !important;
    pointer-events: none !important;
  }
  .page-index #foundation details.more-standards > summary::-webkit-details-marker {
    display: none !important;
  }
  .page-index #foundation details.more-standards > .standard-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }
  .page-index #spirit .pill-grid,
  .page-index #showroom .showroom-facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .page-index #spirit .pill-card,
  .page-index #showroom .showroom-facts > div {
    min-width: 0 !important;
    padding: 14px !important;
  }
  .page-index #team .team-intro {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }
  .page-index #workflow .steps,
  .page-index #workflow details.mobile-more-steps > .steps {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .page-index #workflow .steps > .step {
    display: block !important;
    min-width: 0 !important;
    padding: 16px 18px !important;
  }
  .page-index #workflow details.mobile-more-steps {
    display: block !important;
    margin-top: 12px !important;
  }
  .page-index #workflow details.mobile-more-steps > summary {
    display: none !important;
  }
  .page-index #workflow details.mobile-more-steps > .steps {
    margin-top: 0 !important;
  }
  .page-index #form-dang-ky .lead-form {
    min-width: 0 !important;
    padding: 20px 16px !important;
  }
  .page-index #form-dang-ky .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  /* =========================================================
     PAGE: thiet-ke-phong-cach-nhat.html — LP004
     ========================================================= */
  .page-thiet-ke-phong-cach-nhat #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-thiet-ke-phong-cach-nhat #hero .lp004-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-thiet-ke-phong-cach-nhat #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-thiet-ke-phong-cach-nhat #hero .lp004-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .page-thiet-ke-phong-cach-nhat #hero .lp004-hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
  }
  .page-thiet-ke-phong-cach-nhat #lookbook,
  .page-thiet-ke-phong-cach-nhat #style-fit,
  .page-thiet-ke-phong-cach-nhat #nakajp-standard-system,
  .page-thiet-ke-phong-cach-nhat #style-system,
  .page-thiet-ke-phong-cach-nhat #style-details,
  .page-thiet-ke-phong-cach-nhat #japanese-design-method,
  .page-thiet-ke-phong-cach-nhat #principles,
  .page-thiet-ke-phong-cach-nhat #style-consultation-steps,
  .page-thiet-ke-phong-cach-nhat #faq,
  .page-thiet-ke-phong-cach-nhat #consultation-form {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .page-thiet-ke-phong-cach-nhat #lookbook h2,
  .page-thiet-ke-phong-cach-nhat #style-fit h2,
  .page-thiet-ke-phong-cach-nhat #nakajp-standard-system h2,
  .page-thiet-ke-phong-cach-nhat #style-system h2,
  .page-thiet-ke-phong-cach-nhat #style-details h2,
  .page-thiet-ke-phong-cach-nhat #japanese-design-method h2,
  .page-thiet-ke-phong-cach-nhat #principles h2,
  .page-thiet-ke-phong-cach-nhat #style-consultation-steps h2,
  .page-thiet-ke-phong-cach-nhat #faq h2,
  .page-thiet-ke-phong-cach-nhat #consultation-form h2 {
    margin-bottom: 14px !important;
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.22 !important;
  }
  .page-thiet-ke-phong-cach-nhat #lookbook .lp004-lookbook,
  .page-thiet-ke-phong-cach-nhat #style-fit .lp004-fit-grid,
  .page-thiet-ke-phong-cach-nhat #nakajp-standard-system .premium-standard-grid,
  .page-thiet-ke-phong-cach-nhat #style-system .lp004-style-system-grid,
  .page-thiet-ke-phong-cach-nhat #principles .lp004-principles-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .page-thiet-ke-phong-cach-nhat #style-details .lp004-selector-panel__layout,
  .page-thiet-ke-phong-cach-nhat #japanese-design-method .lp004-editorial-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-thiet-ke-phong-cach-nhat #style-details .lp004-selector-panel,
  .page-thiet-ke-phong-cach-nhat #style-details .lp004-selector-panel__media,
  .page-thiet-ke-phong-cach-nhat #style-details .lp004-selector-panel__content {
    min-width: 0 !important;
    width: 100% !important;
  }
  .page-thiet-ke-phong-cach-nhat #style-consultation-steps .lp004-process-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .page-thiet-ke-phong-cach-nhat #consultation-form .lead-form-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .page-thiet-ke-phong-cach-nhat #consultation-form .lead-form {
    min-width: 0 !important;
    padding: 20px 16px !important;
  }
  .page-thiet-ke-phong-cach-nhat #consultation-form .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  /* =========================================================
     PAGES: LP003A / LP003B / LP003C — explicit section rules
     ========================================================= */
  .page-thiet-ke-truoc-khi-xay #hero,
  .page-tranh-phat-sinh-khi-thi-cong #hero,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-thiet-ke-truoc-khi-xay #hero .hero-content,
  .page-tranh-phat-sinh-khi-thi-cong #hero .hero-content,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero .hero-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .page-thiet-ke-truoc-khi-xay #hero h1,
  .page-tranh-phat-sinh-khi-thi-cong #hero h1,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-thiet-ke-truoc-khi-xay #hero .hero-list,
  .page-tranh-phat-sinh-khi-thi-cong #hero .hero-list,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero .hero-list {
    margin: 14px 0 !important;
    padding-left: 20px !important;
  }
  .page-thiet-ke-truoc-khi-xay #hero .btn,
  .page-tranh-phat-sinh-khi-thi-cong #hero .btn,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero .btn {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
  }

  .page-thiet-ke-truoc-khi-xay #daily-situations,
  .page-thiet-ke-truoc-khi-xay #pain,
  .page-thiet-ke-truoc-khi-xay #wrong-start-risk,
  .page-thiet-ke-truoc-khi-xay #solution,
  .page-thiet-ke-truoc-khi-xay #workflow,
  .page-thiet-ke-truoc-khi-xay #case,
  .page-thiet-ke-truoc-khi-xay #strengths,
  .page-thiet-ke-truoc-khi-xay #situation-proof,
  .page-thiet-ke-truoc-khi-xay #faq-noi-that,
  .page-thiet-ke-truoc-khi-xay #form,
  .page-tranh-phat-sinh-khi-thi-cong #missing-quote-items,
  .page-tranh-phat-sinh-khi-thi-cong #pain,
  .page-tranh-phat-sinh-khi-thi-cong #three-extra-cost-types,
  .page-tranh-phat-sinh-khi-thi-cong #extra-cost-check-layers,
  .page-tranh-phat-sinh-khi-thi-cong #nakajp-standard-system,
  .page-tranh-phat-sinh-khi-thi-cong #solution,
  .page-tranh-phat-sinh-khi-thi-cong #workflow,
  .page-tranh-phat-sinh-khi-thi-cong #case,
  .page-tranh-phat-sinh-khi-thi-cong #strengths,
  .page-tranh-phat-sinh-khi-thi-cong #why-not-start-with-quote,
  .page-tranh-phat-sinh-khi-thi-cong #situation-proof,
  .page-tranh-phat-sinh-khi-thi-cong #faq-noi-that,
  .page-tranh-phat-sinh-khi-thi-cong #form,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #missing-quote-items,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-standard-table,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-material-standard,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-risk,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #workflow,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #case,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #strengths,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #why-not-start-with-quote,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #situation-proof,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #faq-noi-that,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #form {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .page-thiet-ke-truoc-khi-xay #daily-situations .nakajp-depth-grid,
  .page-thiet-ke-truoc-khi-xay #pain .grid-3,
  .page-thiet-ke-truoc-khi-xay #wrong-start-risk .nakajp-depth-grid,
  .page-thiet-ke-truoc-khi-xay #solution .grid-4,
  .page-thiet-ke-truoc-khi-xay #case .risk-check-grid,
  .page-thiet-ke-truoc-khi-xay #strengths .grid-3,
  .page-tranh-phat-sinh-khi-thi-cong #missing-quote-items .nakajp-depth-grid,
  .page-tranh-phat-sinh-khi-thi-cong #pain .grid-3,
  .page-tranh-phat-sinh-khi-thi-cong #three-extra-cost-types .nakajp-depth-grid,
  .page-tranh-phat-sinh-khi-thi-cong #extra-cost-check-layers .nakajp-depth-grid,
  .page-tranh-phat-sinh-khi-thi-cong #nakajp-standard-system .premium-standard-grid,
  .page-tranh-phat-sinh-khi-thi-cong #solution .grid-4,
  .page-tranh-phat-sinh-khi-thi-cong #case .risk-check-grid,
  .page-tranh-phat-sinh-khi-thi-cong #strengths .grid-3,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #missing-quote-items .lp003c-spec-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system .premium-standard-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-standard-table .nakajp-depth-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-material-standard .nakajp-depth-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-risk .nakajp-depth-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #case .risk-check-grid,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #strengths .grid-3 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .page-thiet-ke-truoc-khi-xay #pain .card,
  .page-thiet-ke-truoc-khi-xay #solution .card,
  .page-thiet-ke-truoc-khi-xay #case .card,
  .page-thiet-ke-truoc-khi-xay #strengths .card,
  .page-tranh-phat-sinh-khi-thi-cong #pain .card,
  .page-tranh-phat-sinh-khi-thi-cong #solution .card,
  .page-tranh-phat-sinh-khi-thi-cong #case .card,
  .page-tranh-phat-sinh-khi-thi-cong #strengths .card,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #case .card,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #strengths .card {
    min-width: 0 !important;
    padding: 18px !important;
  }
  .page-thiet-ke-truoc-khi-xay #workflow .workflow-timeline,
  .page-tranh-phat-sinh-khi-thi-cong #workflow .workflow-timeline,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #workflow .workflow-timeline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .page-thiet-ke-truoc-khi-xay #workflow .workflow-step,
  .page-tranh-phat-sinh-khi-thi-cong #workflow .workflow-step,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #workflow .workflow-step {
    position: relative !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 16px 18px !important;
    transform: none !important;
  }
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-standard-table .material-sample-table-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .page-thiet-ke-truoc-khi-xay #form .form-box,
  .page-tranh-phat-sinh-khi-thi-cong #form .form-box,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #form .form-box {
    min-width: 0 !important;
    padding: 20px 16px !important;
  }

  /* =========================================================
     PAGES: LP002 family — each section remains full and vertical
     ========================================================= */
  .page-nha-dep-nhung-song-met #hero,
  .page-nha-bi-toi-bat-tien #hero,
  .page-vao-o-roi-moi-thay-bat-tien #hero,
  .page-cong-nang-song-that #hero,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-nha-dep-nhung-song-met #hero .lp002-hero-inner,
  .page-nha-bi-toi-bat-tien #hero .lp002-hero-inner,
  .page-vao-o-roi-moi-thay-bat-tien #hero .lp002-hero-inner,
  .page-cong-nang-song-that #hero .lp002-hero-inner,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #hero .lp002-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-nha-dep-nhung-song-met #hero h1,
  .page-nha-bi-toi-bat-tien #hero h1,
  .page-vao-o-roi-moi-thay-bat-tien #hero h1,
  .page-cong-nang-song-that #hero h1,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-nha-dep-nhung-song-met #hero .lp002-hero-actions,
  .page-nha-bi-toi-bat-tien #hero .lp002-hero-actions,
  .page-vao-o-roi-moi-thay-bat-tien #hero .lp002-hero-actions,
  .page-cong-nang-song-that #hero .lp002-hero-actions,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #hero .lp002-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .page-nha-dep-nhung-song-met #hero .lp002-hero-actions .btn,
  .page-nha-bi-toi-bat-tien #hero .lp002-hero-actions .btn,
  .page-vao-o-roi-moi-thay-bat-tien #hero .lp002-hero-actions .btn,
  .page-cong-nang-song-that #hero .lp002-hero-actions .btn,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #hero .lp002-hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
  }

  .page-nha-dep-nhung-song-met #pain,
  .page-nha-dep-nhung-song-met #render-is-not-enough,
  .page-nha-dep-nhung-song-met #reason,
  .page-nha-dep-nhung-song-met #method,
  .page-nha-dep-nhung-song-met #fit,
  .page-nha-dep-nhung-song-met #process,
  .page-nha-dep-nhung-song-met #proof,
  .page-nha-dep-nhung-song-met #situation-proof,
  .page-nha-dep-nhung-song-met #faq,
  .page-nha-dep-nhung-song-met #lead-form,
  .page-nha-bi-toi-bat-tien #pain,
  .page-nha-bi-toi-bat-tien #dark-stuffy-causes,
  .page-nha-bi-toi-bat-tien #reason,
  .page-nha-bi-toi-bat-tien #method,
  .page-nha-bi-toi-bat-tien #fit,
  .page-nha-bi-toi-bat-tien #process,
  .page-nha-bi-toi-bat-tien #proof,
  .page-nha-bi-toi-bat-tien #situation-proof,
  .page-nha-bi-toi-bat-tien #faq,
  .page-nha-bi-toi-bat-tien #lead-form,
  .page-vao-o-roi-moi-thay-bat-tien #pain,
  .page-vao-o-roi-moi-thay-bat-tien #pre-check-before-final,
  .page-vao-o-roi-moi-thay-bat-tien #reason,
  .page-vao-o-roi-moi-thay-bat-tien #method,
  .page-vao-o-roi-moi-thay-bat-tien #fit,
  .page-vao-o-roi-moi-thay-bat-tien #process,
  .page-vao-o-roi-moi-thay-bat-tien #proof,
  .page-vao-o-roi-moi-thay-bat-tien #situation-proof,
  .page-vao-o-roi-moi-thay-bat-tien #faq,
  .page-vao-o-roi-moi-thay-bat-tien #lead-form,
  .page-cong-nang-song-that #pain,
  .page-cong-nang-song-that #function-not-more,
  .page-cong-nang-song-that #reason,
  .page-cong-nang-song-that #nakajp-standard-system,
  .page-cong-nang-song-that #method,
  .page-cong-nang-song-that #fit,
  .page-cong-nang-song-that #process,
  .page-cong-nang-song-that #proof,
  .page-cong-nang-song-that #maintenance-environment,
  .page-cong-nang-song-that #situation-proof,
  .page-cong-nang-song-that #faq,
  .page-cong-nang-song-that #lead-form,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #pain,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #gap-map,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #nakajp-standard-system,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #experience-check,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #when-check,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #functional-living,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #faq,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #lead-form {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .page-nha-dep-nhung-song-met #pain .lp002-signs-layout,
  .page-nha-dep-nhung-song-met #render-is-not-enough .nakajp-depth-grid,
  .page-nha-dep-nhung-song-met #reason .lp002-friction-grid,
  .page-nha-dep-nhung-song-met #method .lp002-method-steps,
  .page-nha-dep-nhung-song-met #fit .lp002-fit-grid,
  .page-nha-dep-nhung-song-met #process .process-grid,
  .page-nha-bi-toi-bat-tien #pain .lp002-diagnostic-hero,
  .page-nha-bi-toi-bat-tien #dark-stuffy-causes .nakajp-depth-grid,
  .page-nha-bi-toi-bat-tien #reason .lp002-system-grid,
  .page-nha-bi-toi-bat-tien #method .lp002-method-steps,
  .page-nha-bi-toi-bat-tien #fit .lp002-fit-grid,
  .page-nha-bi-toi-bat-tien #process .process-grid,
  .page-vao-o-roi-moi-thay-bat-tien #pre-check-before-final .nakajp-depth-grid,
  .page-vao-o-roi-moi-thay-bat-tien #method .lp002-method-steps,
  .page-vao-o-roi-moi-thay-bat-tien #fit .lp002-fit-grid,
  .page-vao-o-roi-moi-thay-bat-tien #process .process-grid,
  .page-cong-nang-song-that #pain .lp002-signs-layout,
  .page-cong-nang-song-that #function-not-more .nakajp-depth-grid,
  .page-cong-nang-song-that #reason .lp002-map-grid,
  .page-cong-nang-song-that #nakajp-standard-system .premium-standard-grid,
  .page-cong-nang-song-that #method .lp002-method-steps,
  .page-cong-nang-song-that #fit .lp002-fit-grid,
  .page-cong-nang-song-that #process .process-grid,
  .page-cong-nang-song-that #maintenance-environment .nakajp-depth-grid,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #pain .lp002d-two-col,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #gap-map .lp002d-gap-grid,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #nakajp-standard-system .premium-standard-grid,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method .lp002d-method-panel,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #when-check .lp002d-two-col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .page-nha-dep-nhung-song-met #proof .lp002-trust-items,
  .page-nha-bi-toi-bat-tien #proof .lp002-trust-items,
  .page-vao-o-roi-moi-thay-bat-tien #proof .lp002-trust-items,
  .page-cong-nang-song-that #proof .lp002-trust-items,
  .page-nha-dep-nhung-song-met #situation-proof .jp-situation-proof__grid,
  .page-nha-bi-toi-bat-tien #situation-proof .jp-situation-proof__grid,
  .page-vao-o-roi-moi-thay-bat-tien #situation-proof .jp-situation-proof__grid,
  .page-cong-nang-song-that #situation-proof .jp-situation-proof__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #experience-check .lp002d-experience-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #experience-check .lp002d-experience-strip article {
    min-width: 0 !important;
    padding: 14px !important;
  }
  .page-nha-dep-nhung-song-met #lead-form .lead-form-wrap,
  .page-nha-bi-toi-bat-tien #lead-form .lead-form-wrap,
  .page-vao-o-roi-moi-thay-bat-tien #lead-form .lead-form-wrap,
  .page-cong-nang-song-that #lead-form .lead-form-wrap,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #lead-form .lead-form-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .page-nha-dep-nhung-song-met #lead-form .lead-form,
  .page-nha-bi-toi-bat-tien #lead-form .lead-form,
  .page-vao-o-roi-moi-thay-bat-tien #lead-form .lead-form,
  .page-cong-nang-song-that #lead-form .lead-form,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #lead-form .lead-form {
    min-width: 0 !important;
    padding: 20px 16px !important;
  }
  .page-nha-dep-nhung-song-met #lead-form .form-grid,
  .page-nha-bi-toi-bat-tien #lead-form .form-grid,
  .page-vao-o-roi-moi-thay-bat-tien #lead-form .form-grid,
  .page-cong-nang-song-that #lead-form .form-grid,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #lead-form .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  /* =========================================================
     PAGE: thiet-ke-thi-cong-noi-that-nhat-ban.html
     ========================================================= */
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero .hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero .hero-copy {
    margin-left: 0 !important;
    transform: none !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #hero .hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service-scope,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service-situations,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #consultation-boundary,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #nakajp-standard-system,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #interior-japan,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #fit-vietnam,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #zero-gap,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #construction-control,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #why-not-start-with-quote,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #faq,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #form-dang-ky {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service-scope .nakajp-depth-grid,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service-situations .nakajp-depth-grid,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #consultation-boundary .nakajp-depth-grid,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #nakajp-standard-system .premium-standard-grid,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #service .service-list,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #construction-control .nakajp-depth-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-grid,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #zero-gap .zero-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #zero-gap .zero-card {
    min-width: 0 !important;
    padding: 14px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #form-dang-ky .form-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #form-dang-ky .lead-form {
    min-width: 0 !important;
    padding: 20px 16px !important;
  }
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #form-dang-ky .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  /* =========================================================
     PAGE: dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau.html
     The most complex page: remove mobile overlap without moving DOM.
     ========================================================= */
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero {
    min-height: 0 !important;
    padding: 30px 0 38px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .hero-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .hero-bg {
    inset: 0 !important;
    width: 100% !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .hero-copy,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .director-intro {
    min-width: 0 !important;
    width: 100% !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.16 !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .director-intro {
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #hero .photo-cutout {
    display: block !important;
    max-width: 100% !important;
    max-height: 290px !important;
    object-fit: contain !important;
  }

  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #question,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #problem,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #nakajp-standard-system,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #service,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #scope,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #missing-quote-items,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #closing,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #fit,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #process,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #faq,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #why-not-start-with-quote,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #form {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #question .two-person-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .reason-explain-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .reason-explain-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .reason-explain-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .reason-explain-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #scope .scope-outcome-grid,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #closing .next-step-cards,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #fit .fit-columns,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #process .process-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #form .form-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .reason-copy-card,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .reason-copy-card,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .reason-copy-card,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .reason-copy-card,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .reason-visual-panel,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .reason-visual-panel,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .reason-visual-panel,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .reason-visual-panel {
    position: relative !important;
    inset: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .reason-number-floating,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .reason-number-floating,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .reason-number-floating,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .reason-number-floating {
    position: static !important;
    display: inline-flex !important;
    margin: 0 0 12px !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .reason-avatar,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .reason-avatar,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .reason-avatar,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .reason-avatar {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: min(150px, 48vw) !important;
    height: auto !important;
    margin: 14px auto 0 !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-01 .quote-sheet,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-02 .material-tier,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-03 .timeline-step,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #reason-04 .quote-document-scan {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #problem .quote-stack-visual {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #problem .mini-quote-doc {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #nakajp-standard-system .premium-standard-grid,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #missing-quote-items .nakajp-depth-grid,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #process .process-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #service .service-announcement-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #service .service-announcement-card,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #scope .scope-outcome-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #closing .next-step-layout,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #fit .fit-layout {
    min-width: 0 !important;
    width: 100% !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #process .process-photo-card {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    transform: none !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #form .lead-form {
    min-width: 0 !important;
    width: 100% !important;
    padding: 20px 16px !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau .mobile-menu-panel {
    max-height: calc(100dvh - 88px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau .mobile-menu-panel a {
    display: flex !important;
  }

  /* =========================================================
     Shared form control ergonomics — explicit page/form scopes
     ========================================================= */
  .page-index #contactForm input:not([type="hidden"]),
  .page-index #contactForm select,
  .page-thiet-ke-phong-cach-nhat #leadForm input:not([type="hidden"]),
  .page-thiet-ke-phong-cach-nhat #leadForm select,
  .page-thiet-ke-truoc-khi-xay #contactForm input:not([type="hidden"]),
  .page-thiet-ke-truoc-khi-xay #contactForm select,
  .page-tranh-phat-sinh-khi-thi-cong #contactForm input:not([type="hidden"]),
  .page-tranh-phat-sinh-khi-thi-cong #contactForm select,
  .page-nha-dep-nhung-song-met #leadForm input:not([type="hidden"]),
  .page-nha-dep-nhung-song-met #leadForm select,
  .page-nha-bi-toi-bat-tien #leadForm input:not([type="hidden"]),
  .page-nha-bi-toi-bat-tien #leadForm select,
  .page-vao-o-roi-moi-thay-bat-tien #leadForm input:not([type="hidden"]),
  .page-vao-o-roi-moi-thay-bat-tien #leadForm select,
  .page-cong-nang-song-that #leadForm input:not([type="hidden"]),
  .page-cong-nang-song-that #leadForm select,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #leadForm input:not([type="hidden"]),
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #leadForm select,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #contactForm input:not([type="hidden"]),
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #contactForm select,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #contactForm input:not([type="hidden"]),
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #contactForm select,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #leadForm input:not([type="hidden"]),
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #leadForm select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    font-size: 16px !important;
  }
  .page-index #contactForm textarea,
  .page-thiet-ke-phong-cach-nhat #leadForm textarea,
  .page-thiet-ke-truoc-khi-xay #contactForm textarea,
  .page-tranh-phat-sinh-khi-thi-cong #contactForm textarea,
  .page-nha-dep-nhung-song-met #leadForm textarea,
  .page-nha-bi-toi-bat-tien #leadForm textarea,
  .page-vao-o-roi-moi-thay-bat-tien #leadForm textarea,
  .page-cong-nang-song-that #leadForm textarea,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #leadForm textarea,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #contactForm textarea,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #contactForm textarea,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #leadForm textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    font-size: 16px !important;
    resize: vertical !important;
  }
  .page-index #contactForm button[type="submit"],
  .page-thiet-ke-phong-cach-nhat #leadForm button[type="submit"],
  .page-thiet-ke-truoc-khi-xay #contactForm button[type="submit"],
  .page-tranh-phat-sinh-khi-thi-cong #contactForm button[type="submit"],
  .page-nha-dep-nhung-song-met #leadForm button[type="submit"],
  .page-nha-bi-toi-bat-tien #leadForm button[type="submit"],
  .page-vao-o-roi-moi-thay-bat-tien #leadForm button[type="submit"],
  .page-cong-nang-song-that #leadForm button[type="submit"],
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #leadForm button[type="submit"],
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #contactForm button[type="submit"],
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #contactForm button[type="submit"],
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #leadForm button[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    white-space: normal !important;
  }

  /* =========================================================
     FAQ only: native accordion remains the sole collapsed content.
     ========================================================= */
  .page-index #faq summary,
  .page-thiet-ke-phong-cach-nhat #faq summary,
  .page-thiet-ke-truoc-khi-xay #faq-noi-that summary,
  .page-tranh-phat-sinh-khi-thi-cong #faq-noi-that summary,
  .page-nha-dep-nhung-song-met #faq summary,
  .page-nha-bi-toi-bat-tien #faq summary,
  .page-vao-o-roi-moi-thay-bat-tien #faq summary,
  .page-cong-nang-song-that #faq summary,
  .page-zero-gap-thiet-ke-khong-lech-thuc-te #faq summary,
  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #faq-noi-that summary,
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #faq summary,
  .page-dich-vu-tu-van-tham-dinh-bao-gia-chuyen-sau #faq summary {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    cursor: pointer !important;
    line-height: 1.45 !important;
  }
}


@media (max-width: 768px) {
  /* Explicit scope: Ads landing pages with manually authored compact copy. */
  body.page-thiet-ke-truoc-khi-xay .desktop-copy,
  body.page-tranh-phat-sinh-khi-thi-cong .desktop-copy,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .desktop-copy,
  body.page-nha-dep-nhung-song-met .desktop-copy,
  body.page-nha-bi-toi-bat-tien .desktop-copy,
  body.page-vao-o-roi-moi-thay-bat-tien .desktop-copy,
  body.page-cong-nang-song-that .desktop-copy,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .desktop-copy {
    display: none !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-copy,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-copy,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-copy,
  body.page-nha-dep-nhung-song-met .mobile-copy,
  body.page-nha-bi-toi-bat-tien .mobile-copy,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-copy,
  body.page-cong-nang-song-that .mobile-copy,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-copy {
    display: block !important;
  }

  /* Compact copy component is used only inside the named sections below. */
  body.page-thiet-ke-truoc-khi-xay .mobile-compact-section,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-section,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-section,
  body.page-nha-dep-nhung-song-met .mobile-compact-section,
  body.page-nha-bi-toi-bat-tien .mobile-compact-section,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-section,
  body.page-cong-nang-song-that .mobile-compact-section,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-section {
    width: min(100% - 32px, 1180px) !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-kicker,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-kicker,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-kicker,
  body.page-nha-dep-nhung-song-met .mobile-compact-kicker,
  body.page-nha-bi-toi-bat-tien .mobile-compact-kicker,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-kicker,
  body.page-cong-nang-song-that .mobile-compact-kicker,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-kicker {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-section h2,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-section h2,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-section h2,
  body.page-nha-dep-nhung-song-met .mobile-compact-section h2,
  body.page-nha-bi-toi-bat-tien .mobile-compact-section h2,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-section h2,
  body.page-cong-nang-song-that .mobile-compact-section h2,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-section h2 {
    max-width: 22ch !important;
    margin: 0 0 12px !important;
    font-size: clamp(24px, 7vw, 29px) !important;
    line-height: 1.2 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-intro,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-intro,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-intro,
  body.page-nha-dep-nhung-song-met .mobile-compact-intro,
  body.page-nha-bi-toi-bat-tien .mobile-compact-intro,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-intro,
  body.page-cong-nang-song-that .mobile-compact-intro,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-intro {
    margin: 0 0 14px !important;
    max-width: 42ch !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-list,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-list,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-list,
  body.page-nha-dep-nhung-song-met .mobile-compact-list,
  body.page-nha-bi-toi-bat-tien .mobile-compact-list,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-list,
  body.page-cong-nang-song-that .mobile-compact-list,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-list li,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-list li,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-list li,
  body.page-nha-dep-nhung-song-met .mobile-compact-list li,
  body.page-nha-bi-toi-bat-tien .mobile-compact-list li,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-list li,
  body.page-cong-nang-song-that .mobile-compact-list li,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-list li {
    position: relative !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 12px 38px !important;
    border: 1px solid rgba(96, 74, 42, .14) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .76) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-list li::before,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-list li::before,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-list li::before,
  body.page-nha-dep-nhung-song-met .mobile-compact-list li::before,
  body.page-nha-bi-toi-bat-tien .mobile-compact-list li::before,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-list li::before,
  body.page-cong-nang-song-that .mobile-compact-list li::before,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-compact-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 12px !important;
    font-weight: 800 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-steps,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-steps,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-steps,
  body.page-nha-dep-nhung-song-met .mobile-compact-steps,
  body.page-nha-bi-toi-bat-tien .mobile-compact-steps,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-steps,
  body.page-cong-nang-song-that .mobile-compact-steps {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: mobile-step !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-steps li,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-steps li,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-steps li,
  body.page-nha-dep-nhung-song-met .mobile-compact-steps li,
  body.page-nha-bi-toi-bat-tien .mobile-compact-steps li,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-steps li,
  body.page-cong-nang-song-that .mobile-compact-steps li {
    counter-increment: mobile-step !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(96, 74, 42, .14) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .76) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-compact-steps li::before,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-compact-steps li::before,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-compact-steps li::before,
  body.page-nha-dep-nhung-song-met .mobile-compact-steps li::before,
  body.page-nha-bi-toi-bat-tien .mobile-compact-steps li::before,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-compact-steps li::before,
  body.page-cong-nang-song-that .mobile-compact-steps li::before {
    content: counter(mobile-step, decimal-leading-zero) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
  }

  /* Page-specific section rhythm: only sections with authored mobile copy. */
  body.page-thiet-ke-truoc-khi-xay #daily-situations,
  body.page-thiet-ke-truoc-khi-xay #pain,
  body.page-thiet-ke-truoc-khi-xay #wrong-start-risk,
  body.page-thiet-ke-truoc-khi-xay #solution,
  body.page-thiet-ke-truoc-khi-xay #workflow,
  body.page-tranh-phat-sinh-khi-thi-cong #missing-quote-items,
  body.page-tranh-phat-sinh-khi-thi-cong #pain,
  body.page-tranh-phat-sinh-khi-thi-cong #three-extra-cost-types,
  body.page-tranh-phat-sinh-khi-thi-cong #extra-cost-check-layers,
  body.page-tranh-phat-sinh-khi-thi-cong #solution,
  body.page-tranh-phat-sinh-khi-thi-cong #workflow,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #missing-quote-items,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-standard-table,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-risk,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #workflow,
  body.page-nha-dep-nhung-song-met #pain,
  body.page-nha-dep-nhung-song-met #render-is-not-enough,
  body.page-nha-dep-nhung-song-met #reason,
  body.page-nha-dep-nhung-song-met #method,
  body.page-nha-dep-nhung-song-met #process,
  body.page-nha-bi-toi-bat-tien #pain,
  body.page-nha-bi-toi-bat-tien #dark-stuffy-causes,
  body.page-nha-bi-toi-bat-tien #reason,
  body.page-nha-bi-toi-bat-tien #method,
  body.page-nha-bi-toi-bat-tien #process,
  body.page-vao-o-roi-moi-thay-bat-tien #pain,
  body.page-vao-o-roi-moi-thay-bat-tien #pre-check-before-final,
  body.page-vao-o-roi-moi-thay-bat-tien #reason,
  body.page-vao-o-roi-moi-thay-bat-tien #method,
  body.page-vao-o-roi-moi-thay-bat-tien #process,
  body.page-cong-nang-song-that #pain,
  body.page-cong-nang-song-that #function-not-more,
  body.page-cong-nang-song-that #reason,
  body.page-cong-nang-song-that #method,
  body.page-cong-nang-song-that #fit,
  body.page-cong-nang-song-that #process,
  body.page-cong-nang-song-that #maintenance-environment,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #pain,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #gap-map,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #method,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #functional-living {
    min-height: 0 !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  /* Manual mobile hero copy. */
  body.page-thiet-ke-truoc-khi-xay #hero,
  body.page-tranh-phat-sinh-khi-thi-cong #hero,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero {
    min-height: 0 !important;
    padding-top: 22px !important;
    padding-bottom: 30px !important;
  }

  body.page-thiet-ke-truoc-khi-xay #hero .mobile-hero-title,
  body.page-tranh-phat-sinh-khi-thi-cong #hero .mobile-hero-title,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero .mobile-hero-title {
    margin: 10px 0 12px !important;
    max-width: 19ch !important;
    font-size: clamp(29px, 8vw, 34px) !important;
    line-height: 1.12 !important;
  }

  body.page-thiet-ke-truoc-khi-xay #hero .mobile-hero-lead,
  body.page-tranh-phat-sinh-khi-thi-cong #hero .mobile-hero-lead,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong #hero .mobile-hero-lead,
  body.page-nha-dep-nhung-song-met #hero .mobile-hero-lead,
  body.page-nha-bi-toi-bat-tien #hero .mobile-hero-lead,
  body.page-vao-o-roi-moi-thay-bat-tien #hero .mobile-hero-lead,
  body.page-cong-nang-song-that #hero .mobile-hero-lead,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #hero .mobile-hero-lead {
    margin: 0 0 14px !important;
    max-width: 42ch !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
  }

  body.page-nha-dep-nhung-song-met #hero .mobile-hero-note,
  body.page-nha-bi-toi-bat-tien #hero .mobile-hero-note,
  body.page-vao-o-roi-moi-thay-bat-tien #hero .mobile-hero-note,
  body.page-cong-nang-song-that #hero .mobile-hero-note,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te #hero .mobile-hero-note {
    margin-top: 12px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  /* Directly-authored early CTA; no JavaScript clone or DOM movement. */
  body.page-thiet-ke-truoc-khi-xay .mobile-early-cta,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-early-cta,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-early-cta,
  body.page-nha-dep-nhung-song-met .mobile-early-cta,
  body.page-nha-bi-toi-bat-tien .mobile-early-cta,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-early-cta,
  body.page-cong-nang-song-that .mobile-early-cta,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-early-cta {
    padding: 22px 0 !important;
    background: #20251f !important;
    color: #fff !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-early-cta-inner,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-early-cta-inner,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-early-cta-inner,
  body.page-nha-dep-nhung-song-met .mobile-early-cta-inner,
  body.page-nha-bi-toi-bat-tien .mobile-early-cta-inner,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-early-cta-inner,
  body.page-cong-nang-song-that .mobile-early-cta-inner,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-early-cta-inner {
    width: min(100% - 32px, 1180px) !important;
    margin-inline: auto !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-early-cta p,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-early-cta p,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-early-cta p,
  body.page-nha-dep-nhung-song-met .mobile-early-cta p,
  body.page-nha-bi-toi-bat-tien .mobile-early-cta p,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-early-cta p,
  body.page-cong-nang-song-that .mobile-early-cta p,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-early-cta p {
    margin: 0 0 12px !important;
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.page-thiet-ke-truoc-khi-xay .mobile-early-cta-button,
  body.page-tranh-phat-sinh-khi-thi-cong .mobile-early-cta-button,
  body.page-vat-lieu-ro-rang-truoc-khi-thi-cong .mobile-early-cta-button,
  body.page-nha-dep-nhung-song-met .mobile-early-cta-button,
  body.page-nha-bi-toi-bat-tien .mobile-early-cta-button,
  body.page-vao-o-roi-moi-thay-bat-tien .mobile-early-cta-button,
  body.page-cong-nang-song-that .mobile-early-cta-button,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .mobile-early-cta-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 16px !important;
    white-space: normal !important;
    text-align: center !important;
  }


  /* Page-specific mobile action labels: allow wrapping without clipping. */
  body.page-thiet-ke-phong-cach-nhat .nakajp-mobile-actions__primary,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .nakajp-mobile-actions__primary,
  body.page-thiet-ke-thi-cong-noi-that-nhat-ban .nakajp-mobile-actions__primary {
    min-height: 48px !important;
    height: auto !important;
    padding: 10px 12px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }


  body.page-thiet-ke-phong-cach-nhat .nakajp-mobile-actions,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .nakajp-mobile-actions,
  body.page-thiet-ke-thi-cong-noi-that-nhat-ban .nakajp-mobile-actions {
    height: auto !important;
    min-height: 72px !important;
    align-items: stretch !important;
  }

  body.page-thiet-ke-phong-cach-nhat .nakajp-mobile-actions__primary,
  body.page-zero-gap-thiet-ke-khong-lech-thuc-te .nakajp-mobile-actions__primary,
  body.page-thiet-ke-thi-cong-noi-that-nhat-ban .nakajp-mobile-actions__primary {
    min-height: 56px !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 14.5px !important;
    line-height: 1.2 !important;
    padding: 8px 10px !important;
  }
}