/* ZENITH SPA STEP 09 — mobile-first visual refinement. Load after page styles. */
/* HOME: 5 equally important programs, consistently sized on wide screens. */
@media (min-width:900px) {
  .home-services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
  .home-services-grid .service-tile-img{aspect-ratio:1.25}
  .home-services-grid .service-tile-copy{padding:12px 10px 13px}
  .home-services-grid .service-tile-copy h3{font-size:14px}
}
@media (max-width:899px) {
  .home-services-grid .service-tile--fifth{grid-column:span 2;display:grid;grid-template-columns:minmax(125px,42%) minmax(0,1fr);align-items:stretch}
  .home-services-grid .service-tile--fifth .service-tile-img{aspect-ratio:auto;min-height:103px}
  .home-services-grid .service-tile--fifth .service-tile-copy{align-items:center;padding:12px 16px}
  .home-services-grid .service-tile--fifth .service-tile-copy h3{font-size:15px}
}
/* The close-up images distinguish the tools used for each treatment. */
.service-tile-img img,.course-entry-visual img{object-position:50% 50%}
/* Only touch-screen/mobile font sizes and spacing are expanded; desktop geometry stays. */
@media(max-width:600px) {
  .home-services-grid{gap:10px}
  .service-tile-copy h3{font-size:13px}
  .service-tile-copy small{font-size:10px}
  .home-services-grid .service-tile--fifth .service-tile-copy h3{font-size:14px}
  .home-prices>summary small{font-size:10px}
  .why-item strong{font-size:12px}
  .why-item p{font-size:10.5px;line-height:1.55}
  .course-title-line p,.course-entry-text p{font-size:12px;line-height:1.6}
  .course-entry-text h3{font-size:17px}
  .course-entry-number,.course-entry-en{font-size:10px}
  .course-entry-action{font-size:12px}
  .course-entry-main{grid-template-columns:minmax(115px,37%) minmax(0,1fr);min-height:178px}
  .course-entry-text{padding:13px 12px}
  .course-entry-tier>span{font-size:11px}
  .course-entry-tier strong{font-size:14px}
  .course-entry-tier small{font-size:9px}
  .guide-booking-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px;padding:16px 13px}
  .guide-booking-step{padding:8px 6px 12px}
  .guide-booking-step:not(:last-child):after{display:none}
  .guide-round-icon{width:45px;height:45px;margin-bottom:6px}
  .guide-booking-step strong{font-size:13px;line-height:1.5}
  .guide-booking-step p{font-size:11px;line-height:1.5;margin-top:4px}
  .guide-step-number{font-size:10px}
  .guide-info-strip strong{font-size:12px}
  .guide-info-strip p{font-size:10px}
  .guide-info-strip a{font-size:11px}
  .guide-visit-grid{grid-template-columns:1fr;gap:11px}
  .guide-visit-card{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch;min-height:128px}
  .guide-visit-image{aspect-ratio:auto;min-height:128px}
  .guide-visit-body{padding:16px 14px}
  .guide-visit-body h3{font-size:15px;line-height:1.5}
  .guide-visit-body p{font-size:11px;line-height:1.6}
  .guide-essentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .guide-essential{padding:15px 12px 17px}
  .guide-essential strong{font-size:12px}
  .guide-essential p{font-size:11px;line-height:1.6}
  .guide-concept-disclaimer{font-size:10px}
  .about-section-heading p,.about-story-copy>p:not(.about-lead){font-size:12px;line-height:1.7}
  .about-gallery{grid-template-rows:repeat(2,152px);gap:9px}
  .about-gallery-item figcaption{font-size:10px;letter-spacing:.04em}
  .about-extra-gallery{gap:9px;margin-top:9px}
  .about-extra-gallery img{height:152px}
  .about-value p,.about-people-copy p{font-size:11px;line-height:1.6}
  .visit-head p,.home-cta p{font-size:11px}
}
@media(max-width:359px){
  .course-entry-main{grid-template-columns:105px minmax(0,1fr)}
  .course-entry-text h3{font-size:16px}
  .guide-booking-steps{padding-inline:7px}
  .guide-info-strip p{font-size:9.5px}
  .about-gallery{grid-template-rows:repeat(2,135px)}
  .about-extra-gallery img{height:138px}
}