/* Figma 302:6645; preserve real directory data, pagination and approved photo framing. */
.directory-page .directory-masthead h1{font-size:71px;font-weight:700;line-height:79px}
.directory-page .directory-masthead>div>p{font-size:28px;line-height:1.3}
/* Search bar (PAMA-060): specialty select + search box with the orange button. */
.directory-page .directory-select{position:relative;display:block}
.directory-page .directory-select select{width:100%;height:62px;padding:0 48px 0 20px;border:1px solid #b9c9cd;border-radius:6px;background:#fff;color:#1c1b1f;font:400 16px/1.2 var(--font-sans);text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.directory-page .directory-select select:focus-visible{outline:3px solid rgba(242,136,0,.32);outline-offset:0}
.directory-page .directory-select::after{content:"";position:absolute;top:50%;right:24px;border:5px solid transparent;border-top-color:#1c1b1f;border-bottom:0;transform:translateY(-50%);pointer-events:none}
.directory-page .directory-search-box{display:grid;grid-template-columns:minmax(0,1fr) 127px;gap:8px;padding:6px;border-radius:8px;background:#fff}
/* Directory card (PAMA-060): one column, photo left, offices/contact rows, languages + actions right. */
.directory-page .directory-heading{flex-wrap:wrap}
.directory-page .directory-doctor-card{display:grid;grid-template-columns:123px minmax(0,1fr);align-items:start;column-gap:50px;padding:20px 22px 12px 18px;border-radius:4px;background:#fff}
.directory-page .directory-doctor-card .doctor-photo-frame,
.directory-page .directory-doctor-card .doctor-avatar{position:relative;display:block;width:123px;height:123px;overflow:hidden;border-radius:50%;background:#dfeaed}
.directory-page .directory-doctor-card .doctor-avatar{display:grid;place-items:center;color:#004759;font-size:34px;font-weight:650;letter-spacing:-.04em}
.directory-page .directory-doctor-card .doctor-photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--face-position,50% 50%);transform:translateX(var(--photo-shift-x,0%)) scale(var(--photo-zoom,1));transform-origin:var(--face-position,50% 50%)}
.directory-page .directory-doctor-card .doctor-photo-frame img.framing-square{object-position:50% 50%;transform-origin:50% 50%}
.directory-page .directory-doctor-content{min-width:0;padding-top:6px}
.directory-page .directory-doctor-card h3{margin:0 0 4px;padding-bottom:2px;border-bottom:1px solid #3e3d40;color:#1c1b1f;font-size:24px;font-weight:400;line-height:1.3}
.directory-page .directory-doctor-card h3 a{color:inherit;text-decoration:none}
.directory-page .directory-doctor-card h3 a:hover{color:var(--color-primary)}
.directory-page .doctor-specialty{margin:0;color:#77767a;font-size:16px;font-weight:300;line-height:1.4;text-transform:uppercase}
.directory-page .doctor-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;margin-top:22px}
.directory-page .doctor-offices{display:grid;align-content:start;gap:32px}
.directory-page .doctor-office{display:grid;gap:16px}
.directory-page .doctor-info{display:flex;align-items:center;gap:8px;min-height:24px;margin:0;color:#1c1b1f;font-size:14px;font-weight:300;line-height:1.3}
.directory-page .doctor-info img{flex:0 0 20px;width:20px;height:20px}
.directory-page .doctor-info a{color:inherit;text-decoration:none}
.directory-page .doctor-info a:hover{color:var(--color-primary);text-decoration:underline}
.directory-page .doctor-card-aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px}
.directory-page .doctor-languages{white-space:nowrap}
.directory-page .doctor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 32px}
.directory-page .doctor-actions .doctor-action{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-size:16px;font-weight:400;line-height:1.4;text-decoration:none}
.directory-page .doctor-actions .doctor-action>img{flex:0 0 24px;width:24px;height:24px}
.directory-page .doctor-actions .doctor-action:hover>span{text-decoration:underline}
.directory-page .doctor-actions .appointment{color:#c24600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
  .directory-page .directory-masthead h1{font-size:52px;line-height:1.15}
  .directory-page .directory-masthead>div>p{font-size:24px}
  .directory-page .directory-search{gap:16px}
  .directory-page .directory-doctor-card{column-gap:32px}
}
@media(max-width:780px){
  .directory-page .doctor-card-body{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .directory-page .doctor-card-aside{align-items:flex-start}
  .directory-page .doctor-actions{justify-content:flex-start;gap:8px 24px}
}
@media(max-width:640px){
  .directory-page .directory-masthead h1{font-size:42px}
  .directory-page .directory-masthead>div>p{font-size:18px}
  .directory-page .directory-search{grid-template-columns:1fr;gap:12px}
  .directory-page .directory-select select{height:56px}
  .directory-page .directory-search-box{grid-template-columns:minmax(0,1fr) auto}
  .directory-page .directory-search .button{padding:8px 20px}
  .directory-page .directory-doctor-card{grid-template-columns:72px minmax(0,1fr);column-gap:16px;padding:16px}
  .directory-page .directory-doctor-card .doctor-photo-frame,
  .directory-page .directory-doctor-card .doctor-avatar{width:72px;height:72px}
  .directory-page .directory-doctor-card .doctor-avatar{font-size:22px}
  .directory-page .directory-doctor-content{padding-top:0}
  .directory-page .directory-doctor-card h3{font-size:20px;overflow-wrap:anywhere}
  .directory-page .doctor-specialty{font-size:14px}
  .directory-page .doctor-card-body{margin-top:16px}
  .directory-page .doctor-info{align-items:flex-start;overflow-wrap:anywhere}
  .directory-page .doctor-info>span{padding-top:2px}
  .directory-page .doctor-languages{white-space:normal}
  .directory-page .doctor-actions .doctor-action{font-size:14px}
}