.styles-module-scss-module__dDlZWW__about{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2.5rem 1.25rem}@media (min-width:768px){.styles-module-scss-module__dDlZWW__about{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1536px){.styles-module-scss-module__dDlZWW__about{grid-column:span 7/span 7;padding-top:3.5rem;padding-bottom:3.5rem}}@media (min-width:1920px){.styles-module-scss-module__dDlZWW__about{padding-left:3.5rem;padding-right:3.5rem}}.styles-module-scss-module__dDlZWW__about{border-radius:2.5rem;font-size:1rem}@media (min-width:1920px){.styles-module-scss-module__dDlZWW__about{font-size:1.125rem}}@media not all and (min-width:1920px){.styles-module-scss-module__dDlZWW__about{border-radius:2.5rem}}@media not all and (min-width:1536px){.styles-module-scss-module__dDlZWW__about{border-radius:2rem}}@media not all and (min-width:1024px){.styles-module-scss-module__dDlZWW__about{border-radius:1.75rem}}@media not all and (min-width:768px){.styles-module-scss-module__dDlZWW__about{border-radius:1.5rem}}@media not all and (min-width:400px){.styles-module-scss-module__dDlZWW__about{border-radius:1.25rem}}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text{opacity:.8;padding:.75rem;font-weight:500;line-height:2rem;display:none}@media (min-width:768px){.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text{padding:1.25rem}}@media (min-width:1920px){.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text{padding:2rem}}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text h2{font-size:1.125rem;line-height:1.75rem}@media (min-width:1920px){.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text h2{font-size:1.25rem;line-height:1.75rem}}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text ul{list-style:inside}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text ol{list-style:inside decimal}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text ol ol{margin:.5rem 0;padding-left:2rem;list-style:inside circle}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text li{margin-bottom:.4rem;position:relative}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__text ul ul{margin:.5rem 0;padding-left:2rem;list-style:inside circle}.styles-module-scss-module__dDlZWW__about .styles-module-scss-module__dDlZWW__active{display:block}

.pm-doctor-detail-page {
  display: grid;
  gap: clamp(1rem, 1.7vw, 1.6rem);
  width: 100%;
  min-width: 0;
  overflow-x: clip;
  padding-top: clamp(1rem, 2vw, 2rem);
}

.pm-doctor-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(20rem, 0.64fr);
  grid-template-areas:
    "profile side"
    "about side";
  gap: clamp(0.85rem, 1.5vw, 1.25rem);
  align-items: start;
  min-width: 0;
}

.pm-doctor-detail-profile-card,
.pm-doctor-detail-booking-card,
.pm-doctor-detail-notice-card,
.pm-doctor-detail-about-card {
  grid-column: auto !important;
  min-width: 0;
  border: 1px solid rgba(199, 219, 255, 0.92);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 60px rgba(23, 76, 175, 0.08);
}

.pm-doctor-detail-profile-card {
  grid-area: profile !important;
  grid-template-columns: minmax(14rem, 0.48fr) minmax(0, 0.52fr) !important;
  align-items: stretch;
  gap: clamp(1rem, 1.8vw, 1.6rem);
  padding: clamp(1rem, 2vw, 2rem);
}

