.cosmo-doctor-head{display:flex;gap:36px;align-items:flex-start;margin-bottom:30px}.cosmo-doctor-head h1{margin-top:0;font-size:36px}.cosmo-doctor-photo{width:250px;height:250px;border-radius:50%;object-fit:cover;flex-shrink:0}.cosmo-doctor-specialty{font-size:20px}.cosmo-doctor-bio{line-height:1.65;overflow-wrap:anywhere}.cosmo-doctor-bio img{max-width:100%;height:auto}.cosmo-doctor-bio table{display:block;overflow:auto;max-width:100%}.cosmo-accreditation.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;max-width:100%;min-height:44px;padding:12px 20px;border-radius:30px;margin:8px 0 18px;line-height:1.4;white-space:normal}.cosmo-accreditation-icon{flex-shrink:0}.cosmo-accreditation span{min-width:0}.cosmo-pdf-dialog{padding:0;border:0;border-radius:16px;width:min(880px,calc(100vw - 40px));max-width:calc(100vw - 40px);height:88dvh;max-height:88dvh;color:#263843;background:#f3f6f8;overflow:hidden}.cosmo-pdf-dialog::backdrop{background:#102a3bd9}.cosmo-pdf-shell{height:100%;display:flex;flex-direction:column;min-height:0}.cosmo-pdf-head{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 20px;flex-shrink:0;background:white;border-bottom:1px solid #dce6ed}.cosmo-pdf-head h2{font:600 20px/1.3 system-ui;margin:0}.cosmo-pdf-head small{display:block;font:14px/1.4 system-ui;color:#6b7a84;margin-top:5px}.cosmo-pdf-close{background:#edf3f7;border:0;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:#264454;cursor:pointer;font:30px/1 system-ui}.cosmo-pdf-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;background:white;font:14px system-ui;flex-shrink:0}.cosmo-pdf-tools button{border:1px solid #bfd5e4;border-radius:6px;background:white;padding:8px 12px;color:#235d87;cursor:pointer;min-width:40px}.cosmo-pdf-tools a{color:#235d87;margin-left:auto}.cosmo-pdf-pages{padding:16px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;font:15px system-ui}.cosmo-pdf-page{margin:0 auto 18px;text-align:center;width:max-content;max-width:none}.cosmo-pdf-page canvas{display:block;box-shadow:0 2px 10px #27425026;background:white}.cosmo-pdf-page figcaption{font:12px system-ui;margin-top:8px;color:#697985}.cosmo-pdf-dialog button:focus-visible,.cosmo-accreditation:focus-visible{outline:3px solid #6ab5e7;outline-offset:2px}@media(max-width:600px){.cosmo-doctor-head{flex-direction:column;align-items:center;gap:20px}.cosmo-doctor-head h1{font-size:28px}.cosmo-doctor-photo{width:220px;height:220px}.cosmo-pdf-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:92dvh;max-height:92dvh;border-radius:12px}.cosmo-pdf-head{padding:12px;gap:8px}.cosmo-pdf-head h2{font-size:17px}.cosmo-pdf-head small{font-size:12px}.cosmo-pdf-tools{padding:8px}.cosmo-pdf-tools a{font-size:12px}.cosmo-pdf-pages{padding:8px}.cosmo-pdf-close{width:40px;height:40px}}

/* Directory filters use the existing site's yellow button colours. */
[data-doctor-directory] .cosmo-doctor-card[hidden]{display:none!important}
[data-doctor-directory] .clinics .tabs-wrap .tab-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 18px;padding:0}
[data-doctor-directory] .clinics .tab-nav>li{width:auto;max-width:none;min-width:0;margin:0;padding:0}
[data-doctor-directory] .cosmo-doctor-filter{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:76px;padding:12px 18px 12px 55px;border:2px solid transparent;border-radius:40px;background:#fce200;color:#194680;font:600 18px/1.25 Rubik,Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .2s,border-color .2s}
[data-doctor-directory] .cosmo-doctor-filter::before{content:"";position:absolute;left:23px;top:50%;width:18px;height:18px;border:2px solid #194680;border-radius:50%;background:#fff;transform:translateY(-50%)}
[data-doctor-directory] .cosmo-doctor-filter.active{background:#ffcb01;border-color:#178ae3}
[data-doctor-directory] .cosmo-doctor-filter.active::after{content:"";position:absolute;left:28px;top:50%;width:8px;height:8px;border-radius:50%;background:#194680;transform:translateY(-50%)}
[data-doctor-directory] .cosmo-doctor-filter:hover{background:#ffcb01}
[data-doctor-directory] .cosmo-doctor-filter:focus-visible{outline:3px solid #178ae3;outline-offset:3px}
[data-doctor-directory] .cosmo-doctor-filter span{display:block;margin-top:3px;font-size:12px;font-weight:400;text-transform:uppercase;color:#456482}
[data-doctor-directory] .cosmo-doctor-count{font-size:14px;color:#667d8e;text-align:center;margin:10px 0 22px}
/* Keep every name visible; compact the doctor's submenu only. */
.cosmo-doctor-menu{background:transparent!important}
.cosmo-doctor-menu .main-nav__sublistLvl1{background:#fff!important;overscroll-behavior:contain;scrollbar-width:thin}
@media(min-width:1024px){
 .cosmo-doctor-menu{width:min(680px,calc(100vw - 40px));left:50%;transform:translateX(calc(-50% + var(--cosmo-doctor-menu-shift,0px)))}
 .cosmo-doctor-menu .main-nav__sublistLvl1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:16px;row-gap:2px;margin:0;padding:14px;max-height:min(520px,calc(100dvh - var(--cosmo-doctor-menu-top,230px) - 16px));overflow-y:auto}
 .cosmo-doctor-menu .main-nav__subitemLvl1:not(:last-child){margin-bottom:0}
 .cosmo-doctor-menu .main-nav__sublinkLvl1{width:100%;min-width:0;max-width:none;padding:8px 10px;border-radius:6px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:break-word}
 .cosmo-doctor-menu .main-nav__sublinkLvl1:hover,.cosmo-doctor-menu .main-nav__sublinkLvl1:focus-visible{background:#eef6ff}
}
@media(max-width:1199px){[data-doctor-directory] .clinics .tabs-wrap .tab-nav{gap:12px}[data-doctor-directory] .cosmo-doctor-filter{font-size:16px;padding-right:12px}}
@media(max-width:1023px){
 .main-nav__submenu-wrapper.cosmo-doctor-menu{width:auto;transform:none;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}
 .cosmo-doctor-menu .main-nav__sublistLvl1{display:block;padding:0 12px;margin:0 16px;overflow-y:visible}
 .cosmo-doctor-menu .main-nav__sublinkLvl1{font-size:14px;line-height:1.4;min-height:44px;padding:12px 4px;width:100%;white-space:normal}
}
@media(max-width:767px){
 [data-doctor-directory] .clinics .tabs-wrap .tab-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-doctor-directory] .cosmo-doctor-filter{min-height:68px;padding:10px 10px 10px 39px;border-radius:30px;font-size:15px}
 [data-doctor-directory] .cosmo-doctor-filter::before{left:13px;width:16px;height:16px}
 [data-doctor-directory] .cosmo-doctor-filter.active::after{left:17px;width:8px;height:8px}
 [data-doctor-directory] .cosmo-doctor-filter span{font-size:10px}
}