/* МЕРОПРИЯТИЕ */


.event-page {
margin-top: 140px;
}

.event-article {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}



.event-title {
  font-family: var(--font-heading, 'Onest', sans-serif);
  font-size: 76px;
  line-height: 1.1;
  margin-bottom: 24px;
}

.event-title__line {
  display: block; /* Каждая строка — с новой строки */
}

.event-title__line--accent {
  color: var(--color-accent);

}

.event-title .accent {
  color: var(--color-accent);
}







.event-content {
        color: var(--color-white); 
}

.event-header {
  margin-bottom: 40px;
}

/* Линия под h1 */
.event-title__divider {
  margin-top: 16px;
  margin-bottom: 24px;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.15); /* можно заменить на var(--color-accent) если хочется ярче */
}
.event-header-row {
  display: flex;
  flex-direction: row;      /* насильно, чтобы не было row-reverse */
  justify-content: space-between;
  gap: 24px;
}

/* Подзаголовок слева */
.event-subtitle {
  margin: 0;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 50px;
  line-height: 1.2;
  color: var(--color-white); /* как просил */
  flex: 1 1 auto;
  font-weight: 250;
  max-width: 700px;
}

/* Кнопка справа */
.event-cta-btn {
  flex: 0 0 auto;
  padding: 14px 78px;
  border-radius: 20px;
  background: var(--color-accent);
  color: var(--color-bg-main);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.event-cta-btn:hover {
  background: var(--color-white);
  color: var(--color-bg-main);
}

.event-cta-btn:active {
  transform: translateY(0);
  box-shadow: none;
}

/* На мобиле можно уронить в столбец */
@media (max-width: 768px) {
  .event-header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .event-cta-btn {
    width: 100%;
    justify-content: center;
  }
}






/* Правая колонка: текст + кнопка */
.event-cta {

  display: flex;
  flex-direction: column;
  align-items: flex-start; /* ← выравнивание по левому краю */
  gap: 12px;
}

/* Текст над кнопкой */
.event-cta-text {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-white);
  opacity: 0.85;
  text-align: left;
  width: 490px;
}

@media (max-width: 768px) {
  .event-cta {
    align-items: flex-start;
    width: 100%;
  }

  .event-cta-text {
    text-align: left;
    max-width: none;
  }
}










/* Вторая строка заголовка + мета справа */
.event-title-row {
  display: inline-flex; /* ← КЛЮЧ */
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}


/* Блок даты и адреса */
.event-meta {
  display: flex;
  flex-direction: column;   /* ← ключевой момент */
  align-items: flex-start;  /* выравнивание по левому краю */
  gap: 6px;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 18px;
  color: var(--color-white);
width: 490px;
}


/* Дата */
.event-meta-date {
  font-size: 50px;
  margin-bottom: 10px;
}

.event-meta-location {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  opacity: 0.9;
  text-transform: none;
  font-weight: 400;
}
/* Иконка локации */
.event-meta-icon {
  width: 18px;
  height: 18px;
  display: block;
}














@media (max-width: 1200px) {

    .event-article {
  padding: 0 20px;
    }

    .event-meta-icon {
  width: auto;
  height: auto;
  display: block;
}



  /* Заголовок: делаем его чуть поменьше и компактнее, опционально */


  /* Вторая строка + мета: превращаем в столбик */
  .event-title-row {
    display: block;            /* вместо inline-flex */
  }

  .event-meta {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
        width: 100%;
  }

  .event-meta-date {
    font-size: 32px;
    margin-top: 20px;
    font-weight: 250;
  }

  .event-meta-location {

    width: 100%;
  }

  /* Ряд с h2 и CTA ломаем в колонку */
  .event-header-row {
    margin-top: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .event-subtitle {
    max-width: none;
    font-size: 32px;
    line-height: 1.2;
  }

  /* Правая колонка CTA — на всю ширину, текст + кнопка под ним */
  .event-cta {
    width: 100%;
    align-items: flex-start;
  }

  .event-cta-text {
    max-width: none;
    text-align: left;
    width: 100%;
  }



  /* Линия пусть тоже по ширине контента */
  .event-title__divider {
    margin-top: 40px;
  }
}



@media (max-width: 768px) { 

.event-page {
margin-top: 120px;
}

  .event-title {
    font-size: 40px;
    line-height: 1.1;
  }

    .event-cta-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

}











/* Hero-баннер наверху */
.event-hero {
  overflow: hidden;
margin: 0 -20px 20px; /* компенсируем padding родителя: 0 сверху, -50 слева/справа, 20 снизу */


}

/* Картинка на всю ширину блока */
.event-hero picture,
.event-hero img {
  display: block;
  width: 100%;
}

.event-hero img {
  height: auto;
  object-fit: cover;
}

/* Если хочешь ограничить высоту на больших экранах (чтобы не было “простыни”) */
@media (min-width: 1200px) {
  .event-hero img {
    max-height: 420px;
      margin-bottom: 0;
  }
}












/* Блок логотипов партнёров */
.event-logos {
  margin: 100px 0 140px 0;
}

/* Сетка логотипов */
.event-logos__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 24px;
}

/* Карточка под логотип */
.event-logo-card {
  padding: 16px 24px;
  border-radius: 24px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
}

/* Сам логотип */
.event-logo-card img {
  max-width: 100%;
  max-height: 60px;
  height: auto;
  width: auto;
  object-fit: contain;
}



@media (max-width: 1200px) { 
.event-logo-card {
  min-width: 50px;
    border-radius: 20px;
}

.event-logo-card img {
  max-height: 30px;
}

}








