/* login-photo.css — 25.09.2026, второй пакет Астры (anexis-login-photo,
   24.09.2026): композиция "photo" для экрана входа (фотография кабинета
   вместо декоративных арок). Все селекторы ограничены .anx-login, как и в
   исходном пакете. Подключается ПОСЛЕ login-v2.css. См.
   claude/tdi-clinic-login-screen-redesign.md. */
.anx-login .login-photo{display:none;margin:0;min-width:0}
.anx-login[data-composition="photo"] .login-editorial,
.anx-login[data-composition="photo"] .login-architecture{display:none}
.anx-login[data-composition="photo"] .login-stage{max-width:1176px;grid-template-columns:minmax(0,1fr) 432px;gap:48px;margin-block:16px 32px}
.anx-login[data-composition="photo"] .login-masthead,
.anx-login[data-composition="photo"] .login-footer{max-width:1176px}
.anx-login[data-composition="photo"] .login-photo{display:block;align-self:center}
.anx-login .login-photo-frame{height:clamp(440px,62svh,620px);border-radius:var(--r-lg);overflow:hidden;background:var(--selection-bg);border:1px solid var(--border)}
.anx-login .login-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.anx-login .login-photo figcaption{padding-top:var(--sp-5)}
.anx-login .login-photo figcaption p{font:var(--fw-medium) var(--fs-lg)/1.4 var(--font-brand);letter-spacing:-.3px}
.anx-login .login-photo figcaption span{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--ink-soft)}
.anx-login[data-composition="photo"] .login-card{box-shadow:var(--shadow-sm)}
@media(max-width:1050px){
  .anx-login[data-composition="photo"] .login-stage{grid-template-columns:minmax(0,1fr) 380px;gap:32px}
  .anx-login .login-photo-frame{height:500px}
  .anx-login .login-photo figcaption p{font-size:var(--fs-md)}
}
@media(max-width:820px){
  .anx-login[data-composition="photo"] .login-stage{grid-template-columns:minmax(0,432px);gap:16px;margin-block:0 24px}
  .anx-login .login-photo-frame{height:176px}
  .anx-login .login-photo-frame img{object-position:65% 38%}
  .anx-login .login-photo figcaption{display:none}
  .anx-login[data-composition="photo"] .login-masthead{padding-block:20px}
  .anx-login[data-composition="photo"] .login-footer{padding-block:16px}
}
@media(max-width:480px){
  .anx-login .login-photo-frame{height:136px}
  .anx-login .login-photo-frame img{object-position:65% 38%}
  .anx-login[data-composition="photo"] .login-stage{gap:12px}
  .anx-login[data-composition="photo"] .login-heading{margin-block:20px}
  .anx-login[data-composition="photo"] .login-clinic{padding-bottom:20px}
}
@media(max-width:820px) and (max-height:600px){
  .anx-login[data-composition="photo"] .login-photo{display:none}
}