/* Shared finishing rules: preserve content while reducing competing decoration. */
/* Transparent hero portraits sit directly on the page and keep the full head and shoulders. */
body:not(.wl) #main .profile-hero-aligned .doctor-avatar-box.doctor-cutout {
  display: flex !important; align-items: flex-end; justify-content: center;
  width: min(100%, 380px) !important; max-width: 380px !important;
  height: clamp(250px, 28vw, 360px) !important; max-height: none !important;
  aspect-ratio: auto; overflow: visible !important; mix-blend-mode: normal;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body:not(.wl) #main .profile-hero-aligned .doctor-avatar-box.doctor-cutout :is(img,.doctor-cutout-art) {
  display: block; width: 100% !important; height: 100% !important;
  max-height: none !important; object-fit: contain !important;
  object-position: center bottom !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
@media (max-width: 768px) {
  body:not(.wl) #main .profile-hero-aligned .doctor-avatar-box.doctor-cutout {
    width: min(100%, 300px) !important; height: 280px !important;
  }
}
/* Original official headshots: bounded size and top crop retain detail and omit coat logos. */
body:not(.wl) #main .profile-hero-aligned .doctor-avatar-box:has(img[src*="/official-20261019/"]) {
  width: min(100%, 280px) !important; max-width: 280px !important;
  height: auto !important; aspect-ratio: 4 / 3; max-height: none !important;
  overflow: hidden !important; mix-blend-mode: normal;
}
body:not(.wl) #main .profile-hero-aligned .doctor-avatar-box img[src*="/official-20261019/"] {
  width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover !important; object-position: center top !important;
}
#main .doctor-avatar:has(img[src*="/official-20261019/"]) { overflow: hidden; }
#main .doctor-avatar img[src*="/official-20261019/"] {
  object-fit: cover; object-position: center top;
  transform: scale(1.333); transform-origin: center top;
}
#main .ui-directory-action { min-height: 48px; padding: 12px 22px !important; gap: 10px; height: auto !important; }
#main .ui-directory-action svg { width: 20px; height: 20px; flex: 0 0 20px; }
#main :is(a,button) > img.medical-care-paper { display: none; }
#main .ui-directory-actions > a { min-height: 48px; padding: 12px 18px !important; font-size: 14px !important; line-height: 1.4; }
#main .provider-doctor-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px !important; }
#main .provider-doctor-card .doctor-avatar { width: 88px; height: 88px; margin: 0; }
#main .provider-doctor-card .doctor-name { order: 1; margin: 0; line-height: 1.3; }
#main .provider-doctor-card .doctor-spec-pill { order: 2; background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0; font-size: 13px; line-height: 1.4; }
#main .provider-doctor-card .doctor-hospital { order: 3; margin: 0; font-size: 13px; line-height: 1.5; }
#main .provider-doctor-card .identity-hospital-logo { width: 64px; height: 28px; }
#main .provider-doctor-card .provider-experience { order: 4; margin: 0; padding: 0; background: transparent; border: 0; font-size: 12px; }
#main .provider-doctor-card .ui-doctor-actions { order: 5; margin-top: auto; padding-top: 8px; }
#main :is(.hospital-card-img,.rd-hcard-img) { aspect-ratio: 16 / 9; height: auto !important; overflow: hidden; }
#main :is(.hospital-card-img,.rd-hcard-img) img { width: 100%; height: 100%; object-fit: cover; }
#main img[src*="metro-hospital-heart-institute-noida-photo"] { object-position: 100% 50%; }
#main img[src*="felix-hospital"] { object-position: 50% 35%; }
.doctor-detail.is-independent .independent-profile-copy + p { display: none; }
@media (min-width: 1101px) and (max-width: 1350px) {
  body:not(.wl) #navbar.nav-reference .nav-brand-name { font-size: 21px; }
  body:not(.wl) #navbar.nav-reference .nav-brand { flex-shrink: 0; }
  body:not(.wl) #navbar.nav-reference .nav-links { gap: 10px; }
}
@media (max-width: 768px) {
  #main .ui-directory-callout { padding: 24px !important; }
  #main .ui-directory-actions > a { width: 100%; box-sizing: border-box; justify-content: center; }
  body.wl #main .wl-hero-mandala { opacity: .09; pointer-events: none; inset-inline-end: -30%; top: 35px; }
  body.wl #main .wl-hero-mark { display: none; }
  body.wl #main .wl-hero { min-height: 0; padding-bottom: 28px; }
  body.wl #main .wl-hero h1 { font-size: clamp(32px, 8.8vw, 42px); line-height: 1.14; }
  body.wl #main .wl-trust { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 24px; }
  body.wl #main .wl-trust > span { padding: 0; font-size: 12px; }
  body.wl #main .wl-hero-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding-block: 24px; }
  #main .provider-doctor-card { display: grid !important; grid-template-columns: 66px minmax(0,1fr); gap: 7px 14px; align-items: start; text-align: start; }
  #main .provider-doctor-card .doctor-avatar { grid-column: 1; grid-row: 1 / span 4; width: 66px; height: 76px; }
  #main .provider-doctor-card > :not(.doctor-avatar) { grid-column: 2; }
  #main .provider-doctor-card .ui-doctor-actions { grid-column: 1 / -1 !important; }
  #main .provider-doctor-card .doctor-hospital { justify-content: flex-start; }
  footer .footer-inner { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  footer .footer-brand { grid-column: 1 / -1; }
  footer .footer-col { min-width: 0; margin: 0; }
  footer .footer-col-title { font-size: 15px; margin-bottom: 8px; }
  footer .footer-links { margin: 0; padding: 0; gap: 0; }
  footer .footer-links li { margin: 0; }
  footer .footer-links a { display: flex; align-items: center; min-height: 44px; padding-block: 5px; font-size: 13px; line-height: 1.35; }
  footer .footer-assurance { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding-block: 20px; }
  body:not(.wl) #main :is(.rd-section,.medical-journey) { padding-block: 32px !important; }
  body:not(.wl) #main .rd-head { margin-bottom: 22px; }
  body:not(.wl) #main .medical-task-links .medical-task-sticker { height: 76px; }
  body:not(.wl) #main .rd-gate-portal { max-height: 180px; margin-block: 12px; overflow: hidden; }
  body:not(.wl) #main .rd-gate-stages { gap: 12px; }
  body:not(.wl) #main .rd-gate-stages { margin-bottom: 28px; text-align: start; }
  body:not(.wl) #main .rd-gate-stages > div { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 3px 14px; padding: 8px 0; }
  body:not(.wl) #main .rd-gate-stages .rd-gate-dot { grid-column: 1; grid-row: 1 / span 3; width: 44px; height: 44px; margin: 0; border-width: 1px !important; }
  body:not(.wl) #main .rd-gate-dot :is(img,svg) { width: 30px; height: 30px; }
  body:not(.wl) #main .rd-gate-stages :is(small,h3,p) { grid-column: 2; max-width: none; margin: 0; }
  body:not(.wl) #main .rd-gate-stages h3 { font-size: 18px; margin-block: 6px; }
  body:not(.wl) #main .rd-gate-stages p { font-size: 14px; line-height: 1.5; }
  body:not(.wl) #main .rd-gate h2 { font-size: 28px; line-height: 1.2; }
  body:not(.wl) #main .rd-gate-head { margin-bottom: 28px; }
  body:not(.wl) #main .rd-gate-arrive { gap: 20px; }
  body:not(.wl) #main .rd-gate-portal { height: 120px; }
  body:not(.wl) #main .rd-gate-portal .mark { width: 86px; height: 86px; box-shadow: none; }
  body:not(.wl) #main .rd-gate-portal .mark img { width: 68px; height: 68px; }
  body:not(.wl) #main .rd-gate-portal .mandala { width: 120px; height: 120px; }
  body:not(.wl) #main .rd-est-controls { padding: 18px; }
  body:not(.wl) #main .rd-est-row { gap: 16px; margin-bottom: 16px; }
  body:not(.wl) #main .rd-est-extras { margin-top: 16px; }
  body:not(.wl) #main .rd-est-well { gap: 10px; padding: 12px; }
  body:not(.wl) #main .rd-est-well small { font-size: 12px; line-height: 1.5; }
  body:not(.wl) #main .rd-est-well b { font-size: 14px; line-height: 1.4; }
  footer .footer-col { grid-column: auto !important; }
  footer .footer-brand { margin-bottom: 0; }
  footer .footer-brand > p { font-size: 13px; line-height: 1.6; }
  footer .footer-contact { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px; font-size: 12px; }
  footer .footer-contact > li:nth-child(-n+2) { grid-column: 1 / -1; }
  footer .footer-contact a { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
  footer .footer-contact li { align-items: center; }
  footer .footer-contact .icon { margin-top: 0; flex-shrink: 0; }
  footer .footer-assurance-item { gap: 8px; align-items: start; }
  footer .footer-assurance-item strong { font-size: 12px; }
  footer .footer-assurance-item span { font-size: 12px; line-height: 1.45; }
  footer .footer-assurance-item > .icon { width: 20px; height: 20px; }
}