/* Секция Будет интересно*/

/* Заголовок секции (h2 в контенте) — копия стиля .event-subtitle */
.event-content > h2.wp-block-heading:first-of-type {
  margin: 0;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 52px;
  line-height: 1.4;
  color: var(--color-white);
  font-weight: 250;
  max-width: 600px;
}

/* Адаптив под 1200px только для этого h2 */
@media (max-width: 1200px) {
  .event-content > h2.wp-block-heading:first-of-type {
    max-width: none;
    font-size: 32px;
    line-height: 1.2;
  }
}

/* ---------- ДВЕ КОЛОНКИ: слева картинка, справа текст ---------- */

/* На десктопе: превращаем event-content в двухколоночную сетку */
@media (min-width: 1200px) {
  .event-content {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr);
    column-gap: 40px;
    align-items: flex-start;
  }

  /* Первая картинка в контенте — в левую колонку,
     растягиваем по высоте секции (хватает span 3) */
  .event-content > figure.wp-block-image:first-of-type {
    grid-column: 1;
    grid-row: 1 / 4;
  }

  /* Заголовок, таблица и пояснение — в правую колонку */
  .event-content > h2.wp-block-heading:first-of-type,
  .event-content > figure.wp-block-table,
  .event-content > figure.wp-block-table + p {
    grid-column: 2;
  }
}

/* На экранах меньше 1200: обычный поток, картинку прячем совсем */
@media (max-width: 1199.98px) {
  .event-content {
    display: block;
  }



  .event-content > figure.wp-block-image:first-of-type {
    display: none;
  }
}

/* ---------- Таблица ---------- */

/* Обёртка таблицы (без :first-of-type, чтобы не ловить картинку) */
.event-content figure.wp-block-table {
  margin:  0;
  margin-top: 20px;
}

/* Таблица: убиваем РАМКИ темы и рисуем только линии между строками */
.event-content figure.wp-block-table table,
.event-content figure.wp-block-table th,
.event-content figure.wp-block-table td {
  border: none !important;
}

.event-content figure.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

/* Строки — только горизонтальные линии между ними */
.event-content figure.wp-block-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.event-content figure.wp-block-table tbody tr:last-child {
  border-bottom: none;
}

/* Ячейки — текст как у event-cta-text */
.event-content figure.wp-block-table td {
  padding: 16px 0;
  vertical-align: top;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-white);
}

/* 1-я колонка — номер, акцентный цвет */
.event-content figure.wp-block-table td:first-child {
  width: 40px;
  padding-right: 16px;
  color: var(--color-accent);
}

/* 2-я колонка — заголовок строки */
.event-content figure.wp-block-table td:nth-child(2) {
  width: 35%;
  padding-right: 24px;
    font-weight: 500;
}

/* 3-я колонка — описание, 14px */
.event-content figure.wp-block-table td:nth-child(3) {
font-size: 16px;
font-weight: 400;
  line-height: 1.6;
opacity: 0.6;
}

/* ---------- Пояснение под таблицей ---------- */

.event-content figure.wp-block-table + p {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
  opacity: 0.9;
  max-width: 800px;
  margin-top: 24px;
}

/* ---------- Адаптив таблицы (мобилка) ---------- */

@media (max-width: 768px) {
  .event-content figure.wp-block-table tbody tr {
    display: grid;
    grid-template-columns: auto 1fr; /* слева цифра, справа текст */
    column-gap: 16px;
    row-gap: 4px;
    padding: 12px 0;
  }




  .event-content figure.wp-block-table td {
    padding: 2px 0;
    width: auto !important;
font-size: 16px;
  }

  /* Цифра слева занимает весь столбец по высоте блока */
  .event-content figure.wp-block-table td:first-child {
    grid-row: 1 / span 2;
    align-self: flex-start;
  }

  /* Заголовок и описание оба идут в правую колонку, друг под другом */
  .event-content figure.wp-block-table td:nth-child(2),
  .event-content figure.wp-block-table td:nth-child(3) {
    grid-column: 2;
font-size: 16px;
  }

  .event-content {
margin-bottom: 120px;
  }

  .event-logos {
  margin: 60px 0 80px 0;
}

.event-content figure.wp-block-table td:nth-child(2) {
        color: var(--color-accent);
}



}




















/* Секция программы */
.event-program-section {
  margin: 120px 0;
}

/* Контейнер карточек */
.event-program-cards {
  display: flex;
  gap: 32px;
  align-items: stretch;
  
}

/* Карточка */
.event-program-card {
  flex: 1 1 0;
  padding: 32px 32px 40px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.04); /* белый с прозрачностью на тёмном фоне */
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.09);
}

/* Заголовок карточки */
.event-program-card-title {
  margin: 0 0 20px;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 28px;
  line-height: 1.4;
  color: var(--color-accent);
  font-weight: 500;
}

/* Плашка времени */
.event-program-time {
  display: flex;
  align-items: center;      /* вертикаль */
  justify-content: center;  /* горизонталь */
    text-align: center;       /* на случай переносов */
  padding: 10px 24px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08); /* чуть плотнее, чем фон карточки */
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-white);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

/* Мобилка: карточки одна под другой */
@media (max-width: 900px) {
  .event-program-cards {
    flex-direction: column;
  }

  .event-program-card {
    padding: 24px 20px 32px;
  }

  .event-program-card-title {
    font-size: 20px;
  }

  .event-program-time {
    font-size: 16px;
  }

  /* Секция программы */
.event-program-section {
  margin: 80px 0 40px 0;
}
}





.subtitleh2 {
  margin-bottom: 40px;

}



