/* Unified FAQ/Q&A card system for page templates. */
body.page-template :is(.faq-list, .faq-grid) {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

/* Pickleball page hero guard: keep the page HTML image editable while fixing cascade overrides. */
body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 {
  min-height: 680px !important;
  align-items: center !important;
  background: #06241d !important;
  overflow: hidden !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2::before {
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(0, 18, 14, .90) 0%, rgba(3, 39, 31, .82) 46%, rgba(3, 54, 84, .44) 74%, rgba(3, 54, 84, .18) 100%) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 52% !important;
  filter: saturate(.94) contrast(.98) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-product-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(1160px, calc(100% - 56px)) !important;
  margin: 0 auto !important;
  padding: 108px 0 54px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 720px) minmax(260px, 330px) !important;
  align-items: center !important;
  gap: 46px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-breadcrumb {
  margin-bottom: 16px !important;
  padding: 8px 12px !important;
  background: rgba(0, 0, 0, .22) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-eyebrow {
  margin-bottom: 10px !important;
  color: #ffd24a !important;
  font-size: 12px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 h1 {
  max-width: 720px !important;
  margin-bottom: 14px !important;
  font-size: clamp(36px, 3.45vw, 48px) !important;
  line-height: 1.05 !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .34) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 h1 span + span {
  margin-top: 7px !important;
  color: #ffd24a !important;
  font-size: .70em !important;
  line-height: 1.14 !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-lead {
  max-width: 680px !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-note {
  max-width: 680px !important;
  margin-bottom: 18px !important;
  font-size: 15px !important;
  line-height: 1.52 !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-trust-badges {
  gap: 7px !important;
  margin-bottom: 20px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-trust-badges span {
  min-height: 28px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  background: rgba(255, 255, 255, .11) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .hero-actions {
  gap: 10px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .hero-actions .btn {
  min-height: 48px !important;
  padding: 12px 18px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope {
  padding: 20px !important;
  border-radius: 18px !important;
  background: rgba(0, 0, 0, .23) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18) !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope-item {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 1px 10px !important;
  padding: 12px 0 !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope-item strong {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope-item span {
  font-size: 13px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope-item small {
  font-size: 11px !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball #cau-hinh .card-icon {
  width: auto !important;
  min-width: 54px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 {
    min-height: auto !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-layout {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-scope {
    display: none !important;
  }
}

@media (max-width: 720px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-product-hero-copy {
    width: min(100% - 36px, 1160px) !important;
    padding: 84px 0 70px !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2::before {
    background: linear-gradient(180deg, rgba(0, 18, 14, .86) 0%, rgba(3, 39, 31, .74) 58%, rgba(3, 54, 84, .45) 100%) !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-bg {
    object-position: center center !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 h1 {
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 h1 span + span {
    font-size: .76em !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-lead,
  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-hero-note {
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: none !important;
    width: 100% !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .hero-actions .btn {
    width: 100% !important;
    min-height: 44px !important;
  }
}

@media (max-width: 380px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .pickle-hero-v2 .pickle-product-hero-copy {
    padding-top: 78px !important;
    padding-bottom: 66px !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-pickleball .service-hero.pickle-product-hero.pickle-hero-v2 h1 {
    font-size: 26px !important;
  }
}

body.page-template :is(.faq-list, .faq-grid) .faq-item,
body.page-template :is(.faq-list, .faq-grid) details.faq-item {
  padding: 0 !important;
  border: 1px solid rgba(10, 107, 47, .14) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(9, 55, 26, .055) !important;
  overflow: hidden !important;
  transform: none !important;
}

body.page-template :is(.faq-list, .faq-grid) .faq-item:hover {
  border-color: rgba(10, 107, 47, .22) !important;
  box-shadow: 0 14px 34px rgba(9, 55, 26, .075) !important;
  transform: none !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-q, summary) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 18px 56px 18px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #102016 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.page-template :is(.faq-list, .faq-grid) summary::-webkit-details-marker {
  display: none !important;
}

body.page-template :is(.faq-list, .faq-grid) summary::marker {
  content: '' !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-q, summary)::after {
  content: '+' !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: rgba(10, 107, 47, .08) !important;
  color: #0a6b2f !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-item.open .faq-q, .faq-q[aria-expanded="true"], details.faq-item[open] summary)::after {
  content: '\2212' !important;
}

body.page-template :is(.faq-list, .faq-grid) .faq-a {
  border-top: 0 !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-a-inner, .faq-answer) {
  margin: 0 !important;
  padding: 0 22px 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #5d6b61 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-a-inner, .faq-answer) > :first-child {
  margin-top: 0 !important;
}

body.page-template :is(.faq-list, .faq-grid) :is(.faq-a-inner, .faq-answer) > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 720px) {
  body.page-template :is(.faq-list, .faq-grid) {
    gap: 10px !important;
    max-width: none !important;
  }

  body.page-template :is(.faq-list, .faq-grid) .faq-item,
  body.page-template :is(.faq-list, .faq-grid) details.faq-item {
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(9, 55, 26, .05) !important;
  }

  body.page-template :is(.faq-list, .faq-grid) :is(.faq-q, summary) {
    min-height: 56px !important;
    padding: 17px 52px 17px 18px !important;
    font-size: 14.5px !important;
  }

  body.page-template :is(.faq-list, .faq-grid) :is(.faq-a-inner, .faq-answer) {
    padding: 0 18px 18px !important;
    font-size: 13.8px !important;
  }
}

body.category-du-an .kp-project-hero .breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

body.category-du-an .kp-project-hero .breadcrumb :is(a, span) {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: inherit !important;
  line-height: 1.35 !important;
}

body.category-du-an .kp-project-hero .breadcrumb a {
  color: #fff !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) {
  --kp-product-hero-breadcrumb-top-desktop: 178px;
  --kp-product-hero-copy-top-desktop: 224px;
  --kp-product-hero-title-size: clamp(34px, 4.4vw, 52px);
  --kp-product-hero-title-line: 1.15;
  --kp-product-hero-kicker-size: clamp(15px, 1.35vw, 18px);
  --kp-product-hero-kicker-line: 1.55;
  --kp-product-hero-lead-size: clamp(16px, 1.28vw, 17px);
  --kp-product-hero-lead-line: 1.7;
  --kp-product-hero-title-color: #fff;
  --kp-product-hero-kicker-color: rgba(255, 255, 255, .86);
  --kp-product-hero-lead-color: rgba(255, 255, 255, .84);
}

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

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu
  ) .hero-copy {
    padding-top: var(--kp-product-hero-copy-top-desktop) !important;
    transform: none !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu
  ) .hero-copy > :not(.breadcrumb) {
    transform: none !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-cu
  ) .hero :is(.breadcrumb, .hero-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, 760px), 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, .golf-hero) {
    padding-top: var(--kp-product-hero-breadcrumb-top-desktop) !important;
    align-items: flex-start !important;
  }
}

@media (min-width: 1181px) {
  body.page-template-page-co-nhan-tao-san-golf .golf-product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.page-template-page-co-nhan-tao-san-golf .golf-card-body {
    padding: 18px !important;
  }

  body.page-template-page-co-nhan-tao-san-golf .golf-product-card h3 {
    font-size: 15px !important;
  }
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero .breadcrumb, .garden-breadcrumb, .golf-breadcrumb) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .6) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero .breadcrumb, .garden-breadcrumb, .golf-breadcrumb) :is(a, span) {
  color: rgba(255, 255, 255, .6) !important;
  text-decoration: none !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero .breadcrumb, .garden-breadcrumb, .golf-breadcrumb) .sep {
  opacity: .4 !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero h1, .garden-hero h1, .golf-hero h1) {
  max-width: var(--kp-product-hero-copy-max, 760px) !important;
  margin-bottom: 14px !important;
  color: var(--kp-product-hero-title-color) !important;
  font-size: var(--kp-product-hero-title-size) !important;
  line-height: var(--kp-product-hero-title-line) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-wrap: balance;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.garden-hero h1 span, .golf-hero h1 span) {
  color: inherit !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero-tagline, .garden-eyebrow, .golf-eyebrow) {
  display: block !important;
  width: min(var(--kp-product-hero-copy-max, 760px), 100%) !important;
  max-width: var(--kp-product-hero-copy-max, 760px) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--kp-product-hero-kicker-color) !important;
  font-size: var(--kp-product-hero-kicker-size) !important;
  line-height: var(--kp-product-hero-kicker-line) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:is(
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-vuon,
  .page-template-page-co-nhan-tao-san-golf,
  .page-template-page-co-nhan-tao-cu
) :is(.hero-lead, .garden-hero-lead, .golf-hero-lead) {
  width: min(var(--kp-product-hero-copy-max, 760px), 100%) !important;
  max-width: var(--kp-product-hero-copy-max, 760px) !important;
  margin: 0 0 28px !important;
  color: var(--kp-product-hero-lead-color) !important;
  font-size: var(--kp-product-hero-lead-size) !important;
  line-height: var(--kp-product-hero-lead-line) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

body.page-template-page-co-nhan-tao-cu .gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: 1080px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.page-template-page-co-nhan-tao-cu .gallery-item,
body.page-template-page-co-nhan-tao-cu .gallery-item.wide {
  grid-column: auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 14px !important;
  background: #eef3ed !important;
  box-shadow: 0 12px 28px rgba(0, 36, 17, .08) !important;
}

body.page-template-page-co-nhan-tao-cu .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.page-template-page-co-nhan-tao-cu .gallery-item:hover img {
  transform: scale(1.025) !important;
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.page-template-page-co-nhan-tao-cu .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.category-du-an .kp-project-hero .breadcrumb {
    gap: 6px 8px !important;
    margin-bottom: 14px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf,
    .page-template-page-co-nhan-tao-cu
  ) {
    --kp-product-hero-title-size: clamp(31px, 8.5vw, 38px);
    --kp-product-hero-title-line: 1.1;
    --kp-product-hero-kicker-size: 15px;
    --kp-product-hero-kicker-line: 1.35;
    --kp-product-hero-lead-size: 15px;
    --kp-product-hero-lead-line: 1.7;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf,
    .page-template-page-co-nhan-tao-cu
  ) :is(.hero h1, .garden-hero h1, .golf-hero h1) {
    margin-bottom: 12px !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf,
    .page-template-page-co-nhan-tao-cu
  ) :is(.hero-tagline, .garden-eyebrow, .golf-eyebrow) {
    margin-bottom: 12px !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf,
    .page-template-page-co-nhan-tao-cu
  ) :is(.hero .breadcrumb, .garden-breadcrumb, .golf-breadcrumb) {
    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;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  body:is(
    .page-template-page-co-nhan-tao-san-bong,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf,
    .page-template-page-co-nhan-tao-cu
  ) :is(.hero .breadcrumb, .garden-breadcrumb, .golf-breadcrumb) :is(a, span) {
    color: #fff !important;
  }

  body.page-template-page-co-nhan-tao-cu .gallery-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-template-page-co-nhan-tao-cu .gallery-item,
  body.page-template-page-co-nhan-tao-cu .gallery-item.wide {
    grid-column: auto !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
  }

  body.page-template-page-co-nhan-tao-san-bong .hero > .hero-breadcrumb {
    margin: var(--kp-mobile-hero-top, 112px) 24px 12px !important;
  }
}

@media (min-width: 721px) {
  body.page-template-page-thi-cong-san-bong-co-nhan-tao .service-hero .hero-actions {
    justify-content: flex-start !important;
    margin-right: auto !important;
    margin-left: 0 !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 {
    position: relative !important;
    padding-top: 178px !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 > :first-child {
    position: static !important;
    padding-top: 46px !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 .breadcrumb {
    position: absolute !important;
    z-index: 3 !important;
    top: 178px !important;
    left: 0 !important;
    right: auto !important;
    display: inline-flex !important;
    width: fit-content !important;
    max-width: min(760px, calc(100vw - 48px)) !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.home :is(
    .products-grid,
    .why-grid,
    .projects-grid,
    .testimonials-grid,
    .news-grid,
    .process-grid
  ):has(> :nth-child(4):last-child),
  body.page-template :is(
    .grid-3,
    .grid-3-clean,
    .grid-4,
    .grid-4-clean,
    .answer-grid,
    .problem-grid,
    .cost-grid,
    .portfolio-grid,
    .testimonial-grid,
    .process-grid,
    .related-grid,
    .cross-sell-grid,
    .intent-grid,
    .case-study-grid,
    .products-grid,
    .why-grid,
    .garden-app-grid,
    .garden-product-grid,
    .golf-product-grid,
    .golf-app-grid,
    .golf-process,
    .glossary-grid,
    .steps-grid,
    .partner-grid,
    .dl-product-grid,
    .dl-steps,
    .benefit-list
  ):has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  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 {
    position: relative !important;
    padding-top: 112px !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 > :first-child {
    position: static !important;
    padding-top: 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
  ) .service-hero .breadcrumb {
    position: absolute !important;
    z-index: 3 !important;
    top: 112px !important;
    left: 2px !important;
    right: auto !important;
    display: inline-flex !important;
    width: fit-content !important;
    max-width: calc(100vw - 48px) !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.page-template-page-thi-cong-san-bong-co-nhan-tao .service-hero .breadcrumb {
    left: 0 !important;
  }
}

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


/* Balance desktop content-card grids by item count. */
@media (min-width: 1101px) {
  body.home :is(
    .products-grid,
    .why-grid,
    .projects-grid,
    .testimonials-grid,
    .news-grid,
    .process-grid
  ):has(> :nth-child(4):last-child),
  body.page-template :is(
    .grid-3,
    .grid-3-clean,
    .grid-4,
    .grid-4-clean,
    .answer-grid,
    .problem-grid,
    .cost-grid,
    .portfolio-grid,
    .testimonial-grid,
    .process-grid,
    .related-grid,
    .cross-sell-grid,
    .intent-grid,
    .case-study-grid,
    .products-grid,
    .why-grid,
    .garden-app-grid,
    .garden-product-grid,
    .golf-product-grid,
    .golf-app-grid,
    .golf-process,
    .glossary-grid,
    .steps-grid,
    .partner-grid,
    .dl-product-grid,
    .dl-steps,
    .benefit-list
  ):has(> :nth-child(4):last-child),
  body:is(
    .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
  ) .section .container > div:has(> :is(.card, .service-card, .spec-card, .process-card, .related-card, .case-study-card)):has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home :is(
    .products-grid,
    .why-grid,
    .projects-grid,
    .testimonials-grid,
    .news-grid,
    .process-grid
  ):is(:has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child)),
  body.page-template :is(
    .grid-3,
    .grid-3-clean,
    .grid-4,
    .grid-4-clean,
    .answer-grid,
    .problem-grid,
    .cost-grid,
    .portfolio-grid,
    .testimonial-grid,
    .process-grid,
    .related-grid,
    .cross-sell-grid,
    .intent-grid,
    .case-study-grid,
    .products-grid,
    .why-grid,
    .garden-app-grid,
    .garden-product-grid,
    .golf-product-grid,
    .golf-app-grid,
    .golf-process,
    .glossary-grid,
    .steps-grid,
    .partner-grid,
    .dl-product-grid,
    .dl-steps,
    .benefit-list
  ):is(:has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child)),
  body:is(
    .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
  ) .section .container > div:has(> :is(.card, .service-card, .spec-card, .process-card, .related-card, .case-study-card)):is(:has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child)) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:is(
    .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
  ) .section .container > div:has(> :is(.card, .service-card, .spec-card, .process-card, .related-card, .case-study-card)):is(:has(> :nth-child(4):last-child), :has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child)) {
    display: grid !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  body.home .process-grid:is(:has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child))::before,
  body.page-template .dl-steps:is(:has(> :nth-child(4):last-child), :has(> :nth-child(5):last-child), :has(> :nth-child(6):last-child))::before {
    display: none !important;
  }

  body.page-template .steps-grid:has(> :nth-child(4):last-child) .step-arrow {
    display: none !important;
  }
}

body.home #san-pham .products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.7vw, 22px) !important;
  align-items: stretch !important;
}

body.home #san-pham .products-grid .product-card {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
}

@media (max-width: 720px) {
  body.home #san-pham .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.home #san-pham .product-card {
    border-radius: 18px !important;
  }

  body.home #san-pham .product-img {
    height: clamp(118px, 31vw, 146px) !important;
  }

  body.home #san-pham .product-body {
    padding: 14px 12px 15px !important;
  }

  body.home #san-pham .product-body h3 {
    margin-bottom: 6px !important;
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
  }

  body.home #san-pham .product-body p {
    display: -webkit-box !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.home #san-pham .product-price {
    margin-bottom: 10px !important;
    font-size: clamp(12px, 3.3vw, 14px) !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.home #san-pham .product-cta {
    gap: 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.home #san-pham .badge-save {
    top: 8px !important;
    right: 8px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  body.home #san-pham .products-grid {
    gap: 10px !important;
  }

  body.home #san-pham .product-body {
    padding: 12px 10px 13px !important;
  }

  body.home #san-pham .product-body p {
    -webkit-line-clamp: 2 !important;
  }
}

body.home .section.process .process-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.45vw, 16px) !important;
  align-items: stretch !important;
}

body.home .section.process .step {
  min-width: 0 !important;
  padding: 20px 12px !important;
  color: var(--kp-muted, #5d6b61) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.home .section.process .step h3 {
  overflow-wrap: anywhere !important;
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.home .section.process .step {
    padding: 18px 10px !important;
  }

  body.home .section.process .step-no {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 13px !important;
  }

  body.home .section.process .step h3 {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 720px) {
  body.home .section.process .process-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1181px) {
  body.wp-singular.page-template.page-template-page-co-nhan-tao-san-golf main section#catalog.section .container > .golf-product-grid:has(> .golf-product-card:nth-child(5):last-child) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px) {
  body.wp-singular.page-template.page-template-page-co-nhan-tao-san-golf main section#catalog.section .container > .golf-product-grid:has(> .golf-product-card:nth-child(5):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.wp-singular.page-template.page-template-page-co-nhan-tao-san-golf main section#catalog.section .container > .golf-product-grid:has(> .golf-product-card:nth-child(5):last-child) {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 960px) {
  body.wp-singular.page-template.page-template-page-co-nhan-tao-san-golf main section#quy-trinh.section .container > .golf-process:has(> .golf-step:nth-child(4):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(12px, 1.35vw, 18px) !important;
    align-items: stretch !important;
  }

  body.wp-singular.page-template.page-template-page-co-nhan-tao-san-golf main section#quy-trinh.section .container > .golf-process > .golf-step {
    min-width: 0 !important;
    padding: clamp(18px, 1.55vw, 24px) !important;
  }
}

body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: start !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps > .card {
  grid-column: span 2 !important;
  align-self: start !important;
  height: auto !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps > .card:nth-child(n+4) {
  grid-column: span 3 !important;
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps > .card {
    grid-column: span 1 !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps > .card:last-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps {
    grid-template-columns: 1fr !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main .section .container > .construction-steps > .card {
    grid-column: auto !important;
  }
}

@media (max-width: 720px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main section.section > .container > div.construction-steps:has(> .card:nth-child(5):last-child) {
    grid-template-columns: 1fr !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-vuon-co-nhan-tao main section.section > .container > div.construction-steps:has(> .card:nth-child(5):last-child) > .card {
    grid-column: 1 / -1 !important;
  }
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel {
  position: relative;
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: var(--court-shadow-xl);
  border: 1px solid rgba(255, 255, 255, .30);
  background: #0b2314;
  min-height: 430px;
  isolation: isolate;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  object-position: center;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(0, 20, 10, .78));
  z-index: 1;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel figcaption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
  z-index: 2;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.55;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-figure {
  margin: 18px 0 0;
  border-radius: 16px;
  overflow: hidden;
  background: #f6f7f4;
  border: 1px solid rgba(10, 107, 47, .12);
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-figure figcaption {
  padding: 10px 12px;
  color: #4d5f52;
  font-size: 13px;
  line-height: 1.55;
  background: #fffaf1;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(10, 107, 47, .12);
  border-radius: 16px;
  background: #f6f7f4;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-media img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-media figcaption {
  padding: 10px 12px;
  background: #fffaf1;
  color: var(--kp-muted);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 800;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-project-card .portfolio-img {
  height: 230px;
  background: #f6f7f4;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-project-card .portfolio-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .project-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .project-meta span {
  display: inline-flex;
  border: 1px solid rgba(217, 111, 34, .20);
  background: #fff8df;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 800;
  color: #6b3a10;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .testimonial-card {
  max-width: 920px;
  margin: 0 auto;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #truong-hoc .compact-table + div:has(> .service-card),
body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #so-sanh-chat-lieu .compact-table + div:has(> .service-card),
body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #so-sanh-chat-lieu .callout + div:has(> .service-card) {
  margin-top: 30px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #gia-thi-cong .container > div:has(> .card) + .compact-table {
  margin-top: 30px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .trust-grid .trust-item:not(:has(.trust-icon)) {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: flex-start !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .trust-grid .trust-item:not(:has(.trust-icon)) .trust-text {
  display: block;
  width: 100%;
  max-width: none;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .callout:not(:has(.trust-icon)) {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: flex-start !important;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .callout:not(:has(.trust-icon)) > div {
  width: 100%;
  max-width: none;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .callout p strong {
  display: inline;
  width: auto;
  font: inherit;
  font-weight: 900;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 30px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card,
body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-card-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(10, 107, 47, .12);
  background: #f6f7f4;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card {
  border-radius: 18px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card img,
body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-card-media img {
  display: block;
  width: 100%;
  object-fit: cover;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card img {
  height: 176px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card figcaption {
  padding: 13px 14px 15px;
  background: #fff;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card strong,
body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card span {
  display: block;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card strong {
  color: var(--kp-dark);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card span {
  color: var(--kp-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 4px;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #gia-thi-cong .material-card-media {
  border-radius: 16px;
  margin-bottom: 18px;
  box-shadow: none;
}

body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #gia-thi-cong .material-card-media img {
  height: 250px;
}

@media (max-width: 720px) {
  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child {
    display: contents !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .breadcrumb {
    display: none !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .eyebrow {
    order: 2;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > h1 {
    order: 3;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel {
    display: block !important;
    order: 4;
    width: 100%;
    min-height: 190px;
    border-radius: 22px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel img {
    height: 190px;
    min-height: 190px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .hero-photo-panel figcaption {
    left: 14px;
    right: 14px;
    bottom: 12px;
    font-size: 12px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .answer-capsule {
    order: 5;
    margin-top: 18px !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .hero-note {
    display: none !important;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .hero-actions {
    order: 6;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .service-hero-grid > .reveal:first-child > .hero-chips {
    order: 7;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-project-card .portfolio-img {
    height: 190px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-gallery {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-top: 20px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .basketball-process-media img {
    height: 180px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #truong-hoc .compact-table + div:has(> .service-card),
  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #so-sanh-chat-lieu .compact-table + div:has(> .service-card),
  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #so-sanh-chat-lieu .callout + div:has(> .service-card) {
    margin-top: 24px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #gia-thi-cong .container > div:has(> .card) + .compact-table {
    margin-top: 24px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card img {
    height: 112px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card figcaption {
    padding: 10px 11px 12px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card strong {
    font-size: 12px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro .material-swatch-card span {
    font-size: 11px;
  }

  body.wp-singular.page-template.page-template-page-thi-cong-san-bong-ro #gia-thi-cong .material-card-media img {
    height: 188px;
  }
}

/* Compact hero only on the used artificial turf page. */
body.wp-singular.page-template.page-template-page-co-nhan-tao-cu .hero {
  min-height: clamp(600px, 62vh, 630px) !important;
}

body.wp-singular.page-template.page-template-page-co-nhan-tao-cu .hero-copy {
  padding-top: 128px !important;
  padding-bottom: 36px !important;
}

body.wp-singular.page-template.page-template-page-co-nhan-tao-cu .hero :is(.breadcrumb, .hero-breadcrumb) {
  top: 112px !important;
}

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

  body.wp-singular.page-template.page-template-page-co-nhan-tao-cu .hero-copy {
    padding-top: 70px !important;
    padding-bottom: 22px !important;
  }

  body.wp-singular.page-template.page-template-page-co-nhan-tao-cu .hero-stats {
    margin-top: 14px !important;
  }
}