/* Третий экран. Остальные блоки страницы не затрагиваются. */
.club-situations {
  position: relative;
  isolation: isolate;
  margin-top: -48px;
  margin-bottom: 48px;
  padding: 70px 32px 72px;
  overflow: hidden;
  background: #111110;
  color: #f3eee5;
  border-block: 1px solid #967c4b55;
}

.club-situations::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #111110b3, #111110ed), url('../images/bg2.jpg') center / cover no-repeat;
  pointer-events: none;
}

.club-situations .situations-inner {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.club-situations .situations-title {
  max-width: 980px;
  margin: 0 auto;
  font-family: 'Bebas Neue', Arial, sans-serif;
  font-size: clamp(36px, 4.35vw, 52px);
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: .8px;
  text-align: center;
  text-wrap: balance;
}

.club-situations .situations-title::before {
  content: '';
  display: block;
  width: 44px;
  height: 2px;
  margin: 0 auto 24px;
  background: #b5955a;
}

.club-situations .situations-title span { color: #c19d58; }
.club-situations .situations-title .situations-keep { white-space: nowrap; }

.club-situations .situations-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 38px 0 40px;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid #967c4b55;
  border-radius: 9px;
  background: #967c4b55;
}

.club-situations .situations-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  min-width: 0;
  padding: 27px 25px;
  background: #171613;
}

.club-situations .situation-number {
  flex-shrink: 0;
  padding-top: 5px;
  color: #b5955a;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 1px;
}

.club-situations .situation-text {
  color: #d8d2c6;
  font-size: 16px;
  line-height: 1.85;
}

.club-situations .situations-reflection {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.club-situations .situations-reflection p {
  margin: 0;
  color: #bfb9ae;
  font-size: 17px;
  line-height: 1.85;
}

.club-situations .situations-reflection p + p { margin-top: 18px; }

.club-situations .situations-reflection .situations-conclusion {
  margin-top: 29px;
  padding: 19px 25px;
  border-left: 2px solid #b5955a;
  background: linear-gradient(90deg, #967c4b14, transparent);
  color: #f0e9db;
  font-size: 23px;
  line-height: 1.65;
}

.club-situations .situations-conclusion span { color: #d0ad6a; }

@media (max-width: 980px) {
  .club-situations { padding: 58px 28px 60px; }
  .club-situations .situations-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .club-situations .situations-list li { padding: 25px; }
  .club-situations .situations-title { max-width: 760px; }
}

@media (max-width: 767px) {
  .club-situations { margin-top: -36px; margin-bottom: 36px; padding: 48px 22px 50px; }
  .club-situations .situations-title { max-width: 550px; font-size: 36px; letter-spacing: .4px; }
  .club-situations .situations-title::before { margin-bottom: 21px; }
  .club-situations .situations-list { max-width: 540px; margin: 29px auto 30px; }
  .club-situations .situations-list li { gap: 12px; padding: 23px 20px; }
  .club-situations .situation-text { font-size: 15px; line-height: 1.8; }
  .club-situations .situations-reflection { max-width: 540px; }
  .club-situations .situations-reflection p { font-size: 16px; line-height: 1.85; }
  .club-situations .situations-reflection .situations-conclusion { padding: 16px 20px; font-size: 21px; margin-top: 25px; }
}

@media (max-width: 560px) {
  .club-situations .situations-list { grid-template-columns: minmax(0, 1fr); }
  .club-situations .situations-list li { padding: 21px; }
  .club-situations .situation-text { font-size: 16px; }
}

@media (max-width: 374px) {
  .club-situations { padding-inline: 18px; }
  .club-situations .situations-title { font-size: 32px; }
  .club-situations .situations-list li { padding: 20px 18px; }
  .club-situations .situations-reflection .situations-conclusion { font-size: 20px; padding-inline: 18px; }
}
