/* SELF ENTOURAGE — PRODUCT VISUAL RESCUE V16
   Final authority for canonical product readability, hierarchy, and mobile conversion. */

body[data-se-canonical-product="true"] {
  --product-copy: #dce6e8;
  --product-copy-dark: #273b43;
  --product-heading-dark: #14313a;
}

/* Product pages must never reserve blank intrinsic blocks while sections are offscreen.
   This overrides the general performance containment layer for conversion-critical content. */
body[data-se-canonical-product="true"] main > .section {
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

body[data-se-canonical-product="true"] .product-hero {
  padding: clamp(4.25rem, 9vw, 6.25rem) 0 clamp(3.5rem, 7vw, 5rem) !important;
}

body[data-se-canonical-product="true"] .product-hero .wrap,
body[data-se-canonical-product="true"] main > .section > .wrap {
  width: min(100%, 72rem);
}

body[data-se-canonical-product="true"] .product-hero h1 {
  max-width: 17ch !important;
  text-wrap: balance;
}

body[data-se-canonical-product="true"] .product-hero .lede,
body[data-se-canonical-product="true"] .route-section > .wrap > .lede,
body[data-se-canonical-product="true"] .funnel-close > .wrap > .lede {
  color: var(--product-copy) !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .price-card {
  width: min(100%, 48rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 1.25rem !important;
  margin: 2rem auto !important;
  padding: clamp(1.25rem,3vw,2rem) !important;
  border-color: rgba(237,203,123,.34) !important;
  background: linear-gradient(145deg,#102b34,#071a21) !important;
  text-align: left !important;
}

body[data-se-canonical-product="true"] .price-card .price-copy,
body[data-se-canonical-product="true"] .price-card .price-copy > * {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

body[data-se-canonical-product="true"] .price-card .turnaround-badge {
  justify-self: end;
}

body[data-se-canonical-product="true"] .price-card .price-label,
body[data-se-canonical-product="true"] .price-card .price-note {
  color: #c9d7da !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .price-card .price-amount {
  color: #edcb7b !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .product-proof strong,
body[data-se-canonical-product="true"] .step-card h3,
body[data-se-canonical-product="true"] .funnel-proof strong,
body[data-se-canonical-product="true"] .next-step strong {
  color: #ffffff !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .product-proof span,
body[data-se-canonical-product="true"] .step-card p,
body[data-se-canonical-product="true"] .funnel-proof p,
body[data-se-canonical-product="true"] .next-step,
body[data-se-canonical-product="true"] .funnel-close > .wrap > p {
  color: var(--product-copy) !important;
  opacity: 1 !important;
}

/* The broken surface: canonical product standards are light cards and must use dark copy. */
body[data-se-canonical-product="true"] .light-section {
  background: #f7f4ec !important;
  color: #16262c !important;
}

body[data-se-canonical-product="true"] .light-section > .wrap > h2,
body[data-se-canonical-product="true"] .light-section > .wrap > .eyebrow {
  color: var(--product-heading-dark) !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .light-section .standards-grid > div {
  min-height: 0 !important;
  padding: clamp(1.35rem,3vw,2rem) !important;
  border: 1px solid rgba(45,77,89,.18) !important;
  border-top: 4px solid #edcb7b !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#ffffff,#f5f3ec) !important;
  color: #16262c !important;
  box-shadow: 0 16px 38px rgba(8,25,31,.10) !important;
}

body[data-se-canonical-product="true"] .light-section .standards-grid > div h3,
body[data-se-canonical-product="true"] .light-section .standards-grid > div strong {
  color: var(--product-heading-dark) !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .light-section .standards-grid > div p,
body[data-se-canonical-product="true"] .light-section .standards-grid > div li,
body[data-se-canonical-product="true"] .light-section .standards-grid > div span {
  color: var(--product-copy-dark) !important;
  opacity: 1 !important;
}

body[data-se-canonical-product="true"] .light-section .standards-grid ul {
  padding-left: 1.2rem !important;
}

body[data-se-canonical-product="true"] .light-section .standards-grid li::marker {
  color: #c14940;
}

body[data-se-canonical-product="true"] .route-section .card-grid,
body[data-se-canonical-product="true"] .funnel-proof-grid,
body[data-se-canonical-product="true"] .standards-grid {
  align-items: stretch;
}

body[data-se-canonical-product="true"] .route-section .step-card,
body[data-se-canonical-product="true"] .funnel-proof {
  min-height: 0 !important;
}

body[data-se-canonical-product="true"] .next-step {
  border-color: rgba(193,73,64,.75) !important;
  background: linear-gradient(145deg,#102b34,#071a21) !important;
}

body[data-se-canonical-product="true"] .next-actions .btn {
  min-width: 10rem;
}

@media (max-width: 700px) {
  body[data-se-canonical-product="true"] {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  body[data-se-canonical-product="true"] .wrap {
    padding-inline: 1.1rem !important;
  }

  body[data-se-canonical-product="true"] .product-hero {
    padding: 3.25rem 0 2.75rem !important;
  }

  body[data-se-canonical-product="true"] .product-hero h1 {
    max-width: none !important;
    font-size: clamp(2.15rem,11vw,3rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  body[data-se-canonical-product="true"] h2 {
    font-size: clamp(1.65rem,7vw,2.15rem) !important;
    line-height: 1.05 !important;
  }

  body[data-se-canonical-product="true"] h3 {
    font-size: 1.18rem !important;
    line-height: 1.2 !important;
  }

  body[data-se-canonical-product="true"] .product-hero .lede,
  body[data-se-canonical-product="true"] .route-section > .wrap > .lede,
  body[data-se-canonical-product="true"] .funnel-close > .wrap > .lede {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  body[data-se-canonical-product="true"] .breadcrumbs {
    font-size: .78rem !important;
    line-height: 1.45 !important;
  }

  body[data-se-canonical-product="true"] .product-hero .cta-row,
  body[data-se-canonical-product="true"] .next-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  body[data-se-canonical-product="true"] .product-hero .cta-row .btn,
  body[data-se-canonical-product="true"] .next-actions .btn {
    width: 100% !important;
    min-height: 3.15rem !important;
    padding: .9rem 1rem !important;
    font-size: .95rem !important;
  }

  body[data-se-canonical-product="true"] .price-card {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding: 1.25rem !important;
  }

  body[data-se-canonical-product="true"] .price-card .turnaround-badge {
    justify-self: start;
  }

  body[data-se-canonical-product="true"] .price-card .price-amount {
    font-size: 2.35rem !important;
  }

  body[data-se-canonical-product="true"] .turnaround-badge {
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  body[data-se-canonical-product="true"] .product-proof-strip,
  body[data-se-canonical-product="true"] .card-grid,
  body[data-se-canonical-product="true"] .standards-grid,
  body[data-se-canonical-product="true"] .funnel-proof-grid {
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  body[data-se-canonical-product="true"] .product-proof {
    padding: 1rem 0 0 !important;
  }

  body[data-se-canonical-product="true"] .product-proof span,
  body[data-se-canonical-product="true"] .step-card p,
  body[data-se-canonical-product="true"] .funnel-proof p,
  body[data-se-canonical-product="true"] .standards-grid p,
  body[data-se-canonical-product="true"] .standards-grid li {
    font-size: .98rem !important;
    line-height: 1.58 !important;
  }

  body[data-se-canonical-product="true"] main > .section {
    padding-block: 3.25rem !important;
  }

  body[data-se-canonical-product="true"] .step-card,
  body[data-se-canonical-product="true"] .funnel-proof,
  body[data-se-canonical-product="true"] .light-section .standards-grid > div {
    padding: 1.3rem !important;
  }

  body[data-se-canonical-product="true"] .sticky-cta {
    display: none !important;
  }

  body[data-se-canonical-product="true"] {
    padding-bottom: 0 !important;
  }
}
