/* Page 18 only. Reuses the shared phase-3A design tokens. */
.glam-treatments { color: var(--wp--preset--color--ink); }
.glam-treatments > * + * { margin-block-start: 0; }
.glam-treatments :where(h1,h2) { margin-block: 0; }
.glam-treatments p { color: var(--wp--preset--color--muted); }
.glam-treatments [id] { scroll-margin-top: var(--wp--preset--spacing--50); }
.glam-treatments .glam-treatment-eyebrow {
  margin: 0 0 var(--wp--preset--spacing--40);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted);
}
.glam-treatments .wp-block-buttons { gap: var(--wp--preset--spacing--30); }
.glam-treatments .wp-block-button__link { font-size: var(--wp--preset--font-size--small); }
.glam-treatments .is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--ink);
  border: 1px solid var(--wp--preset--color--line);
}
.glam-treatments .is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--mint);
  border-color: var(--wp--preset--color--mint);
}
.glam-treatments-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--wp--preset--spacing--70);
  padding: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--60);
}
.glam-treatments-intro__copy { max-width: 750px; }
.glam-treatments h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); line-height: 1.15; }
.glam-treatments-intro__copy > p:last-child { max-width: 620px; margin-bottom: 0; }
.glam-treatments-intro__actions { flex-shrink: 0; text-align: center; }
.glam-treatments-intro__actions .wp-block-buttons { justify-content: center; }
.glam-treatments .glam-treatment-text-link { margin-bottom: 0; font-size: var(--wp--preset--font-size--small); }
.glam-treatment-text-link a, .glam-treatment-backlink a {
  color: var(--wp--preset--color--ink);
  text-decoration-color: var(--wp--preset--color--sky);
}
.glam-treatment-text-link a::after { content: " ↗"; }
.glam-treatments .glam-treatment-nav {
  padding: var(--wp--preset--spacing--40);
  margin: 0 0 var(--wp--preset--spacing--60);
  background: var(--wp--preset--color--cream);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 16px;
}
.glam-treatment-nav__label { margin: 0 0 var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--x-small); }
.glam-treatments .glam-treatment-nav__links {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 12px;
  margin: 0;
}
.glam-treatment-nav__links .wp-block-button { width: 100%; min-width: 0; }
.glam-treatment-nav__links .wp-block-button__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: .8rem .65rem;
  background: var(--wp--preset--color--paper) !important;
  font-size: .8125rem;
  line-height: 1.4;
  text-align: center;
}
.glam-treatment-nav__links .wp-block-button__link:hover { background: var(--wp--preset--color--mint) !important; }
.glam-treatments .glam-treatment-detail {
  padding: clamp(28px, 3.4vw, 48px);
  margin-bottom: var(--wp--preset--spacing--50);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 18px;
  background: var(--wp--preset--color--paper);
}
.glam-treatments .glam-treatment-detail--reverse { background: var(--wp--preset--color--cream); }
.glam-treatments .glam-treatment-detail__columns {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
  margin-block: 0;
}
.glam-treatment-detail__columns > .wp-block-column { min-width: 0; }
.glam-treatment-detail--reverse .glam-treatment-detail__media { order: -1; }
.glam-treatments .glam-treatment-detail h2 { font-size: clamp(1.875rem, 3vw, 2.75rem); line-height: 1.2; }
.glam-treatments .glam-treatment-detail__context {
  margin: .6rem 0 0;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--muted);
}
.glam-treatments .glam-treatment-detail__description { margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--small); line-height: 1.85; }
.glam-treatments .glam-treatment-detail__image { margin: 0; }
.glam-treatment-detail__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
}
.glam-treatments .glam-treatment-backlink { margin: var(--wp--preset--spacing--40) 0 0; font-size: .75rem; }
.glam-treatment-backlink a::before { content: "↑ "; }
.glam-treatments .glam-treatment-closing {
  margin-top: var(--wp--preset--spacing--70);
  margin-bottom: var(--wp--preset--spacing--50);
  padding: clamp(28px, 4vw, 56px);
  background: var(--wp--preset--color--mint);
  border-radius: 18px;
}
.glam-treatment-closing__copy { max-width: 820px; }
.glam-treatments .glam-treatment-closing h2 { font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.25; }
.glam-treatment-closing .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--wp--preset--color--paper); }
.glam-treatment-closing .is-style-outline .wp-block-button__link { border-color: var(--wp--preset--color--ink); }

@media (max-width: 1100px) {
  .glam-treatments .glam-treatment-nav__links { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .glam-treatments-intro { gap: var(--wp--preset--spacing--50); }
  .glam-treatment-detail__copy .wp-block-buttons { align-items: flex-start; }
  .glam-treatment-detail__copy .wp-block-button__link { padding-inline: 1.1rem; }
}
@media (max-width: 780px) {
  .glam-treatments-intro { flex-direction: column; align-items: flex-start; padding-top: 0; gap: var(--wp--preset--spacing--40); }
  .glam-treatments-intro__actions { text-align: left; }
  .glam-treatments-intro__actions .wp-block-buttons { justify-content: flex-start; }
  .glam-treatments .glam-treatment-detail__columns { grid-template-columns: minmax(0,1fr); gap: var(--wp--preset--spacing--50); }
  .glam-treatment-detail--reverse .glam-treatment-detail__media { order: initial; }
  .glam-treatments .glam-treatment-detail { padding: 26px; }
}
@media (max-width: 600px) {
  .glam-treatments .glam-treatment-nav__links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .glam-treatments .glam-treatment-detail { padding: 24px; }
  .glam-treatment-detail__copy .wp-block-buttons { align-items: stretch; }
  .glam-treatment-detail__copy .wp-block-button { width: 100%; }
  .glam-treatment-detail__copy .wp-block-button__link { display: block; }
  .glam-treatments .glam-treatment-detail h2 { font-size: clamp(1.75rem, 7vw, 2.1rem); }
}
@media (max-width: 360px) {
  .glam-treatments h1 { font-size: 2.2rem; }
  .glam-treatments .glam-treatment-nav { padding: 20px; }
  .glam-treatments .glam-treatment-nav__links { grid-template-columns: minmax(0,1fr); }
  .glam-treatments .glam-treatment-detail { padding: 20px; }
  .glam-treatment-closing .wp-block-button { width: 100%; }
  .glam-treatment-closing .wp-block-button__link { display: block; }
}
