/* MWhite private owner-UAT service catalogue and branch map composition.
   Uses the existing blue palette, static CMS media and no new CMS controls. */
.mw-service-catalog { padding-top:clamp(42px,6vw,80px); padding-bottom:clamp(90px,9vw,150px); }
.mw-service-group { padding-bottom:clamp(75px,9vw,125px); scroll-margin-top:110px; }
.mw-service-group-heading { padding-bottom:25px; border-bottom:1px solid #e2ecf2; margin-bottom:35px; }
.mw-service-group-heading .mw-display { font-size:clamp(2.8rem,5vw,5.2rem); letter-spacing:-.052em; }
.mw-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.mw-service-grid > .mw-card { overflow:hidden; border-radius:23px; background:#fff; }
.mw-service-grid > .mw-card .mw-card-media { display:block; aspect-ratio:4/3; margin:0; background:#edf5fa; overflow:hidden; }
.mw-service-grid > .mw-card .mw-card-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .65s ease; }
.mw-service-grid > .mw-card:hover .mw-card-media img { transform:scale(1.04); }
.mw-service-grid > .mw-card .mw-card-content { padding:25px 27px 32px; }
.mw-service-grid > .mw-card .mw-list-card-title { font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.18; margin:10px 0 12px; }
.mw-service-grid > .mw-card .mw-card-content p { font-size:.95rem; line-height:1.7; max-width:32ch; }
.mw-service-group-wellness { border-top:1px solid #e2ecf2; padding-top:clamp(70px,9vw,120px); }
.mw-location-map-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:36px; }
.mw-location-map-grid > .mw-clinic-location,
.mw-location-map-entry { display:flex; flex-direction:column; overflow:hidden; border:1px solid #e3edf6; border-radius:22px; background:#fff; min-width:0; padding:23px; box-shadow:0 15px 35px rgba(14,55,90,.04); }
.mw-location-map-grid .mw-clinic-location h3, .mw-location-map-grid .mw-location-map-entry h3 { margin:0 0 11px; font-size:1.33rem; }
.mw-location-map-grid .mw-google-map { width:100%; margin-top:22px; overflow:hidden; border-radius:15px; }
.mw-location-map-grid .mw-google-map-frame { min-height:275px; }
.mw-location-map-grid iframe { width:100%; height:290px; min-height:290px; border:0; }
.mw-location-map-entry .mw-card { box-shadow:none; border:0; }
.mw-location-map-entry .mw-card-content { padding:2px 0 0; }
#lokasi-klinik { scroll-margin-top:90px; }
@media(max-width:900px) {
  .mw-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
}
@media(max-width:700px) {
  .mw-service-grid,.mw-location-map-grid { grid-template-columns:1fr; gap:21px; }
  .mw-service-grid > .mw-card .mw-card-media { aspect-ratio:1.34; }
  .mw-service-catalog { padding-bottom:65px; }
  .mw-location-map-grid > .mw-clinic-location,.mw-location-map-entry { padding:19px; border-radius:19px; }
  .mw-location-map-grid iframe { height:270px; min-height:270px; }
}
@media(prefers-reduced-motion:reduce) {
  .mw-service-grid > .mw-card .mw-card-media img { transition:none !important; }
}


/* P01-K2U: each service category uses an actual CMS photo instead of giant SVG glyphs. */
.mw-service-group-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:end; }
.mw-service-group-heading .mw-heading-icon { width:18px; height:18px; max-width:18px; max-height:18px; vertical-align:middle; }
.mw-service-category-photo { width:100%; max-width:260px; height:150px; margin:16px 0 16px; overflow:hidden; border-radius:18px; background:#eaf3f8; }
.mw-service-category-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.mw-service-group-heading > p { max-width:37ch; justify-self:end; color:#617788; line-height:1.65; }
/* Equal-height city cards even when one address wraps to more lines. */
.mw-location-map-grid { align-items:stretch; }
.mw-location-map-grid > .mw-clinic-location,.mw-location-map-entry { height:100%; box-sizing:border-box; }
.mw-location-map-grid .mw-clinic-location > p,.mw-location-map-grid .mw-location-map-entry .mw-card-content > p {
  min-height:3.5em; line-height:1.65; margin:0;
}
.mw-location-map-grid .mw-clinic-location > .mw-google-map { margin-top:auto; }
.mw-location-map-grid .mw-clinic-location > .mw-google-map { padding-top:22px; }
.mw-location-map-grid .mw-google-map-frame { height:290px; min-height:290px; }
.mw-location-map-grid .mw-google-map iframe { width:100%; height:100%; }
@media(max-width:700px) {
  .mw-service-group-heading { grid-template-columns:1fr; }
  .mw-service-group-heading > p { justify-self:start; }
  .mw-service-category-photo { height:155px; max-width:240px; }
  .mw-location-map-grid .mw-clinic-location > p { min-height:0; }
}