/* Template layout guard layer.
   Loaded before the sitewide visual safety net on front, page, and project archive templates. */

/* Page-template hero alignment and responsive sizing tokens. */
:root {
  --kp-product-hero-copy-max: 760px;
  --kp-product-hero-top-desktop: clamp(96px, 10vh, 128px);
  --kp-visual-product-hero-top-desktop: clamp(136px, 13vh, 150px);
  --kp-visual-product-hero-bottom-desktop: clamp(88px, 8vh, 104px);
  --kp-product-hero-breadcrumb-top-desktop: clamp(120px, 15.5vh, 156px);
  --kp-product-hero-wide-shift: clamp(96px, 9vh, 128px);
  --kp-product-hero-breadcrumb-top-wide: clamp(300px, 22.5vh, 324px);
  --kp-page-hero-top-desktop: 96px;
  --kp-project-hero-copy-max: 760px;
  --kp-project-hero-visual-max: 420px;
}

/* Page-specific compact hero: co-nhan-tao-cu. */
body.page-template-page-co-nhan-tao-cu .hero {
  min-height: clamp(560px, 64vh, 620px) !important;
}

body.page-template-page-co-nhan-tao-cu .hero-copy {
  padding: 112px 24px 42px !important;
}

body.page-template-page-co-nhan-tao-cu .hero-stats {
  margin: 16px auto !important;
  gap: 12px !important;
}

body.page-template-page-co-nhan-tao-cu .hero-actions {
  margin-top: 18px !important;
}

