/* Shared product page layer.
   Loaded after base theme CSS and before final template-system fixes. */

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) {
  --kp-template-section-y: 72px;
  --kp-template-section-y-mobile: 56px;
  --kp-template-gap: 22px;
  --kp-template-card-radius: 22px;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .kp-soft-section {
  background: var(--kp-soft) !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .kp-tight-section {
  padding-block: 48px !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .kp-green-link {
  color: var(--kp-green) !important;
  font-weight: 700;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .kp-green-link-strong {
  color: var(--kp-green) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body:is(
  .page-template-page-co-nhan-tao,
  .page-template-page-co-nhan-tao-san-bong,
  .page-template-page-co-nhan-tao-san-golf
) .section-updated {
  color: rgba(255, 255, 255, .5) !important;
  font-size: 12px;
  margin-top: -8px;
  text-align: center;
}

body.page-template-page-co-nhan-tao-san-bong .tier-badge-muted {
  background: var(--kp-muted);
}

body.page-template-page-co-nhan-tao-san-bong .kp-table-highlight-row {
  background: rgba(10, 107, 47, .06);
}

body.page-template-page-co-nhan-tao-san-bong .kp-inline-badge {
  background: var(--kp-green);
  border-radius: 99px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
}

body.page-template-page-co-nhan-tao-san-bong .product-code-pattern {
  background: var(--kp-soft);
  border-radius: 8px;
  color: var(--kp-dark);
  font-family: monospace;
  font-size: 15px;
  font-weight: 800;
  margin: 12px 0;
  padding: 12px 16px;
}

body.page-template-page-co-nhan-tao-san-bong .product-code-list {
  list-style: none;
  padding: 0;
}

body.page-template-page-co-nhan-tao-san-bong .product-code-list li {
  color: var(--kp-muted);
  font-size: 14px;
  line-height: 1.6;
  padding: 6px 0;
}

body.page-template-page-co-nhan-tao-san-bong .product-code-list code {
  background: rgba(10, 107, 47, .08);
  border-radius: 4px;
  font-weight: 700;
  padding: 2px 6px;
}

body.page-template-page-co-nhan-tao-san-golf .golf-green-photo {
  background: url('/wp-content/uploads/2025/03/san-golf.jpg') center/cover no-repeat;
}

body.page-template-page-co-nhan-tao-san-golf .golf-price {
  color: var(--kp-green);
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-section {
  background: var(--kp-soft);
  padding: 48px 0;
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-card {
  background: #fff;
  border: 2px solid var(--kp-line);
  border-radius: 24px;
  box-shadow: var(--shadow-sm);
  margin: 0 auto;
  max-width: 820px;
  padding: 36px 32px;
  text-align: center;
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-eyebrow {
  color: var(--kp-green);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-title {
  color: var(--kp-dark);
  font-size: clamp(20px, 2.5vw, 26px);
  font-weight: 900;
  margin-bottom: 10px;
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-text {
  color: var(--kp-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0 auto 20px;
  max-width: 600px;
}

body.page-template-page-co-nhan-tao-san-golf .golf-wholesale-btn {
  border-radius: 999px;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .container {
  max-width: var(--kp-max, 1280px) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: 24px !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .section {
  padding-block: var(--kp-template-section-y) !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) .section-title {
  max-width: 920px !important;
  margin-inline: auto !important;
  text-align: center !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(.section-subtitle, .section-answer, .section-updated) {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  line-height: 1.7 !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(.hero h1, .garden-hero h1, .golf-hero h1) {
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(.hero-copy, .garden-hero-copy, .golf-hero-copy) {
  min-width: 0 !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(
  .why-grid,
  .tiers-grid,
  .glossary-grid,
  .related-grid,
  .garden-explain-grid,
  .garden-app-grid,
  .garden-product-grid,
  .golf-explain-grid,
  .golf-app-grid,
  .golf-product-grid,
  .golf-process,
  .dl-product-grid,
  .partner-grid,
  .benefit-list,
  .dl-steps,
  .cond-grid,
  .fit-grid,
  .gallery-grid
) {
  gap: var(--kp-template-gap) !important;
  align-items: stretch !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(
  .why-card,
  .tier-card,
  .glossary-card,
  .related-card,
  .garden-product-card,
  .garden-explain-card,
  .garden-app-card,
  .golf-product-card,
  .golf-explain-card,
  .golf-app-card,
  .golf-step,
  .dl-product-card,
  .partner-card,
  .benefit-item,
  .dl-step,
  .discount-tier,
  .cond-card,
  .fit-card,
  .gallery-item
) {
  min-width: 0 !important;
  height: 100% !important;
  border-radius: var(--kp-template-card-radius) !important;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(
  .table-wrap,
  .compare-table-wrap,
  .garden-table-scroll,
  .golf-table-scroll,
  .discount-table-wrap
) {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

body:is(
  .page-template-page-co-nhan-tao,
  .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,
  .page-template-page-dai-ly-ban-si
) :is(.faq-list, .related-grid) {
  width: 100% !important;
}

@media (max-width: 1100px) {
  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(
    .why-grid,
    .tiers-grid,
    .glossary-grid,
    .related-grid,
    .garden-explain-grid,
    .garden-app-grid,
    .garden-product-grid,
    .golf-explain-grid,
    .golf-app-grid,
    .golf-product-grid,
    .golf-process,
    .dl-product-grid,
    .partner-grid,
    .benefit-list,
    .dl-steps,
    .cond-grid,
    .fit-grid,
    .gallery-grid
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) .container {
    padding-inline: 24px !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) .section {
    padding-block: var(--kp-template-section-y-mobile) !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(.section-title, .section-subtitle, .section-answer, .section-updated) {
    text-align: center !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(.hero h1, .garden-hero h1, .golf-hero h1) {
    max-width: 100% !important;
    font-size: clamp(29px, 8.2vw, 34px) !important;
    line-height: 1.1 !important;
  }

  body.page-template-page-co-nhan-tao-san-vuon .garden-hero h1 span {
    display: block !important;
  }

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

  body:is(
  .page-template-page-co-nhan-tao,
    .page-template-page-co-nhan-tao-san-vuon,
    .page-template-page-co-nhan-tao-san-golf
  ) :is(.garden-hero-lead, .golf-hero-lead) {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(.garden-hero-grid, .golf-hero-grid) {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(
    .why-grid,
    .tiers-grid,
    .glossary-grid,
    .related-grid,
    .garden-explain-grid,
    .garden-app-grid,
    .garden-product-grid,
    .golf-explain-grid,
    .golf-app-grid,
    .golf-product-grid,
    .golf-process,
    .dl-product-grid,
    .partner-grid,
    .benefit-list,
    .dl-steps,
    .cond-grid,
    .fit-grid,
    .gallery-grid
  ) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(
    .hero-actions,
    .garden-hero-actions,
    .golf-hero-actions,
    .garden-quote-actions,
    .golf-quote-actions,
    .final-cta-actions
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:is(
  .page-template-page-co-nhan-tao,
    .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,
    .page-template-page-dai-ly-ban-si
  ) :is(
    .hero-actions .btn,
    .garden-hero-actions .btn,
    .golf-hero-actions .btn,
    .garden-quote-actions .btn,
    .golf-quote-actions .btn,
    .final-cta-actions .btn
  ) {
    width: 100% !important;
    min-height: 48px !important;
  }
}