/* Общий контейнер-сетка для карточек врачей */
.staff-grid {
 display: grid !important;
 grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
 gap: 10px !important; 
 width: 100% !important;
 max-width: 1400px !important; 
 margin: 0 auto !important;
 padding: 20px 10px !important;
 box-sizing: border-box !important;
 font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
 background-color: #ffffff !important;
}

/* Элегантная крупная белая плитка врача — СТРОГИЙ ФИКСИРОВАННЫЙ РАЗМЕР */
.staff-card {
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important; 
 justify-content: flex-start !important;
 background: #ffffff !important;
 border-radius: 24px !important;
 padding: 40px 30px !important; 
 
 /* ЖЕСТКАЯ ФИКСАЦИЯ РАЗМЕРОВ */
 height: 480px !important; 
 width: calc(100% - 20px) !important; 
 box-sizing: border-box !important;
 
 /* ГАРАНТИРОВАННЫЕ ВНЕШНИЕ ОТСТУПЫ */
 margin-top: 5px !important;
 margin-bottom: 5px !important;
 margin-left: 10px !important;
 margin-right: 10px !important;
 
 /* Постоянный премиальный дизайн (БЕЗ ИЗМЕНЕНИЙ ПРИ НАВЕДЕНИИ) */
 border: 1px solid #f0f4f8 !important;
 box-shadow: 0 10px 30px rgba(165, 175, 190, 0.06), 0 1px 4px rgba(0, 0, 0, 0.01) !important;
 
 position: relative !important;
 overflow: hidden !important;
}

/* ИСПРАВЛЕНО: Блок .staff-card:hover ПОЛНОСТЬЮ УДАЛЕН, карточка больше не двигается */

/* Крупный круглый контейнер для фотографии врача */
.staff-photo-container {
 flex-shrink: 0 !important;
 width: 270px !important; 
 height: 270px !important; 
 border-radius: 50% !important;
 overflow: hidden !important;
 margin-bottom: 30px !important; 
 
 /* Стильный медицинский ободок */
 border: 5px solid #ffffff !important;
 outline: 1px solid #eef2f7 !important;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
 background-color: #f8fafc !important;
 
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
}

/* Растягиваем и центрируем саму ссылку внутри круглого контейнера */
.avatar-link {
 display: flex !important; 
 align-items: center !important;
 justify-content: center !important;
 width: 100% !important;
 height: 100% !important;
 border-radius: 50% !important; 
 overflow: hidden !important; 
 text-decoration: none !important;
 cursor: pointer !important;
 
 /* Добавлена плавность для тени самого круга при наведении конкретно на фото */
 transition: box-shadow 0.3s ease !important;
}

/* Идеальное кадрирование лица внутри круга */
.avatar-round {
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
 object-position: center 15% !important; 
 transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; /* Плавный зум */
 display: block !important;
}

/* ИСПРАВЛЕНО: Эффект зума теперь срабатывает ТОЛЬКО когда мышка наводится на само фото */
.avatar-link:hover .avatar-round {
 transform: scale(1.08) !important; /* Легкое увеличение фото */
}

/* ДОБАВЛЕНО: Дополнительный интерактивный эффект — при наведении на фото, его ободок подсвечивается */
.avatar-link:hover {
 box-shadow: 0 0 0 2px #dbe4ff !important; /* Мягкое синее свечение вокруг фотографии */
}

/* Текстовый блок врача — ВСЁ СТРОГО ПО ЦЕНТРУ */
.staff-info {
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
 justify-content: space-between !important;
 text-align: center !important;
 width: 100% !important;
 height: 100% !important;
 box-sizing: border-box !important;
 min-width: 0 !important;
}

/* Крупное, сбалансированное ФИО */
.staff-info h3 {
 margin: 0 0 10px 0 !important;
 font-size: 22px !important; 
 color: #1e293b !important;
 font-weight: 700 !important;
 line-height: 1.3 !important;
 width: 100% !important;
 text-align: center !important;
 
 white-space: normal !important;
 overflow-wrap: break-word !important;
 word-break: keep-all !important;
}

/* Должность / Специализация ($PHOTO_DESCR$) — ИДЕАЛЬНО ПО ЦЕНТРУ С ПЕРЕНОСОМ */
.staff-position {
 font-size: 15px !important; 
 color: #64748b !important;
 font-weight: 400 !important;
 line-height: 1.5 !important;
 width: 100% !important;
 text-align: center !important;
 
 margin-top: auto !important;
 margin-bottom: auto !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 padding: 5px 0 !important;
 
 display: block !important;
 overflow: visible !important;
 white-space: normal !important;
 overflow-wrap: anywhere !important;
 word-break: break-word !important;
 -webkit-line-clamp: initial !important;
}

/* Контейнер панели модерации */
.entry-moder-container {
 margin-top: auto !important;
 margin-bottom: 0 !important;
 padding-top: 10px !important;
 display: inline-block !important;
 width: 100% !important;
 text-align: center !important;
}

/* Адаптивность для мобильных телефонов */
@media (max-width: 480px) {
 .staff-grid {
 grid-template-columns: 1fr !important; 
 padding: 15px 10px !important;
 gap: 15px !important; 
 }
 .staff-card {
 height: auto !important; 
 min-height: 420px !important;
 padding: 35px 20px !important;
 margin-left: 5px !important;
 margin-right: 5px !important;
 width: calc(100% - 10px) !important;
 }
 .staff-photo-container {
 width: 260px !important;
 height: 260px !important;
 margin-bottom: 20px !important;
 }
 .staff-info h3 {
 font-size: 20px !important;
 }
}