/* === TEAM PAGE: центр + адаптив === */
.team { margin-top: 1rem; }

/* 1) Президент — одна карта по центру */
.team .row-1{
  display:flex !important;
  justify-content:center !important;
}
.team .row-1 .card{
  max-width: 760px;
  width:100%;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 2) Загальні стилі картки */
.team .card{
  display:flex;
  flex-direction: column;
  align-items: center;         /* центрує контент усередині */
  text-align: center !important;
  margin: 0 auto;
}

/* 3) Картинки завжди по центру */
.team .card img{
  display:block !important;
  float:none !important;
  margin: 0 auto 0.9rem !important;
  width: 100%;
  max-width: 260px;            /* для президента можна збільшити нижче */
  height:auto;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}
.team .row-1 .card .avatar{
  max-width: 340px;            /* президент — трошки більший портрет */
}

/* 4) Сітки для рядків з 3 карток */
.team .row-3{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 2rem;
  align-items: start;
}
.team .row-3 .card{ max-width: 420px; margin-inline:auto; }

/* 5) Тексти під фото */
.team .card .name{ margin: .35rem 0 .15rem; font-weight: 700; }
.team .card .position{ opacity: .8; margin-bottom: .35rem; }
.team .card .desc{ margin: 0 auto; max-width: 52ch; }

/* 6) Адаптив */
@media (max-width: 980px){
  .team .row-3{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .team .row-3{ grid-template-columns: 1fr; }
  .team .row-1 .card .avatar{ max-width: 280px; }
}
/* === Team page patch (центр і адаптив) === */
.team .row-1{
  display:flex;
  justify-content:center;
}
.team .row-1 .card{
  max-width: 720px;
  margin: 0 auto !important;
  text-align: center !important;
}
.team .card img{
  display:block !important;
  float:none !important;
  margin:0 auto 0.9rem !important;
}
.team .card,
.team .card *{
  text-align: center !important;
}
.team .card .avatar,
.team .card .photo{
  width:100%;
  max-width:260px; /* для президента можна 320–360px */
  height:auto;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.team .row-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:2rem;
  align-items:start;
}
@media (max-width:980px){
  .team .row-3{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width:640px){
  .team .row-3{ grid-template-columns: 1fr; }
  .team .row-1 .card .avatar{ max-width: 280px; }
}
.team .card .name{ margin:.35rem 0 .15rem; font-weight:700; }
.team .card .position{ opacity:.8; margin-bottom:.35rem; }
.team .card .desc{ margin:0 auto; max-width:52ch; }