.event-program-card-time {
  display: inline-block;
  margin-bottom: 24px;
  padding: 10px 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-white);
}




























/* Обёртка программы */
.event-program {
  margin-top: 20px;
}






/* ----- ВКЛАДКИ ПРОГРАММЫ ----- */

.event-program-tabs {
  margin-top: 24px;
}

/* Кнопки вкладок */
.event-program-tabs-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.event-program-tab-btn {
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: transparent;
  color: var(--color-white);
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.4;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.event-program-tab-btn:hover {
  border-color: var(--color-accent);
}

.event-program-tab-btn--active {
  background: var(--color-accent);
  color: var(--color-bg-main);
  border-color: var(--color-accent);
}

/* Контейнеры таблиц */
.event-program-tabs-contents .event-program {
  display: none;
}

.event-program-tabs-contents .event-program.event-program--active {
  display: block;
}

/* ----- СТРОКИ ПРОГРАММЫ (как были, с доработкой спикеров) ----- */

.event-program-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 60px;
  padding: 26px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
    align-items: center;
}

.event-program-row-first {
  border-top: none;
}

.event-program-time {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--color-white);
}

.event-program-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Спикер: имя и должность в одной строке */
.event-program-speaker {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 2px;
}

.event-program-speaker + .event-program-speaker {
  margin-top: 4px;
}

/* Имя */
.event-program-speaker-name {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--color-accent);
}

/* Должность справа от имени */
.event-program-speaker-position {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 20px;
  line-height: 1.4;
  color: var(--color-white);
  opacity: 0.6;
}

/* Описание */
.event-program-description {
  margin-top: 6px;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-white);
}

/* Мобилка: время сверху */
@media (max-width: 767px) {
  .event-program-row {
  grid-template-columns: 80px minmax(0, 1fr);
    gap: 14px;
  }

  .event-program-time {
    font-size: 20px;
  }

  .event-program-speaker-name {
    font-size: 16px;

  }

  .event-program-speaker-position{
    font-size: 16px;

  }

  .event-program-description {

        font-size: 14px;
  }


  .event-program-time {
  display: flex;
  align-items: center;      /* вертикаль */
  justify-content: center;  /* горизонталь */
    text-align: center;       /* на случай переносов */
  padding: 8px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08); /* чуть плотнее, чем фон карточки */
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-white);
}



}






/* Контейнер для двух спикеров */
.event-program-speakers{
  display: flex;
  flex-wrap: wrap;      /* если не влезают — переносятся */
  gap: 12px 24px;       /* вертикаль / горизонталь */
  align-items: baseline;
}

/* Убираем твой margin-top между спикерами — теперь расстояние задаёт gap */
.event-program-speaker + .event-program-speaker{
  margin-top: 0;
}
















/* Speakers */
.event-speakers-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

@media (max-width: 1024px){
  .event-speakers-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

.event-speaker-photo {
height: 100%;

}

}
@media (max-width: 640px){
  .event-speakers-grid{ grid-template-columns: 1fr; }
}

.event-speaker-card{
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
border: 1px solid rgba(255, 255, 255, 0.09);
gap: 16px;
  padding: 0; /* было 16px */
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  box-shadow: 0 2px 24px rgba(0,0,0,0.18);
  overflow: hidden; /* важно, чтобы фото не вылезало за скругление */
}

.event-speaker-meta{
  padding: 16px;
}

.event-speaker-photo{
  width: 96px;
  aspect-ratio: 4 / 4.6;
  border-radius: 16px 0 0 0;
  overflow: hidden;
  background: rgba(255,255,255,0.08);
}

.event-speaker-photo img{
  width: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 1025px){
	.event-speaker-photo img{
  height: 100%;
}
}

.event-speaker-name{
  line-height: 1.25;
  font-size: 20px;
    color: var(--color-white);
    font-weight: 600;
}

.event-speaker-position{
  margin-top: 6px;
  opacity: 0.6;
  line-height: 1.35;
  font-size: 14px;
    color: var(--color-white);
}

.event-speakers-empty{
  margin-top: 12px;
  opacity: 0.75;
}


@media (min-width: 1025px){
  .event-speaker-card{
    grid-template-columns: 1fr;
    align-items: start;
  }

  .event-speaker-photo{
    width: 100%;
  }

  .event-speaker-meta{
    text-align: center;
  }

  .event-speaker-card{
gap: 0px;
}
}


















.event-bloggers-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 30px;
}

.event-blogger-card{
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 14px;

        background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.event-blogger-photo{
  width: 96px;
  height: 96px;
  border-radius: 999px; /* максимальное скругление */
  overflow: hidden;

}

.event-blogger-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.event-blogger-name{
  color: var(--color-white);
  font-size: 20px;
  font-weight: 600;
}

.event-blogger-desc{
  margin-top: 6px;
  opacity: 0.6;
  line-height: 1.35;
  font-size: 14px;
    color: var(--color-white);
}

.event-blogger-link{
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  color: var(--color-accent);
}

.event-blogger-link:hover{
  text-decoration: underline;
}

@media (max-width: 980px){
  .event-bloggers-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

.event-speaker-name {
  font-size: 16px;
}
.event-speaker-position {
font-size: 12px;
}

.event-blogger-name {
    font-size: 16px;
}

.event-blogger-desc {
  font-size: 12px;
}

.event-blogger-link {
  font-size: 12px;
}


}

@media (max-width: 640px){
  .event-bloggers-grid{ grid-template-columns: 1fr; }
  .event-blogger-card{ grid-template-columns: 72px minmax(0, 1fr); }
  .event-blogger-photo{ width: 72px; height: 72px; }

  .event-blogger-card {
    padding: 14px;
  }
}


@media (max-width: 420px){

.event-program-tab-btn {
font-size: 12px;

}

}





















.event-compaions-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
}