.pm-doctor-detail-profile-card .styles-module-scss-module__NzwEeG__image {
  grid-column: auto !important;
  min-height: 0;
  max-height: clamp(30rem, 34vw, 40rem);
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.pm-doctor-detail-profile-card .styles-module-scss-module__NzwEeG__image img {
  border-radius: 1.2rem;
  object-position: center top;
}

.pm-doctor-detail-profile-card .styles-module-scss-module__NzwEeG__content {
  grid-column: auto !important;
  min-width: 0;
  height: auto !important;
  justify-content: flex-start !important;
}

.pm-doctor-detail-kicker {
  margin: 0;
  color: var(--pm-brand-700);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.pm-doctor-detail-title {
  margin: 0;
  color: var(--pm-ink-900);
  font-family: var(--pm-font-heading);
  font-size: clamp(1.8rem, 3.2vw, 3.85rem) !important;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.pm-doctor-detail-side {
  grid-area: side;
  display: grid;
  gap: clamp(0.85rem, 1.4vw, 1.15rem);
  min-width: 0;
  align-content: start;
}

.pm-doctor-detail-booking-card {
  display: grid;
  gap: clamp(0.85rem, 1.4vw, 1.15rem);
  align-content: start;
  padding: clamp(1.1rem, 2vw, 2rem);
  border-radius: 1.5rem;
}

.pm-doctor-detail-booking-card__head {
  display: grid;
  gap: 0.55rem;
}

.pm-doctor-detail-booking-card__head h2 {
  margin: 0;
  color: var(--pm-ink-900);
  font-family: var(--pm-font-heading);
  font-size: clamp(1.45rem, 1.65vw, 2rem);
  font-weight: 850;
  line-height: 1.1;
}

.pm-doctor-detail-booking-card__head p:not(.pm-doctor-detail-kicker),
.pm-doctor-detail-service-note {
  margin: 0;
  color: rgba(30, 41, 59, 0.72);
  font-size: 0.94rem;
  line-height: 1.55;
}

.pm-doctor-detail-service-list {
  display: grid;
  gap: 0.55rem;
}

.pm-doctor-detail-service-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: start;
  min-width: 0;
  padding: 0.76rem 0.85rem;
  border: 1px solid rgba(199, 219, 255, 0.72);
  border-radius: 0.9rem;
  background: rgba(248, 251, 255, 0.9);
}

.pm-doctor-detail-service-row span {
  min-width: 0;
  color: var(--pm-ink-900);
  font-size: 0.94rem;
  font-weight: 750;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.pm-doctor-detail-service-row strong {
  color: var(--pm-brand-700);
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1.28;
  white-space: nowrap;
}

.pm-doctor-detail-booking-card__button {
  width: 100%;
}

.pm-doctor-detail-notice-card,
.pm-doctor-detail-about-card {
  padding: clamp(1.1rem, 2vw, 2rem) !important;
  border-radius: 1.5rem !important;
}

.pm-doctor-detail-notice-card {
  align-content: start;
}

.pm-doctor-detail-about-card {
  grid-area: about !important;
}

.pm-doctor-detail-about-card .styles-module-scss-module__dDlZWW__text {
  max-width: 78rem;
  padding: clamp(0.75rem, 1.4vw, 1.25rem) 0 0 !important;
  opacity: 1;
}

.pm-doctor-detail-related {
  min-width: 0;
}

@media (max-width: 1100px) {
  .pm-doctor-detail-hero,
  .pm-doctor-detail-profile-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .pm-doctor-detail-hero {
    grid-template-areas:
      "profile"
      "side"
      "about";
  }

  .pm-doctor-detail-profile-card .styles-module-scss-module__NzwEeG__image {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}

@media (min-width: 1800px) {
  .pm-doctor-detail-hero {
    grid-template-columns: minmax(0, 1.42fr) minmax(23rem, 0.58fr);
  }

  .pm-doctor-detail-service-row {
    padding: 0.88rem 1rem;
  }
}

@media (max-width: 640px) {
  .pm-doctor-detail-profile-card,
  .pm-doctor-detail-booking-card,
  .pm-doctor-detail-notice-card,
  .pm-doctor-detail-about-card {
    border-radius: 1.25rem !important;
  }

  .pm-doctor-detail-profile-card .styles-module-scss-module__NzwEeG__image {
    aspect-ratio: 1 / 1.12;
  }

  .pm-doctor-detail-title {
    font-size: clamp(1.55rem, 8vw, 2.2rem) !important;
  }

  .pm-doctor-detail-service-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
  }

  .pm-doctor-detail-service-row strong {
    white-space: normal;
  }
}