/* Mobile treatments typography follows the homepage scale. */
@media(max-width:600px){
.treatments-page{padding-bottom:56px}
.treatments-page .services-inner{padding:44px 24px 36px;min-height:0;gap:24px}
.treatments-page .services-copy{max-width:none;width:100%}
.treatments-page .services-copy h1{font:600 38px/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 20px}
.treatments-page .services-eyebrow,.treatments-page .meder-eyebrow,.treatments-page .consultation-eyebrow,.treatments-page .gift-eyebrow{font:400 12px/18px Manrope,Arial,sans-serif;letter-spacing:.6px;margin:0 0 16px}
.treatments-page .services-description,.treatments-page .meder-intro p,.treatments-page .consultation-intro,.treatments-page .gift-description{font:400 15px/24px Manrope,Arial,sans-serif;max-width:none;color:#625852;text-wrap:pretty}
.treatments-page .service-filters{padding-top:24px;padding-bottom:12px;gap:12px}
.treatments-page .service-filters button{font:400 14px/20px Manrope,Arial,sans-serif;padding-inline:20px;min-height:44px}
.treatments-page .meder-section{padding:36px 24px 0}
.treatments-page .meder-section h2,.treatments-page .consultation-copy h2,.treatments-page .gift-copy h2{font:600 36px/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 20px}
.treatments-page .meder-intro{gap:12px;margin-bottom:24px}
.treatments-page .meder-intro p:last-child{font-size:14px;line-height:22px;letter-spacing:0;color:#720113}
.treatments-page .meder-grid .meder-card h3{font:600 28px/1.1 'Cormorant Garamond',Georgia,serif;margin-bottom:8px}
.treatments-page .meder-grid .meder-card-copy>p{font:400 13px/20px Manrope,Arial,sans-serif;min-height:0}
.treatments-page .meder-grid .meder-card-bottom{font:400 14px/20px Manrope,Arial,sans-serif;margin-top:14px;padding-top:0}
.treatments-page .consultation-section,.treatments-page .gift-section{margin-top:56px;padding-inline:24px;gap:24px}
.treatments-page .consultation-intro,.treatments-page .gift-description{margin-bottom:24px}
.treatments-page .consultation-name{font:600 28px/1.1 'Cormorant Garamond',Georgia,serif}
.treatments-page .consultation-description{font:400 13px/20px Manrope,Arial,sans-serif}
.treatments-page .consultation-row{grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;padding:16px 16px 16px 10px;min-height:96px}
.treatments-page .consultation-number{font-size:28px;padding-right:12px}
.treatments-page .consultation-details{gap:6px}
.treatments-page .approach-link,.treatments-page .gift-purchase,.treatments-page .book{font:400 14px/20px Manrope,Arial,sans-serif}
}

@media(max-width:600px){
.treatments-page .advanced-section{margin-top:56px;padding-inline:24px}
.treatments-page .advanced-eyebrow{font:400 12px/18px Manrope,Arial,sans-serif;letter-spacing:.6px;margin-bottom:16px}
.treatments-page .advanced-section h2{font:600 36px/1.08 'Cormorant Garamond',Georgia,serif;margin-bottom:20px}
.treatments-page .advanced-intro p{font:400 15px/24px Manrope,Arial,sans-serif}
.treatments-page .advanced-intro p:last-child{font-size:14px;line-height:22px;letter-spacing:0}
.treatments-page .advanced-copy{padding:20px 20px 16px}
.treatments-page .advanced-copy h3{font:600 28px/1.1 'Cormorant Garamond',Georgia,serif;white-space:normal;margin-bottom:8px}
.treatments-page .advanced-copy p{font:400 13px/20px Manrope,Arial,sans-serif}
}

.advanced-mobile-copy{display:none}
@media(max-width:600px){
.treatments-page .advanced-desktop-copy,.treatments-page .advanced-eyebrow,.treatments-page .advanced-intro p:last-child{display:none}
.treatments-page .advanced-mobile-copy{display:inline}
.treatments-page .advanced-section h2{margin-bottom:16px}
.treatments-page .advanced-intro{margin-bottom:24px}
}

/* Consultation formats are compact controls, not treatment cards. */
@media(max-width:600px){
.treatments-page .consultation-options{gap:10px}
.treatments-page .consultation-options .consultation-row{height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center}
.treatments-page .consultation-options .consultation-name{font:400 14px/20px Manrope,Arial,sans-serif;color:inherit}
}

/* Compact vertical list: copy, one metadata row, then a shallow photo. */
@media(max-width:600px){
.treatments-page .advanced-list{display:grid;grid-template-columns:1fr;gap:16px}
.treatments-page .advanced-treatment{grid-template-columns:auto minmax(0,1fr);column-gap:14px;min-height:0}
.treatments-page .advanced-copy{grid-column:1/-1;padding:16px 18px 10px}
.treatments-page .advanced-copy h3{font-size:26px;line-height:1.1;margin-bottom:6px}
.treatments-page .advanced-copy p{font-size:13px;line-height:20px}
.treatments-page .advanced-duration,.treatments-page .advanced-price{justify-content:flex-start;min-height:24px;height:auto;margin:0 0 12px;padding:0;border:0;font:400 13px/20px Manrope,Arial,sans-serif}
.treatments-page .advanced-duration{margin-left:18px}
.treatments-page .advanced-price{color:#720113}
.treatments-page .advanced-photo{grid-column:1/-1;height:100px;min-height:100px;aspect-ratio:auto}
.treatments-page .advanced-photo .advanced-arrow{width:40px;height:40px;right:12px;bottom:12px}
}

/* A tighter mobile introduction keeps the treatment choices closer. */
@media(max-width:600px){
.treatments-page .services-inner{padding-top:28px;padding-bottom:28px;gap:0}
.treatments-page .services-eyebrow{margin-bottom:12px}
.treatments-page .services-copy h1{margin-bottom:14px}
.treatments-page .services-description{line-height:23px}
}

/* Use a single spacing rhythm; flex gaps must not stack with text margins. */
@media(max-width:600px){
.treatments-page .consultation-section{gap:16px}
.treatments-page .consultation-copy .consultation-eyebrow,.treatments-page .consultation-copy h2,.treatments-page .consultation-copy .consultation-intro{margin:0}
.treatments-page .consultation-section .consultation-photo{margin-top:4px}
}

/* Give the mobile hero photograph its own unobstructed space. */
@media(max-width:600px){
.treatments-page .services-background{position:relative;inset:auto;display:block;width:100%;height:136px;object-fit:cover;object-position:50% 38%}
.treatments-page .services-inner{padding:22px 24px 26px;background:#f7f3ed}
}

@media(max-width:600px){
.treatments-page .meder-grid .meder-card-bottom{padding-top:12px;align-items:center;min-height:53px}
.treatments-page .meder-grid .meder-arrow{position:relative;top:auto;bottom:auto;align-self:center;margin:0;transform:none}
}

/* Consultation controls share the category button dimensions. */
@media(max-width:600px){
.treatments-page .consultation-options{display:flex;justify-content:flex-start;gap:12px}
.treatments-page .consultation-options .consultation-row{width:auto;flex:0 0 auto;height:44px;min-height:44px;padding:0 20px}
}