.event-compaion-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.02);
  text-decoration: none;
}

.event-compaion-logo img{
  width: 100%;
  height: 44px;
  object-fit: contain;
  display: block;
}

@media (max-width: 1100px){
  .event-compaions-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .event-compaions-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-compaion-logo img{ height: 40px; }
}



















.tickets{
  padding: 40px 0 60px;
  margin-bottom: 100px;
}

.tickets__container{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}



.tickets__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.ticket-card{
  position: relative;
  border-radius: 26px;
  padding: 36px 34px 30px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr auto;
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.ticket-card__content{
  color: var(--color-white);
  font-family: var(--font-base);
}

.ticket-card__content h1,
.ticket-card__content h2,
.ticket-card__content h3{
  font-family: var(--font-heading);
  margin: 0 0 12px;
}

.ticket-card__content h2 {
font-weight: 400;
font-size: 40px;
color: var(--color-accent);
}

.t-descr_xxs {
color: var(--color-white);
opacity: 0.6;
font-weight: 400;
margin-bottom: 20px;
}

.ticket-card__content p{
  margin: 0 0 12px;
  opacity: .95;
}

.ticket-card__content ul,
.ticket-card__content ol{
  margin: 14px 0 0;
  padding-left: 18px;
}

.ticket-card__content li{
  margin: 8px 0;
  opacity: .6;
}

.ticket-card__cta{
  margin-top: 22px;
  display: flex;

}

  .ticket-card__content h3{
    font-size: 40px;
    font-weight: 400;
  }

  .old-price {
    font-size: 32px!important;
  }

@media (max-width: 900px){
  .tickets__grid{ grid-template-columns: 1fr; }
  .tickets__container{ padding: 0 20px; }
  .ticket-card{ min-height: unset; }

  .ticket-card__content h3{
    font-size: 32px;
  }

    .old-price {
    font-weight: 300!important;
  }

  .ticket-card__content p {
    font-size: 14px;
  }

  .t-descr_xxs {
    margin-bottom: 10px;
  }

  .btn-ticket {
width: 100%;
  }

  .ticket-card__content h2 {
font-size: 36px;
}

.tickets{
  margin-bottom: 40px;
}

}


.header-action-card {
display: block;
width: 100%;
}










.afterparty {

}


.afterparty__layout{
  display: grid;
grid-template-columns: 1.6fr 1fr;
  gap: 40px;
  align-items: start;
}

.custom-block__layout {
grid-template-columns: 1.4fr 1.2fr;
}

.afterparty__img img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  max-width: 485px;
}

.afterparty__img--mob{ display: none; }

@media (max-width: 1200px){
  .afterparty__layout{
    grid-template-columns: 1fr;
  }
  .afterparty__img--web{ display: none; }
  .afterparty__img--mob{ display: block; }
}


.afterparty__info {
    color: var(--color-white);
    margin-bottom: 40px;
}

.afterparty__info a {
    color: var(--color-accent);
}



/* Контейнер секции */
.afterparty__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

@media (max-width: 768px){
  .afterparty__inner{ padding: 0 20px; }
}

/* Нумерованный список: цифры в кружках */
.afterparty__info ol{
  list-style: none;
  counter-reset: ap;
  padding-left: 0;
  margin-left: 0;
}

.afterparty__info li{
margin-bottom: 14px;
}

.afterparty__info ol > li{
  counter-increment: ap;
  position: relative;
  padding-left: 44px; /* место под кружок */
      color: var(--color-accent);
}

.afterparty__info ol > li::before{
  content: counter(ap);
  position: absolute;
  left: 0;
  top: 0.15em;

  width: 30px;
  height: 30px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255,255,255,0.18);

  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

















.contacts{
margin-bottom: 120px;
}


.contacts__grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;

  gap: 24px;
  margin-top: 18px;
  align-items: start;
  color: var(--color-white);
}

.contacts__note a{
  color: var(--color-accent);
}

.contacts__img{
  overflow: hidden;
}

.contacts__img img{
  width: 100%;
  height: auto;
  display: block;
}

.contacts__info{
  margin-top: 14px;
}

.contacts__buttons{
  display: grid;
  gap: 26px;
}

.contacts__tg-btn{
  display: inline-flex;
  align-items: center;      /* вертикально */
  justify-content: center;  /* горизонтально */
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: var(--color-accent);
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);

}


.contacts__tg-ico{
  display: block;
}

.contacts__note{
  margin-top: 16px;
  opacity: 0.9;
}

.contacts__note a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cont-button {
min-width: 100%;
}

@media (max-width: 768px){
  .contacts__grid{
    grid-template-columns: 1fr;
  }

  
.contacts__tg-btn{
  width: 100%;
}

.subtitleh2 {
  margin-bottom: 30px;
}

.afterparty__info {
  font-size: 14px;

}

.contacts__buttons{
  gap: 14px;
}


}














.event-price-graph img {
  width: 100%;
  height: auto;
  display: block;
}


.price-pg {
margin-bottom: 120px;
}






.price-graph-wrapper {
  position: relative;
}

.event-cta-timer--graph {
  position: absolute;
  top: 1px;
  left: 1px;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
  backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.09);;
  padding: 18px 22px;
  border-radius: 12px;
  text-align: left;
}

