/* Alternate content rows only. Site chrome and component colors keep the theme palette. */
.therapy-page #tresc {
  --row-white: #fff;
  --row-gutter: 80px;
  --row-space: 64px;
  --service-space: 54px;
}

/* These Elementor widgets span the page; their content keeps its original container. */
.therapy-page #tresc .elementor-widget-orient-section:has(> .elementor-widget-container > :is(.experience-section, .offer-directory, .info-story, .info-contact-grid, .info-faq-layout, .therapy-faq)),
.therapy-page #tresc .elementor-widget-orient-voucher-catalog,
.therapy-page #tresc .elementor-widget-orient-gallery,
.therapy-page:not(.orient-commerce-page) #tresc .elementor-widget-orient-section:has(> .elementor-widget-container > .legal-copy) {
  background: var(--row-white);
}
.therapy-page #tresc :is(.offer-directory, .gallery-section, .info-contact-grid, .info-faq-layout),
.therapy-page:not(.orient-commerce-page) #tresc .legal-copy {
  padding-top: var(--row-space);
}

/* Alternate massage / ceremony rows without widening the photos or text. */
.orient-site.therapy-page #tresc .e-con.orient-layout-container.therapy-offer.container {
  width: 100%;
  background: var(--row-white);
}
.therapy-page #tresc .therapy-offer :is(.therapy-section-heading, .massage-physio-grid),
.therapy-page #tresc .therapy-service-list .therapy-service {
  width: min(1200px, calc(100% - var(--row-gutter)));
  margin-inline: auto;
}
.orient-site.therapy-page #tresc .e-con.therapy-offer:has(.therapy-service-list) { padding-bottom: 0; }
.therapy-page #tresc .therapy-offer:has(.therapy-service-list) .therapy-section-heading { margin-bottom: 0; }
.therapy-page #tresc .therapy-service-list > .elementor-widget-orient-section { background: var(--row-white); }
.therapy-page #tresc .therapy-service-list > .elementor-widget-orient-section:nth-child(even) { background: var(--cream); }
.orient-site.therapy-page #tresc .therapy-service-list > .elementor-widget-orient-section .therapy-service {
  padding-block: var(--service-space);
  border-top: 0;
}

/* Experience pages alternate white cards section / cream photo section / white steps. */
.therapy-page #tresc .experience-feature { padding-top: var(--row-space); }
.therapy-page #tresc .elementor-widget-orient-section:has(> .elementor-widget-container > .experience-feature) + .elementor-widget-orient-section .therapy-prepare {
  background: var(--row-white);
}
.experience-page:has(.experience-feature) #tresc .elementor-widget-orient-section:has(> .elementor-widget-container > .therapy-faq) {
  background: var(--cream);
}

@media (max-width: 1099px) {
  .therapy-page #tresc { --row-gutter: 64px; --row-space: 48px; --service-space: 44px; }
}
@media (max-width: 699px) {
  .therapy-page #tresc { --row-gutter: 40px; --row-space: 36px; --service-space: 37px; }
}
@media (max-width: 359px) {
  .therapy-page #tresc { --row-gutter: 32px; }
}