@media (max-width: 720px) {
  body.page-template-page-co-nhan-tao-cu .hero-copy {
    padding: 78px 24px 28px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero h1 {
    margin-bottom: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-tagline {
    margin-bottom: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-lead {
    margin-bottom: 14px !important;
    line-height: 1.56 !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-actions {
    margin: 0 0 14px !important;
    gap: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-actions .btn {
    min-height: 44px !important;
    padding: 12px 18px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stats {
    gap: 8px !important;
    margin: 14px auto 0 !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stat {
    padding: 12px 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stat-num {
    font-size: 21px !important;
  }
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-cu,
  .page-template-page-dai-ly-ban-si
) .hero {
  justify-content: flex-start !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-cu,
  .page-template-page-dai-ly-ban-si
) .hero-copy {
  width: min(var(--kp-product-hero-copy-max), 100%) !important;
  max-width: var(--kp-product-hero-copy-max) !important;
  margin-left: max(24px, calc((100vw - var(--kp-max, 1280px)) / 2 + 24px)) !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-cu,
  .page-template-page-dai-ly-ban-si
) .hero-lead {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-cu,
  .page-template-page-dai-ly-ban-si
) :is(.hero-actions, .hero-stats, .hero-chips) {
  justify-content: flex-start !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-cu,
  .page-template-page-dai-ly-ban-si
) .hero h1 {
  max-width: var(--kp-product-hero-copy-max) !important;
  text-wrap: balance;
}

@media (min-width: 721px) {
  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.hero, .garden-hero, .golf-hero) {
    align-items: center !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .hero-copy {
    position: static !important;
    padding-top: var(--kp-product-hero-top-desktop) !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .hero-copy > :not(.breadcrumb) {
    position: relative !important;
    z-index: 2 !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) :is(.hero > .breadcrumb, .hero-copy > .breadcrumb) {
    position: absolute !important;
    z-index: 3 !important;
    top: var(--kp-product-hero-breadcrumb-top-desktop) !important;
    left: max(24px, calc((100vw - var(--kp-max, 1280px)) / 2 + 24px)) !important;
    right: auto !important;
    width: fit-content !important;
    max-width: min(var(--kp-product-hero-copy-max), calc(100vw - 48px)) !important;
    margin: 0 !important;
    transform: none !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.garden-hero-copy, .golf-hero-copy) {
    width: min(var(--kp-product-hero-copy-max), 100%) !important;
    max-width: var(--kp-product-hero-copy-max) !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.garden-hero-grid, .golf-hero-grid) {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr) !important;
    gap: 40px !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .hero-lead,
  body:is(
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.garden-hero h1, .garden-hero p, .golf-hero h1, .golf-hero p) {
    max-width: var(--kp-product-hero-copy-max) !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.garden-hero, .golf-hero) {
    padding-top: var(--kp-visual-product-hero-top-desktop) !important;
    padding-bottom: var(--kp-visual-product-hero-bottom-desktop) !important;
  }

  body.page-template-page-lien-he .contact-hero,
  body.page-template-page-tin-tuc .news-hero,
  body.category-du-an .project-hero,
  body.page-template-page-du-an .project-hero {
    align-items: flex-start !important;
  }

  body.category-du-an .kp-project-hero-inner,
  body.page-template-page-du-an .kp-project-hero-inner {
    align-items: start !important;
    grid-template-columns: minmax(0, var(--kp-project-hero-copy-max)) minmax(300px, var(--kp-project-hero-visual-max)) !important;
  }

  body.page-template-page-lien-he .contact-hero .hero-inner,
  body.page-template-page-tin-tuc .news-hero .hero-inner,
  body.category-du-an .kp-project-hero-inner,
  body.page-template-page-du-an .kp-project-hero-inner,
  body.category-du-an .project-hero :is(.hero-grid, .kp-project-hero-inner),
  body.page-template-page-du-an .project-hero :is(.hero-grid, .kp-project-hero-inner) {
    padding-top: var(--kp-page-hero-top-desktop) !important;
  }
}

@media (min-width: 1600px) and (min-height: 1200px) {
  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .hero-copy {
    position: static !important;
    transform: none !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .hero-copy > :not(.breadcrumb) {
    position: relative !important;
    z-index: 2 !important;
    transform: translateY(var(--kp-product-hero-wide-shift)) !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) :is(.hero > .breadcrumb, .hero-copy > .breadcrumb) {
    position: absolute !important;
    z-index: 3 !important;
    top: var(--kp-product-hero-breadcrumb-top-wide) !important;
    left: max(24px, calc((100vw - var(--kp-max, 1280px)) / 2 + 24px)) !important;
    right: auto !important;
    width: fit-content !important;
    max-width: min(var(--kp-product-hero-copy-max), calc(100vw - 48px)) !important;
    margin: 0 !important;
    transform: none !important;
  }
}

body.page-template-page-co-nhan-tao-san-golf .golf-trust {
  display: none !important;
}

body.page-template-page-co-nhan-tao-san-golf .section-updated {
  color: var(--kp-muted, #5d6b61) !important;
}

body.page-template :is(.quote-block, .quote-grid) {
  align-items: stretch !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-form {
  padding: 22px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-container {
  gap: 12px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-label {
  margin-bottom: 6px !important;
  font-size: 12.5px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full :is(input[type=text], input[type=email], input[type=tel], input[type=number], select) {
  min-height: 48px !important;
  padding: 11px 14px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full textarea {
  min-height: 92px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-submit-container {
  margin-top: 12px !important;
}

body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full :is(button[type=submit], .wpforms-submit) {
  min-height: 50px !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) {
  border: 1px solid rgba(10, 107, 47, .12) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), #f9fcf9) !important;
  box-shadow: 0 22px 62px rgba(9, 55, 26, .12) !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full .wpforms-form {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full .wpforms-form::before {
  display: none !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-container {
  gap: 14px !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full :is(input[type=text], input[type=email], input[type=tel], input[type=number], select) {
  min-height: 50px !important;
  border-radius: 13px !important;
}

body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full textarea {
  min-height: 106px !important;
  border-radius: 13px !important;
}

body:is(
  .page-template-page-dai-ly-ban-si,
  .page-template-page-co-nhan-tao-cu
) .quote-section:has(.wpforms-container-full) {
  padding: 72px 0 !important;
  background: radial-gradient(circle at 82% 18%, rgba(255, 201, 40, .16), transparent 28%), linear-gradient(135deg, #042414, var(--kp-dark)) !important;
}

body:is(
  .page-template-page-dai-ly-ban-si,
  .page-template-page-co-nhan-tao-cu
) .quote-section:has(.wpforms-container-full) .quote-grid {
  width: min(var(--kp-max, 1280px), 100%) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  grid-template-columns: minmax(0, 1fr) minmax(460px, 520px) !important;
  gap: 44px !important;
  align-items: center !important;
}

body:is(
  .page-template-page-dai-ly-ban-si,
  .page-template-page-co-nhan-tao-cu
) .quote-section:has(.wpforms-container-full) .quote-left {
  padding: 0 !important;
  max-width: 680px !important;
}

body:is(
  .page-template-page-dai-ly-ban-si,
  .page-template-page-co-nhan-tao-cu
) .quote-section:has(.wpforms-container-full) .quote-right {
  align-self: center !important;
  padding: 32px !important;
  border-radius: 28px !important;
}

body:is(
  .page-template-page-thi-cong-san-bong-co-nhan-tao,
  .page-template-page-thi-cong-san-vuon-co-nhan-tao,
  .page-template-page-thi-cong-san-bong-ro,
  .page-template-page-thi-cong-san-pickleball,
  .page-template-page-thi-cong-duong-chay-dien-kinh,
  .page-template-page-thi-cong-to-hop-san-the-thao,
  .page-template-page-bao-tri-san-co-nhan-tao
) .quote-block:has(.wpforms-container-full) {
  grid-template-columns: minmax(0, 1fr) minmax(440px, 520px) !important;
  align-items: center !important;
  gap: 42px !important;
  padding: 44px !important;
}

body:is(
  .page-template-page-thi-cong-san-bong-co-nhan-tao,
  .page-template-page-thi-cong-san-vuon-co-nhan-tao,
  .page-template-page-thi-cong-san-bong-ro,
  .page-template-page-thi-cong-san-pickleball,
  .page-template-page-thi-cong-duong-chay-dien-kinh,
  .page-template-page-thi-cong-to-hop-san-the-thao,
  .page-template-page-bao-tri-san-co-nhan-tao
) .quote-block:has(.wpforms-container-full) .quote-panel {
  align-self: center !important;
  padding: 30px !important;
  border-radius: 28px !important;
}

body.page-template-page-lien-he .contact-layout {
  align-items: stretch !important;
  gap: 30px !important;
}

body.page-template-page-lien-he .form-panel:has(.wpforms-container-full) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 30px !important;
}

@container (min-width: 420px) {
  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) #wpforms-886-field_5-container,
  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-textarea {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 1101px) {
  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .quote-block {
    grid-template-columns: minmax(0, 1fr) minmax(500px, 520px) !important;
    gap: 36px !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-cu,
    .page-template-page-dai-ly-ban-si
  ) .quote-grid {
    grid-template-columns: minmax(0, 1fr) minmax(500px, 520px) !important;
  }
}

@media (max-width: 720px) {
  :root {
    --kp-mobile-header-height: 68px;
    --kp-mobile-hero-top: 112px;
    --kp-mobile-service-hero-top: 96px;
    --kp-mobile-hero-bottom: 42px;
  }

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .table-wrap,
  .compact-table,
  .discount-table-wrap,
  .compare-table-wrap,
  .garden-table-scroll,
  .golf-table-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-form {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full .wpforms-field-container {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.page-template :is(.quote-panel, .quote-right):has(.wpforms-container-full) div.wpforms-container-full textarea {
    min-height: 92px !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-copy,
  body.page-template-page-co-nhan-tao-cu .hero-copy,
  body.page-template-page-dai-ly-ban-si .hero-copy {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: var(--kp-mobile-hero-top) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: var(--kp-mobile-hero-bottom) !important;
    text-align: left !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero:has(> .hero-breadcrumb),
  body.page-template-page-dai-ly-ban-si .hero:has(> .hero-breadcrumb) {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero > .hero-breadcrumb,
  body.page-template-page-dai-ly-ban-si .hero > .hero-breadcrumb {
    position: relative !important;
    z-index: 2 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    order: 1;
    width: fit-content !important;
    max-width: calc(100vw - 48px) !important;
    margin: var(--kp-mobile-hero-top) 24px 12px !important;
    transform: none !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero:has(> .hero-breadcrumb) .hero-copy,
  body.page-template-page-dai-ly-ban-si .hero:has(> .hero-breadcrumb) .hero-copy {
    order: 2;
    padding-top: 16px !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .breadcrumb,
  body.page-template-page-co-nhan-tao-cu .breadcrumb,
  body.page-template-page-dai-ly-ban-si .breadcrumb {
    order: 1;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero h1,
  body.page-template-page-co-nhan-tao-cu .hero h1,
  body.page-template-page-dai-ly-ban-si .hero h1 {
    order: 2;
    font-size: clamp(31px, 8.5vw, 38px) !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-tagline,
  body.page-template-page-co-nhan-tao-cu .hero-tagline,
  body.page-template-page-dai-ly-ban-si .hero-tagline {
    order: 3;
    margin-bottom: 12px !important;
    line-height: 1.35 !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-lead,
  body.page-template-page-co-nhan-tao-cu .hero-lead,
  body.page-template-page-dai-ly-ban-si .hero-lead {
    order: 4;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-actions,
  body.page-template-page-co-nhan-tao-cu .hero-actions,
  body.page-template-page-dai-ly-ban-si .hero-actions {
    order: 5;
    margin: 4px 0 20px !important;
  }

  body.page-template-page-dai-ly-ban-si .hero-chips {
    order: 6;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 18px !important;
  }

  body.page-template-page-dai-ly-ban-si .hero-chip {
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 9px 10px !important;
    border-radius: 999px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.page-template-page-dai-ly-ban-si .hero-chip:nth-child(3) {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  body.page-template-page-co-nhan-tao-san-vuon .garden-hero,
  body.page-template-page-co-nhan-tao-san-golf .golf-hero {
    padding-top: var(--kp-mobile-hero-top) !important;
    padding-bottom: 48px !important;
  }

  body.page-template-page-co-nhan-tao-san-vuon .garden-product-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.page-template-page-co-nhan-tao-san-vuon .garden-product-card {
    min-width: 0 !important;
  }

  body.page-template-page-co-nhan-tao-san-golf .golf-product-grid,
  body.page-template-page-co-nhan-tao-san-golf .golf-explain-grid,
  body.page-template-page-co-nhan-tao-san-golf .golf-app-grid,
  body.page-template-page-co-nhan-tao-san-golf .golf-process,
  body.page-template-page-co-nhan-tao-san-golf .related-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.page-template-page-co-nhan-tao-san-golf .golf-product-card,
  body.page-template-page-co-nhan-tao-san-golf .golf-explain-card,
  body.page-template-page-co-nhan-tao-san-golf .golf-app-card,
  body.page-template-page-co-nhan-tao-san-golf .golf-step,
  body.page-template-page-co-nhan-tao-san-golf .related-card {
    min-width: 0 !important;
  }

  body.page-template-page-lien-he .contact-hero .hero-inner,
  body.page-template-page-tin-tuc .news-hero .hero-inner,
  body.category-du-an .kp-project-hero-inner {
    padding-top: var(--kp-mobile-hero-top) !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .service-hero {
    min-height: auto !important;
    padding: 0 !important;
    align-items: flex-start !important;
    overflow: hidden !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .service-hero-grid {
    padding-top: var(--kp-mobile-service-hero-top) !important;
    padding-bottom: var(--kp-mobile-hero-bottom) !important;
    gap: 22px !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .service-hero-grid > :nth-child(n+2) {
    display: none !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .service-hero :is(.breadcrumb, .eyebrow, .hero-note, .answer-capsule) {
    margin-bottom: 14px !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .quote-block:has(.wpforms-container-full) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .quote-panel:has(.wpforms-container-full) {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding: 12px !important;
  }

  body.page-template .hero .breadcrumb,
  body.page-template .service-hero .breadcrumb,
  body.page-template-page-lien-he .breadcrumb,
  body.category-du-an .breadcrumb {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 999px !important;
    background: rgba(0, 36, 17, .72) !important;
    color: #fff !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-shadow: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  body.page-template .hero .breadcrumb a,
  body.page-template .service-hero .breadcrumb a,
  body.page-template-page-lien-he .breadcrumb a,
  body.category-du-an .breadcrumb a,
  body.page-template .hero .breadcrumb span,
  body.page-template .service-hero .breadcrumb span,
  body.page-template-page-lien-he .breadcrumb span,
  body.category-du-an .breadcrumb span {
    color: #fff !important;
  }

  .hero-actions,
  .garden-hero-actions,
  .golf-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .hero-actions .btn,
  .garden-hero-actions .btn,
  .golf-hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-stats,
  body.page-template-page-co-nhan-tao-cu .hero-stats,
  body.page-template-page-dai-ly-ban-si .hero-stats {
    order: 7;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 18px !important;
    margin-bottom: 22px !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero-stat,
  body.page-template-page-co-nhan-tao-cu .hero-stat,
  body.page-template-page-dai-ly-ban-si .hero-stat {
    min-width: 0 !important;
    padding: 14px 12px !important;
  }

  body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px !important;
    border-radius: 24px !important;
  }

  body.page-template :is(.quote-panel, .quote-right, .form-panel):has(.wpforms-container-full) div.wpforms-container-full .wpforms-form {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body:is(
    .page-template-page-dai-ly-ban-si,
    .page-template-page-co-nhan-tao-cu
  ) .quote-section:has(.wpforms-container-full) {
    padding: 56px 0 !important;
  }

  body:is(
    .page-template-page-dai-ly-ban-si,
    .page-template-page-co-nhan-tao-cu
  ) .quote-section:has(.wpforms-container-full) .quote-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
  }

  body:is(
    .page-template-page-dai-ly-ban-si,
    .page-template-page-co-nhan-tao-cu
  ) .quote-section:has(.wpforms-container-full) .quote-left {
    max-width: none !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .quote-block:has(.wpforms-container-full) {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px 16px !important;
  }

  body:is(
    .page-template-page-thi-cong-san-bong-co-nhan-tao,
    .page-template-page-thi-cong-san-vuon-co-nhan-tao,
    .page-template-page-thi-cong-san-bong-ro,
    .page-template-page-thi-cong-san-pickleball,
    .page-template-page-thi-cong-duong-chay-dien-kinh,
    .page-template-page-thi-cong-to-hop-san-the-thao,
    .page-template-page-bao-tri-san-co-nhan-tao
  ) .quote-block:has(.wpforms-container-full) .quote-panel {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  body.page-template-page-lien-he .form-panel:has(.wpforms-container-full) {
    padding: 20px !important;
  }
}

/* Final override: compact hero on co-nhan-tao-cu after shared guards. */
body.page-template-page-co-nhan-tao-cu .hero {
  min-height: clamp(540px, 62vh, 600px) !important;
}

body.page-template-page-co-nhan-tao-cu .hero-copy {
  padding: 112px 24px 38px !important;
}

body.page-template-page-co-nhan-tao-cu .hero-stats {
  margin: 14px auto !important;
  gap: 10px !important;
}

body.page-template-page-co-nhan-tao-cu .hero-actions {
  margin-top: 16px !important;
}

@media (max-width: 720px) {
  body.page-template-page-co-nhan-tao-cu .hero {
    min-height: auto !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-copy {
    padding: 78px 24px 28px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero h1 {
    margin-bottom: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-tagline {
    margin-bottom: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-lead {
    margin-bottom: 14px !important;
    line-height: 1.56 !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-actions {
    margin: 0 0 14px !important;
    gap: 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-actions .btn {
    min-height: 44px !important;
    padding: 12px 18px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stats {
    gap: 8px !important;
    margin: 14px auto 0 !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stat {
    padding: 12px 10px !important;
  }

  body.page-template-page-co-nhan-tao-cu .hero-stat-num {
    font-size: 21px !important;
  }
}