@media (max-width:1200px){

  .event-cta-timer--graph{
    position: static;
    margin-top:20px;
    background:none;
    backdrop-filter:none;
    padding:0;
  }

  .timer-block{
    margin-top: 40px!important;
  }

}













/* =========================
   Reviews (О нас говорят)
   ========================= */

.event-reviews-section .reviews-slider{
  position: relative;
}

/* Track: 3 карточки на десктопе, свайп/скролл */
.event-reviews-section .reviews-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2 * 18px) / 3);
  gap: 18px;

  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;

  padding: 6px 52px; /* место под стрелки */
}

/* Убираем полосы прокрутки (аккуратно) */
.event-reviews-section .reviews-track{
  scrollbar-width: none; /* Firefox */
}
.event-reviews-section .reviews-track::-webkit-scrollbar{
  display: none; /* Chrome/Safari */
}

/* Card */
.event-reviews-section .review-card{
  scroll-snap-align: start;
  font-size: 14px;
  border-radius: 20px;
  padding: 18px 18px 16px;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.09);

  color: var(--color-white);

  display: grid;
  grid-template-rows: 1fr auto;
  gap: 14px;
}

/* Text */
.event-reviews-section .review-text{
  color: var(--color-white);
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  line-height: 1.6;
}
.event-reviews-section .review-text p{
  margin: 0 0 10px;
}
.event-reviews-section .review-text p:last-child{
  margin-bottom: 0;
}


.review-text p{
  font-size: 14px;
}

/* Кнопка "Читать полностью" */
.event-reviews-section .review-toggle{
margin-bottom: 20px;
  font-size: 14px!important;
  background: none;
  border: 0;

  color: var(--color-white);
  text-decoration: underline;
opacity: 0.6;
  font: inherit;
  text-align: left;

  cursor: pointer;
}

.event-reviews-section .review-toggle:hover{
  opacity: 0.85;
}


/* Footer */
.event-reviews-section .review-footer{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

/* Avatar */
.event-reviews-section .review-avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  overflow: hidden;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}
.event-reviews-section .review-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Meta */
.event-reviews-section .review-meta{
  min-width: 0;
}
.event-reviews-section .review-name{
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-accent);
}
.event-reviews-section .review-name a{
  color: var(--color-accent);
  text-decoration: none;
}
.event-reviews-section .review-name a:hover{
  text-decoration: underline;
}
.event-reviews-section .review-position{
  margin-top: 4px;
  color: var(--color-white);
  opacity: 0.85;
  font-size: 14px;
  line-height: 1.35;
}

/* Arrows */
.event-reviews-section .reviews-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;

  width: 40px;
  height: 40px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--color-white);

  cursor: pointer;
  user-select: none;
}
.event-reviews-section .reviews-arrow:disabled{
  opacity: 0.35;
  cursor: default;
}
.event-reviews-section .reviews-arrow--prev{ left: 0; }
.event-reviews-section .reviews-arrow--next{ right: 0; }

/* Mobile: 1 карточка, стрелки скрываем */
@media (max-width: 640px){
  .event-reviews-section .reviews-track{
    grid-auto-columns: 100%;
    padding: 6px 0;
  }
  .event-reviews-section .reviews-arrow{
    display: none;
  }
}



/* СЛАЙДЕР */
.event-reviews-section .reviews-slider{
  position: relative;
  padding: 0 52px;           /* место под стрелки — тут */
}

.event-reviews-section .reviews-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2 * 18px) / 3); /* РОВНО 3 */
  gap: 18px;

  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  padding: 6px 0;            /* без боковых паддингов */
}

/* Стрелки теперь внутри padding-зоны */
.event-reviews-section .reviews-arrow--prev{ left: 6px; }
.event-reviews-section .reviews-arrow--next{ right: 6px; }

@media (max-width: 640px){
  .event-reviews-section .reviews-slider{ padding: 0; }
  .event-reviews-section .reviews-track{
    grid-auto-columns: 100%;
    padding: 6px 0;
  }
  .event-reviews-section .reviews-arrow{ display:none; }
}



/* принудительно вернуть блочную структуру и отступы */
.event-reviews-section .review-text__short p,
.event-reviews-section .review-text__full  p{
  display: block;
  margin: 0 0 12px;
}

.event-reviews-section .review-text__short p:last-child,
.event-reviews-section .review-text__full  p:last-child{
  margin-bottom: 0;
}

.event-reviews-section .review-text__short ul,
.event-reviews-section .review-text__short ol,
.event-reviews-section .review-text__full  ul,
.event-reviews-section .review-text__full  ol{
  display: block;
  margin: 0 0 12px;
  padding-left: 18px;
}

.event-reviews-section .review-text__short li,
.event-reviews-section .review-text__full  li{
  display: list-item;
}

.event-reviews-section .review-text__short,
.event-reviews-section .review-text__full{
  white-space: normal;
}



.event-reviews-section .reviews-dots,
.photo-slider .photo-slider__dots {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}

.event-reviews-section .reviews-dot,
.photo-slider .reviews-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.28);
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.event-reviews-section .reviews-dot.is-active,
.photo-slider .reviews-dot.is-active {
  background: var(--color-accent);
  border-color: var(--color-accent);
}



/* Абзацы/списки в тексте отзыва — чтобы не “слипалось” */
.event-reviews-section .review-text__short p,
.event-reviews-section .review-text__full  p{
  margin: 0 0 12px;
}
.event-reviews-section .review-text__short p:last-child,
.event-reviews-section .review-text__full  p:last-child{
  margin-bottom: 0;
}
.event-reviews-section .review-text__short ul,
.event-reviews-section .review-text__short ol,
.event-reviews-section .review-text__full  ul,
.event-reviews-section .review-text__full  ol{
  margin: 0 0 12px;
  padding-left: 18px;
}

