.treatment-detail-page {
  --treatment-white: #fff;
  --treatment-snow: #f8f9fa;
  --treatment-cloud: #f4f5f7;
  --treatment-concrete: #e9ecef;
  --treatment-concrete-strong: #e2e8f0;
  --treatment-border: #e2e8f0;
  --treatment-ink: #1c2731;
  background: var(--treatment-white);
}

.treatment-detail-page :is(h1, h2, h3) {
  text-wrap: balance;
}

.treatment-detail-page :is(p, summary, small) {
  text-wrap: pretty;
}

.treatment-detail-page main > section + section {
  border-top: 1px solid rgba(28, 39, 49, .05);
}

/* Full-width editorial surfaces */
.treatment-detail-page :is(
  .implant-problem,
  .implant-treatments,
  .implant-stories,
  .implant-clinic,
  .implant-location
) {
  background: var(--treatment-white) !important;
}

.treatment-detail-page :is(
  .implant-difference,
  .implant-journey,
  .implant-faq,
  .implant-reviews
) {
  background: linear-gradient(180deg, var(--treatment-snow) 0%, var(--treatment-concrete) 100%) !important;
}

.treatment-detail-page .implant-case-section {
  background: linear-gradient(180deg, var(--treatment-cloud) 0%, var(--treatment-concrete-strong) 100%) !important;
}

/* White glass cards over neutral surfaces */
.treatment-detail-page :is(
  .difference-parts article,
  .difference-visual,
  .implant-case-grid .before-after-card,
  .implant-steps-grid article,
  .implant-reviews .google-score-card,
  .implant-reviews .review-card,
  .implant-faq .faq-list details
) {
  border: 1px solid var(--treatment-border);
  border-radius: 12px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.treatment-detail-page .difference-visual {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.treatment-detail-page .implant-case-grid .before-after-card {
  border-color: var(--treatment-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.treatment-detail-page :is(.problem-card, .implant-type-card, .story-video-card, .responsible-card) {
  border-color: var(--treatment-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.treatment-detail-page .problem-card {
  background: linear-gradient(145deg, #fff 0%, var(--treatment-snow) 100%);
}

.treatment-detail-page .implant-steps-grid article {
  border-top: 2px solid var(--rise-title-accent);
}

/* Location becomes an open, full-width section instead of an inset gray box */
.treatment-detail-page .implant-location .location-grid {
  gap: clamp(34px, 5vw, 68px);
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.treatment-detail-page .implant-location .location-copy {
  align-self: center;
  padding: 0;
  background: transparent;
}

.treatment-detail-page .implant-location .location-map {
  overflow: hidden;
  border: 1px solid var(--treatment-border);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

/* Final CTA closes the page as an edge-to-edge architectural band */
.treatment-detail-page .implant-closing-section {
  padding: 0;
  border-top: 1px solid rgba(28, 39, 49, .06);
  background: linear-gradient(180deg, var(--treatment-snow) 0%, var(--treatment-concrete) 100%);
}

.treatment-detail-page .implant-closing-section .closing {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 68px max(32px, calc((100vw - 1200px) / 2));
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Small structural details */
.treatment-detail-page .implant-section-head::after {
  width: 46px;
  height: 1px;
  display: block;
  margin: 22px auto 0;
  background: var(--treatment-border);
  content: "";
}

.treatment-detail-page .implant-section-head > p:last-child {
  position: relative;
}

.treatment-detail-page .implant-faq .faq-list details[open] {
  border-color: rgba(52, 117, 166, .28);
  background: rgba(255, 255, 255, .96);
}

@media (max-width: 900px) {
  .treatment-detail-page .implant-closing-section .closing {
    padding: 52px 32px;
  }

  .treatment-detail-page .implant-location .location-grid {
    gap: 34px;
  }
}

@media (max-width: 700px) {
  .treatment-detail-page .implant-location .location-grid,
  .lenses-page .implant-location .location-grid {
    width: calc(100% - 48px);
    gap: 28px;
  }

  .treatment-detail-page .implant-location .location-copy {
    padding: 0;
  }

  .treatment-detail-page .implant-location .location-map {
    border-radius: 10px;
  }

  .treatment-detail-page .implant-closing-section {
    padding: 0;
  }

  .treatment-detail-page .implant-closing-section .closing {
    padding: 44px 24px;
  }

  .treatment-detail-page .implant-section-head::after {
    margin-top: 17px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .treatment-detail-page :is(
    .difference-parts article,
    .difference-visual,
    .implant-case-grid .before-after-card,
    .implant-steps-grid article,
    .implant-reviews .google-score-card,
    .implant-reviews .review-card,
    .implant-faq .faq-list details
  ) {
    background: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}