/* ===== EVENTS (чистовая) ===== */
.events-section{
  padding:48px 0;
  background:transparent;
}

/* шапка (кнопка по умолчанию в шапке) */
.events-section .events-head{
  display:flex; align-items:flex-end; gap:16px;
  margin-bottom:24px; position:relative;
}
.events-section .section-head__action{ align-self:flex-end; }

/* сетка: 3 / 2 / 1 */
.events-section .events-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

/* ≤1024: 2 колонки и оставляем ТОЛЬКО 2 карточки */
@media (max-width:1024px){
  .events-section .events-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  /* показывать только первые 2 карточки */
  .events-section .events-grid > *:nth-child(n+3){ display:none !important; }

  /* перенос кнопки вниз секции */
  .events-section .section-head__action{ position: relative;}
  .events-section .events-foot{ display:block; margin-top:24px; text-align:center; }
  .events-section .events-foot .btn--outline{ display:inline-flex; }
  .events-section .btn--outline {background-color:var(--brand-yellow);border: 0;}

}
@media (max-width:768px){
  /* Скрываем кнопку в шапке на мобильных */
  .events-section .section-head__action{ display: none; }
  
  /* Увеличиваем расстояние между карточками */
  .events-section .events-grid{ gap: 56px; }
  
  /* Показываем футер с кнопкой */
  .events-section .events-foot{ 
    display: block !important; 
    margin-top: 24px; 
    text-align: center; 
  }
  
  .events-section .events-foot .btn--outline{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
  }
}

/* ≤425: 1 колонка и ТОЛЬКО 1 карточка */
@media (max-width:425px){
  .events-section .events-grid{
    grid-template-columns:1fr;
    gap: 64px;
  }
  
  .events-section .events-foot{
    display: block !important;
    margin-top: 24px;
    text-align: center;
  }
}
/* карточка (как было) */
.events-section .event-card{ display:flex; gap:20px; flex-direction:column; height:100%; background:transparent; box-shadow:none; border-radius:0; }
.events-section .event-thumb{ display:block; aspect-ratio:16/9; border-radius:16px; overflow:hidden; position:relative; }
.events-section .event-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.events-section .event-badge{ position:absolute; left:12px; top:12px; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.6); color:#fff; font:600 12px/1 var(--font-family,system-ui); backdrop-filter:blur(2px); }
.events-section .event-body{ padding:12px 2px 0; display:flex; flex-direction:column; flex:1 1 auto; gap:var(--gap-xl); }
.events-section .event-excerpt{ display:none !important; }
.events-section .event-meta{ margin-top:auto; padding:12px 0 0; display:flex; align-items:center; justify-content:flex-start; gap:12px; }

/* Мобайл: убираем gap полностью и нормализуем отступы */
@media (max-width:768px){
  .events-section .event-body{ 
    gap: 0 !important;
    padding: 12px 2px 0;
  }
  
  .events-section .event-meta{
    margin-top: 0;
    padding: 12px 0 0;
  }
  
  /* Добавляем отступ к футеру */
  .events-section .events-foot{
    margin-top: 24px;
  }
}
.events-section .event-date{ display:inline-flex; align-items:center; gap:10px; font-family:'Manrope',sans-serif; font-weight:700; font-size:20px; line-height:1.2; color:var(--accent); }
.events-section .event-date::before{
  content:""; display:inline-block; width:28px; height:28px; flex:0 0 28px;
  background:no-repeat center / 28px 28px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23446A81' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='5.2' width='17.6' height='15.6' rx='1.6'/%3E%3Cline x1='7' y1='3.1' x2='7' y2='5.1'/%3E%3Cline x1='17' y1='3.1' x2='17' y2='5.1'/%3E%3Cline x1='3.6' y1='9' x2='20.4' y2='9'/%3E%3Cline x1='6' y1='12' x2='7.5' y2='12'/%3E%3Cline x1='11.5' y1='12' x2='13' y2='12'/%3E%3Cline x1='17' y1='12' x2='18.5' y2='12'/%3E%3Cline x1='6' y1='15.8' x2='7.5' y2='15.8'/%3E%3Cline x1='11.5' y1='15.8' x2='13' y2='15.8'/%3E%3C/svg%3E");
}

/* футер секции (кнопка снизу; по умолчанию скрыт — включаем на брейках выше) */
.events-section .events-foot{ 
  display: none; 
}

/* Десктопная версия: показываем кнопку в шапке */
@media (min-width: 769px) {
  .events-section .section-head__action{ 
    display: flex; 
  }
}