/* Точки-пагинация */
.event-reviews-section .reviews-dots{
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}

.event-reviews-section .reviews-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.28);
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.event-reviews-section .reviews-dot.is-active{
  background: var(--color-accent);
  border-color: var(--color-accent);
}




.subtitle-timing {
margin-top: 40px;
}











.photo-slider{ width: 100%; margin: 0; outline: none; }
.photo-slider__wrap{ position: relative; width: 100%; }

/* “окно” + боковые превью */
.photo-slider__viewport{
  width: 100%;
  overflow: hidden;
  /* регулирует сколько видно слева/справа */
  padding-inline: 80px;
  box-sizing: border-box;
  touch-action: pan-y; /* важно для свайпа: не ломаем вертикальный скролл */
}

.photo-slider__track{
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: flex-start; /* было center — это и даёт хаос */
  will-change: transform;
  transition: transform 260ms ease;
}

/* Теперь каждый слайд не 100%, а уже — чтобы были видны соседи */
.photo-slider__slide{
  flex: 0 0 auto;           /* важно: ширина не фиксированная */
  height: 520px;
  margin: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 18px;
  overflow: hidden;

  transform: scale(0.92);
  opacity: 0.65;
  transition: transform 260ms ease, opacity 260ms ease;
}

.photo-slider__slide img{
  border-radius: 18px;
}

/* активный слайд — крупнее и “в фокусе” */
.photo-slider__slide.is-active{
  transform: scale(1);
  opacity: 1;
}

.photo-slider__img{
  height: 100%;             /* фиксируем высоту */
  width: auto;              /* ширина пропорционально */
  max-width: none;          /* иначе может ужаться и сломать пропорции */
  display: block;
  object-fit: initial;      /* на всякий случай убираем cover/contain */
}

/* стрелки — над центром */
.photo-slider__nav{
  position: absolute;
  top: 18px;
  z-index: 5;

  width: 44px;
  height: 44px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  user-select: none;

  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  color: currentColor;
  font-size: 26px;
  line-height: 1;
}

.photo-slider__prev{ left: calc(50% - 56px); transform: translateX(-50%); }
.photo-slider__next{ left: calc(50% + 56px); transform: translateX(-50%); }

@media (max-width: 1024px){
  .photo-slider__slide{ height: 420px; flex-basis: 78%; }
  .photo-slider__viewport{ padding-inline: 44px; }
}
@media (max-width: 640px){
  .photo-slider__slide{ height: 320px; flex-basis: 86%; }
  .photo-slider__viewport{ padding-inline: 16px; }
  .photo-slider__nav{ top: 12px; width: 40px; height: 40px; }
}


