/* S5 · Результат «Сессии для вас» — обновлённый макет (node 10367:15536). */


/* Заголовок (время и дата — в общей шапке, второй раз их показывать незачем) */
.s5-title { position: absolute; left: 32px; top: 248px;
  font-weight: 700; font-size: 48px; line-height: 1.16; color: rgba(255,255,255,0.9); }

/* Экран собран потоком: если сессий мало, блоки идут подряд, а не висят на своих
   координатах с дырой посередине. Список занимает столько, сколько нужно, но не больше
   свободной высоты — дальше своя прокрутка без полосы. */
.s5-body { position: absolute; left: 32px; top: 340px; width: 1016px; bottom: 40px;
  display: flex; flex-direction: column; gap: 24px; }

.s5-list { flex: 0 1 auto; min-height: 0; max-height: 660px;   /* ~3 карточки, дальше прокрутка:
     иначе при длинном списке кнопки и реклама уезжали к самому низу экрана */ display: flex; flex-direction: column; gap: 24px;
  overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
  mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent 100%); }
.s5-list::-webkit-scrollbar { width: 0; height: 0; }
.s5-list .s5-card { flex: 0 0 auto; }
/* список помещается целиком — затухание не нужно, иначе бледнеет последняя карточка */
.s5-list.fits { mask-image: none; -webkit-mask-image: none; }

.s5-card { background: #fff; border: 1px solid transparent; border-radius: var(--nd-r-card);
  padding: 24px 24px 32px; display: flex; flex-direction: column; gap: 16px;
  backdrop-filter: blur(14px); }
.s5-card.now { border-color: var(--nd-live); }
.s5-card .row { display: flex; align-items: center; justify-content: space-between; }
.s5-card .time { font-weight: 500; font-size: 24px; color: var(--nd-ink); }
.s5-card .badge { padding: 8px 16px; border-radius: 20px; font-weight: 500; font-size: 20px; white-space: nowrap; }
.s5-card .badge.now { background: var(--nd-live-bg); color: var(--nd-live-fg); }
.s5-card .badge.soon { background: var(--nd-soon-bg); color: var(--nd-soon-fg); }
.s5-card .ttl { font-weight: 600; font-size: 36px; line-height: 1.16; color: #000;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.s5-card .venue { font-weight: 400; font-size: 24px; line-height: 1.16; letter-spacing: -0.72px;
  color: var(--nd-ink-soft); }

/* Рекламный блок (по сценарию: приложение / особый статус / ИИ-ассистент / согласие) */
.s5-ad { position: relative; flex: 0 0 auto; min-height: 180px;
  background: var(--nd-ad); box-shadow: var(--nd-ad-shadow); border: 0; border-radius: var(--nd-r-ad);
  cursor: pointer;
  padding: 32px 200px 32px 36px;                 /* справа место под QR — текст под него не заезжает */
  display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.s5-ad-badge { font-weight: 600; font-size: 20px; letter-spacing: 2px; color: #90d9f4; }
.s5-ad-t { font-weight: 700; font-size: 34px; color: #fff; }
.s5-ad-s { font-weight: 400; font-size: 24px; color: rgba(255,255,255,0.75); }
.s5-ad-qr { position: absolute; right: 36px; top: 50%; margin-top: -72px;
  width: 144px; height: 144px; padding: 8px; box-sizing: border-box;
  background: #fff; border-radius: 12px; display: block; }

/* «Подобрать заново» */
.s5-redo { flex: 0 0 auto; height: 86px;
  background: var(--nd-card); border: 2px solid var(--nd-card-br); border-radius: var(--nd-r-card);
  cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px;
  font-weight: 500; font-size: 28px; color: rgba(255,255,255,0.92); }

/* «Вся программа» / «Больше возможностей» */
.s5-row { flex: 0 0 auto; display: flex; gap: 20px; }
.s5-prog, .s5-more { flex: 1 1 0; height: 106px;
  background: var(--nd-card); border: 1.5px solid var(--nd-btn-br); border-radius: var(--nd-r-btn);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  font-weight: 500; font-size: 28px; color: rgba(255,255,255,0.92); }

/* Открытка — прямо с финального экрана, отдельным действием */
.s5-card-btn { flex: 0 0 auto; height: 100px; border-radius: var(--nd-r-btn); cursor: pointer;
  background: var(--nd-card); border: 1.5px solid var(--nd-btn-br);
  display: flex; align-items: center; justify-content: center;
  font-weight: 500; font-size: 28px; color: rgba(255,255,255,0.92); }