/* ===== SERVICE ICON CONSISTENCY ===== */
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
) :is(
  .trust-icon,
  .service-icon,
  .card-icon,
  .qt-icon,
  .benefit-icon,
  .process-icon,
  .scenario-icon,
  .maintenance-icon,
  .mini-stat-icon,
  .cost-icon,
  .answer-icon,
  .intent-icon,
  .problem-icon,
  .warranty-icon,
  .case-study-icon,
  .result-icon,
  .step-num,
  .initials
) {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-family: "Be Vietnam Pro", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", system-ui, sans-serif !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
) :is(
  .trust-icon,
  .service-icon,
  .card-icon,
  .qt-icon,
  .benefit-icon,
  .process-icon,
  .scenario-icon,
  .maintenance-icon,
  .mini-stat-icon,
  .cost-icon,
  .answer-icon,
  .intent-icon,
  .problem-icon,
  .warranty-icon,
  .case-study-icon,
  .result-icon,
  .step-num,
  .initials
) :is(svg, img) {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: auto !important;
  object-fit: contain !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
) :is(.trust-item, .benefit-item, .process-card, .step-card, .problem-card, .answer-card, .intent-card, .cost-card, .scenario-card, .maintenance-card, .warranty-box li, .quote-list li) {
  align-items: flex-start !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
) :is(.quote-list li, .golf-checklist li)::before {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  text-align: center !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
  ) :is(
    .trust-icon,
    .service-icon,
    .card-icon,
    .qt-icon,
    .benefit-icon,
    .process-icon,
    .scenario-icon,
    .maintenance-icon,
    .mini-stat-icon,
    .cost-icon,
    .answer-icon,
    .intent-icon,
    .problem-icon,
    .warranty-icon,
    .case-study-icon,
    .result-icon,
    .step-num,
    .initials
  ) {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
    margin-top: 0 !important;
  }
}

/* Service trust strip alignment */
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
) .trust-grid .trust-item {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 16px !important;
  text-align: left !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
) .trust-grid .trust-item :is(strong, b, span) {
  text-align: left !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
  ) .trust-grid .trust-item {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding-left: 24px !important;
    padding-right: 18px !important;
  }
}

/* Service icon visible badge backgrounds */
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
) :is(
  .trust-icon,
  .service-icon,
  .card-icon,
  .qt-icon,
  .benefit-icon,
  .process-icon,
  .scenario-icon,
  .maintenance-icon,
  .mini-stat-icon,
  .cost-icon,
  .answer-icon,
  .intent-icon,
  .problem-icon,
  .warranty-icon,
  .case-study-icon,
  .result-icon,
  .step-num,
  .initials
) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--kp-green, #0a6b2f), #72bd20) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 28px rgba(10,107,47,.20) !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
) :is(.callout, .quote-block, .service-hero) :is(.trust-icon, .card-icon, .step-num) {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.24) !important;
  box-shadow: none !important;
}

/* Service page reveal failsafe */
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
).js-ready .reveal {
  opacity: 1 !important;
  transform: 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
) :is(.service-card, .spec-card, .card, .related-card) {
  text-align: left !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
) :is(.service-card, .spec-card, .card, .related-card) :is(.trust-icon, .service-icon, .card-icon, .qt-icon, .benefit-icon, .process-icon, .scenario-icon, .maintenance-icon, .mini-stat-icon, .cost-icon, .answer-icon, .intent-icon, .problem-icon, .warranty-icon, .case-study-icon, .result-icon, .step-num) {
  margin-left: 0 !important;
  margin-right: 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
) :is(.service-card, .spec-card, .card, .related-card) :is(h3, p, li, a, span) {
  text-align: left !important;
}

/* Basketball service page polish */

body.page-template-page-thi-cong-san-bong-ro .callout {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  gap: 14px !important;
  text-align: left !important;
}

body.page-template-page-thi-cong-san-bong-ro .callout :is(.trust-icon, .card-icon, .step-num) {
  background: linear-gradient(135deg, #f59e32, #0a6b2f) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 28px rgba(217, 111, 34, .18) !important;
  color: #fff !important;
}

body.page-template-page-thi-cong-san-bong-ro :is(.service-card, .spec-card, .card, .related-card) {
  text-align: left !important;
}

body.page-template-page-thi-cong-san-bong-ro :is(.service-card, .spec-card, .card, .related-card) :is(.trust-icon, .service-icon, .card-icon, .qt-icon, .benefit-icon, .process-icon, .scenario-icon, .maintenance-icon, .mini-stat-icon, .cost-icon, .answer-icon, .intent-icon, .problem-icon, .warranty-icon, .case-study-icon, .result-icon, .step-num) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-template-page-thi-cong-san-bong-ro :is(.service-card, .spec-card, .card, .related-card) :is(h3, p, li, a, span) {
  text-align: left !important;
}

body.page-template-page-thi-cong-san-bong-ro :is(.quote-block, .mid-cta) :is(.trust-icon, .card-icon, .step-num) {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  body.page-template-page-thi-cong-san-bong-ro .callout {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.page-template-page-thi-cong-san-bong-ro :is(.service-card, .spec-card, .card, .related-card) {
    padding: 20px !important;
  }

  body.page-template-page-thi-cong-san-bong-ro .section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}