.photo-slider__img{
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

.photo-slider__viewport{ cursor: grab; }
.photo-slider__viewport.is-dragging{ cursor: grabbing; }
.photo-slider__slide{
  flex: 0 0 auto;
  height: 520px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  overflow: hidden;
}

/* фокус делаем на IMG, а не на slide */
.photo-slider__img{
  height: 100%;
  width: auto;
  max-width: none;
  display: block;

  transform: scale(0.92);
  opacity: 0.65;
  transition: transform 260ms ease, opacity 260ms ease;

  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

.photo-slider__slide.is-active .photo-slider__img{
  transform: scale(1);
  opacity: 1;
}
.photo-slider__track{ justify-content: flex-start; }


/* если у тебя есть snap */
[data-reviews-track]{
  scroll-snap-type: x mandatory; /* или что у тебя стоит */
}

/* на время инициализации выключаем snap */
[data-reviews-slider].is-init [data-reviews-track]{
  scroll-snap-type: none !important;
}



























.event-video{ margin-top: 18px; }

.event-video__ratio{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
}

.event-video__ratio iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}




.event-video{ margin-top: 18px; }

/* 2 колонки: иллюстрация 30% + видео 70% */
.event-video__grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* иллюстрация */
.event-video__ill{
  overflow: hidden;
}

.event-video__ill img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* на мобилке: иллюстрацию скрыть, видео на всю ширину */
@media (max-width: 768px){
  .event-video__grid{ grid-template-columns: 1fr; }
  .event-video__ill{ display: none; }
}





























.reviews-track { cursor: grab; user-select: none; }
.reviews-track.is-dragging { cursor: grabbing; }

















.event-cta-timer {
  text-align: center;
    color: var(--color-accent);
}

.event-cta-timer__title {

  margin-bottom: 10px;

  text-align: left;
}

.event-cta-timer__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.event-cta-timer__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-cta-timer__number {
  font-size: 34px;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.event-cta-timer__label {
  font-size: 16px;
}

.event-cta-timer__separator {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-accent);
}



@media (max-width: 768px) {

  .event-cta-timer {
    width: 100%;
  }

  .event-cta-timer__row {
    width: 100%;
    justify-content: space-between;
    gap: 6px;
  }

  .event-cta-timer__item {
    flex: 1;
  }

  .event-cta-timer__number {
    font-size: 8vw;
  }

  .event-cta-timer__label {
    font-size: 3.5vw;
  }

  .event-cta-timer__separator {
    font-size: 6vw;
  }

}
















/* Кастомный блок 2: на десктопе картинка слева, текст справа */
.custom-block2 .afterparty__layout{
  display: grid;
  grid-template-columns: 1fr 1.6fr; /* картинка чуть меньше, текст чуть больше */
  gap: 40px;
  align-items: start;
}

/* Порядок элементов в сетке на десктопе:
   1) веб-картинка (слева)
   2) текстовый блок (справа)
   mobile-картинка там скрыта старыми стилями */
.custom-block2 .afterparty__img--web{
  order: 1;
}
.custom-block2 .afterparty__content{
  order: 2;
}

.custom-block {
  margin-bottom: 100px;

}

.custom-block2 {
  margin-bottom: 100px;

}

/* На мобиле порядок: сверху картинка, потом текст (как ты и хочешь).
   Используем более специфичный селектор, чтобы перебить общие правила,
   но не ломать их для остальных блоков. */
@media (max-width: 1200px){
  .custom-block2 .afterparty__layout{
    grid-template-columns: 1fr;
  }

  .custom-block2 .afterparty__img--mob{
    order: 1;
  }

  .custom-block2 .afterparty__content{
    order: 2;
  }

  /* Веб-картинка всё равно скрыта старыми стилями, но на всякий случай: */
  .custom-block2 .afterparty__img--web{
    order: 0;
  }

  .custom-block {
  margin-bottom: 60px;
}

.custom-block2 {
  margin-bottom: 60px;
}

}





/* По умолчанию (десктоп) скрываем мобильный заголовок */
.title-mobile {
  display: none;
}
.title-desktop {
  display: block;
  /* Если нужно, добавьте сюда отступ снизу, например: margin-bottom: 24px; */
}

/* На мобилке (до 1200px) меняем их местами */
@media (max-width: 1200px) {
  .title-mobile {
    display: block;
  }
  .title-desktop {
    display: none;
  }
}
























.event-blogger-card--hidden{
  display: none;
}





























.event-hero {
  position: relative;
  overflow: hidden;
}

.event-hero__media {
  position: relative;
}

.event-hero__video,
.event-hero__image img {
  display: block;
  width: 100%;
  height: auto;
}

.event-hero__video.is-hidden {
  display: none;
}

.event-hero__image.is-hidden-by-default {
  display: none;
}


.event-hero {
  position: relative;
  overflow: hidden;
}

.event-hero__media {
  position: relative;
}

/* Fallback-картинка */
.event-hero__image img {
  display: block;
  width: 100%;
  height: auto;
}

/* Видео — реально режем по 2px сверху и снизу */
.event-hero__video {
  display: block;
  width: 100%;
  height: auto;
  clip-path: inset(2px 0 2px 0); /* сверху 2px, снизу 2px */
}



.old-price {
    font-family: var(--font-base, 'Noto Sans', sans-serif);
    font-weight: 300;
    opacity: 0.4; 
    text-decoration: line-through;
    font-size: 32px;
    margin-bottom: 0!important;
}

@media (max-width: 900px){
.old-price {
    font-size: 24px;
}

}



.smi-grid {
margin-bottom: 40px;
margin-top: 40px;
}














.event-bloggers-toggle{
    display:flex;
    gap:12px;
    align-items:center;
}

/* оранжевая кнопка */
.btn-join{
    background: var(--color-accent);
    color: var(--color-bg-main);
    border-color: var(--color-accent);

}

.btn-join:hover{
    background: var(--color-accent);
    color: var(--color-bg-main);
    border-color: var(--color-accent);
    filter: brightness(0.95);
}



/* мобильная версия */
@media (max-width:768px){
    .event-bloggers-toggle{
        flex-direction:column;
        align-items:stretch;
    }

    .event-bloggers-toggle .btn-ticket{
        width:100%;
        text-align:center;
    }
}


.btn-ticket {
background-color: var(--color-accent);
border: 1px solid var(--color-accent);
color: var(--color-bg-main);
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}


.btn-ticket:hover {
border: 1px solid var(--color-white);
background-color: var(--color-white);
color: var(--color-bg-main);
}






.event-program-title {
    font-size: 28px;
    color: var(--color-white);
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 4px;
}

.event-program-speakers {
    margin-bottom: 8px;
}

.event-program-description {
    margin-top: 0;
    opacity: 0.6;
}


@media (max-width:768px){
.event-program-title {
    font-size: 18px;
}

}







.event-reviews-section .review-card{
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 14px;
}

.event-reviews-section .review-company{
  height: 52px;
  display: flex;

  justify-content: flex-start;
}

.event-reviews-section .review-company img{
  display: block;
  max-width: 180px;
  max-height: 52px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.event-reviews-section .review-text{
  align-self: start;
}

.event-reviews-section .review-footer{
  margin-top: auto;
}



























.event-stats-section {
  margin: 80px 0 80px 0;


}

.event-stats-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
        background: rgba(255, 255, 255, 0.04);
        padding: 40px;
        border-radius: 32px;
        border: 1px solid rgba(255, 255, 255, 0.09);
}

.event-stats-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.event-stats-number {
  margin: 0 0 12px;
  line-height: 1;
    color: var(--color-accent);
    font-weight: 400;
}

.event-stats-label {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
    color: var(--color-white);
  max-width: 220px;
}

@media (max-width: 1200px) {
  .event-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .event-stats-section {
    margin: 0;
    margin-top: -60px;
    margin-bottom: 40px;
  }

    .event-stats-grid {
background: none;
padding: 0;
border: none;

    }

  .event-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
  }

  .event-stats-label {
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .event-stats-grid {
    grid-template-columns: 1fr;
  }
}





@media (min-width: 1025px) {
  .event-speaker-card {
    grid-template-columns: 1fr;
    align-items: start;
    
    /* Добавьте это: первый ряд (фото) по контенту, второй (текст) забирает всё остальное */
    grid-template-rows: auto 1fr; 
  }
}







/* только для карточек, у которых есть описание */
.event-speaker-card.js-speaker-open {
  cursor: pointer;
}

.event-speaker-card.js-speaker-open:focus-visible {
  outline: 2px solid #f7a813;
  outline-offset: 4px;
}



/* запрет скролла body при открытом попапе */
body.event-speaker-popup-open {
  overflow: hidden;
}

/* popup */
.event-speaker-popup[hidden] {
  display: none;
}

.event-speaker-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.event-speaker-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

.event-speaker-popup__wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.event-speaker-popup__dialog {
  position: relative;
  width: min(1100px, 100%);
  max-height: min(85vh, 900px);
  overflow: auto;
  background: #0f1720;
  color: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 80px rgba(0,0,0,0.45);
}

.event-speaker-popup__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.event-speaker-popup__body {
  padding: 36px;
}

/* внутренняя раскладка popup */
.event-speaker-popup-layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

.event-speaker-popup-left,
.event-speaker-popup-right {
  min-width: 0;
}

.event-speaker-popup-photo {
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}

.event-speaker-popup-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.event-speaker-popup-photo--empty {
  aspect-ratio: 1 / 1;
  background: rgba(255,255,255,0.05);
}

.event-speaker-popup-name {
  font-size: 32px;
  line-height: 1.05;
  font-weight: 600;
  margin: 0 0 14px;
}

.event-speaker-popup-position {
  font-size: 16px;
  line-height: 1.45;
  color: rgba(255,255,255,0.72);
  margin: 0 0 22px;
}

.event-speaker-popup-bio {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
}

.event-speaker-popup-bio > *:first-child {
  margin-top: 0;
}

.event-speaker-popup-bio > *:last-child {
  margin-bottom: 0;
}

.event-speaker-popup-bio p,
.event-speaker-popup-bio ul,
.event-speaker-popup-bio ol,
.event-speaker-popup-bio h2,
.event-speaker-popup-bio h3,
.event-speaker-popup-bio h4,
.event-speaker-popup-bio h5,
.event-speaker-popup-bio h6,
.event-speaker-popup-bio blockquote {
  margin: 0 0 16px;
}

.event-speaker-popup-bio ul,
.event-speaker-popup-bio ol {
  padding-left: 20px;
}

.event-speaker-popup-bio img {
  max-width: 100%;
  height: auto;
}

/* мобилка */
@media (max-width: 900px) {
  .event-speaker-popup__wrap {
    padding: 12px;
  }

  .event-speaker-popup__dialog {
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }

  .event-speaker-popup__body {
    padding: 24px 18px 18px;
  }

  .event-speaker-popup-layout {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .event-speaker-popup-name {
    font-size: 24px;
  }

  .event-speaker-popup-position {
    font-size: 15px;
    margin-bottom: 16px;
  }

  .event-speaker-popup__close {
    top: 10px;
    right: 10px;
  }
}

























/* =========================
   Фото-сетка мероприятия
   ========================= */

.event-photo-setka-section {
  margin: 0 0 120px;
}

.event-photo-setka {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}

.event-photo-setka__item {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
}

.event-photo-setka__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Верхний ряд: 3 широких карточки */
.event-photo-setka__item--1,
.event-photo-setka__item--2,
.event-photo-setka__item--3 {
  grid-column: span 4;
  aspect-ratio: 1.52 / 1;
}

/* Нижний ряд: 4 карточки */
.event-photo-setka__item--4,
.event-photo-setka__item--5,
.event-photo-setka__item--6,
.event-photo-setka__item--7 {
  grid-column: span 3;
  aspect-ratio: 1.12 / 1;
}

/* Если фото меньше 7 — пусть сетка не ломается */
.event-photo-setka:has(.event-photo-setka__item:only-child) {
  grid-template-columns: 1fr;
}

@media (max-width: 991px) {
  .event-photo-setka-section {
    margin: 0 0 90px;
  }

  .event-photo-setka {
    gap: 16px;
  }

  .event-photo-setka__item {
    border-radius: 20px;
  }
}

@media (max-width: 767px) {
  .event-photo-setka-section {
    margin: 0 0 72px;
  }

  .event-photo-setka {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .event-photo-setka__item {
    display: none;
    width: 100%;
    border-radius: 18px;
    aspect-ratio: 1.45 / 1;
  }

  .event-photo-setka__item:nth-child(-n+3) {
    display: block;
  }
}



.event-photo-setka__item {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
}

.event-photo-setka__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.9s ease;
  will-change: transform;
}

.event-photo-setka__item:hover .event-photo-setka__img {
  transform: scale(1.08);
}






.event-bloggers-toggle-btn {
      background-color: var(--color-bg-main);
      color: var(--color-white);
      border-color: var(--color-white);
}


.event-bloggers-toggle-btn:hover {
  background: var(--color-accent);
  color: var(--color-bg-main);
  border: 1px solid var(--color-accent);
}






.cont-button {
      background-color: var(--color-bg-main);
      color: var(--color-white);
      border-color: var(--color-white);
}


.cont-button:hover {
  background: var(--color-accent);
  color: var(--color-bg-main);
  border: 1px solid var(--color-accent);
}




#program {
  scroll-margin-top: 100px;
}

#event-speakers-12 {
  scroll-margin-top: 100px;
}


#event-compaions-12 {
  scroll-margin-top: 100px;
}

#contacts{
  scroll-margin-top: 100px;
}

#afterparty{
  scroll-margin-top: 100px;
}






.event-speaker-card--hidden {
  display: none !important;
}