/* Clinic photos share the existing media viewer without changing doctor layouts. */
.clinic-gallery{min-width:0}
.clinic-gallery>.physician-gallery__heading{flex-wrap:wrap;gap:12px}
.clinic-gallery>.physician-gallery__heading h2{margin:0;min-width:0;overflow-wrap:anywhere}
.clinic-gallery p.physician-gallery__description{margin:0 0 20px;overflow-wrap:anywhere}
.clinic-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.clinic-photo{min-width:0;margin:0;aspect-ratio:4/3;background:#e8efeb;border-radius:14px;overflow:hidden}
.clinic-photo>a{position:relative;display:block;width:100%;height:100%;isolation:isolate;color:#fff;overflow:hidden}
.clinic-photo>a::after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(180deg,transparent 40%,rgba(5,38,32,.8))}
.clinic-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.clinic-photo a:hover img{transform:scale(1.04)}
.clinic-photo__title{position:absolute;z-index:1;inset-inline:12px;bottom:12px;font-size:14px;font-weight:650;line-height:1.8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clinic-gallery a:focus-visible{outline-offset:-4px}
@media(min-width:768px) and (max-width:1199px){.clinic-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.clinic-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clinic-photo{border-radius:11px}.clinic-photo__title{font-size:13px}}
@media(max-width:479px){.clinic-photo-grid{grid-template-columns:minmax(0,1fr)}}