/* Главная: «Пока вас не было» и «Эфиры» — new-design/Home Feed.dc.html */
.nd-whats-new, .nd-hefir { margin-bottom: 8px; }
.nd-whats-new-title { margin: 0 0 6px; font: 500 20px/26px var(--nd-font); }
.nd-whats-new-list { margin: 0; padding: 0; list-style: none; }
.nd-whats-new-list li { display: flex; align-items: center; gap: 12px; min-height: 36px; padding: 6px 0; }
.nd-whats-new-count { flex: none; min-width: 34px; height: 24px; padding: 0 8px; border-radius: 999px; background: #E5F0FF; color: #0B5DD7; font: 500 13px/24px var(--nd-font); text-align: center; box-sizing: border-box; }
.nd-whats-new-label { flex: 1; font-size: 15px; }
.nd-whats-new-list a { flex: none; font-size: 14px; }

.nd-hefir-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nd-hefir-head h2 { margin: 0; font: 500 20px/26px var(--nd-font); }
.nd-hefir-head a { font-size: 14px; white-space: nowrap; }
.nd-hefir-icon { flex: none; width: 34px; height: 34px; border-radius: 10px; background: #1B1F24; color: #fff; display: flex; align-items: center; justify-content: center; }
.nd-hefir-sub { font-size: 13px; color: #808080; }

.nd-hefir-hero { position: relative; overflow: hidden; margin-top: 14px; border-radius: 14px; background: #1B1F24; color: #fff; padding: 20px 22px; }
.nd-hefir-hero > :not(.nd-hefir-wave) { position: relative; }
.nd-hefir-wave { position: absolute; right: 0; bottom: 0; width: 62%; height: 100%; opacity: .16; pointer-events: none; }
.nd-hefir-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nd-hefir-badge { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 11px; border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font: 500 13px/1 var(--nd-font); }
.nd-hefir-badge--live { background: #F0303D; }
.nd-hefir-badge i { width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.nd-hefir-when { font-size: 14px; color: #D6DAE0; }
.nd-hefir-title { margin: 12px 0 0; font: 500 22px/28px var(--nd-font); color: #fff; text-wrap: pretty; }
.nd-hefir-title a { color: #fff; }
.nd-hefir-title a:hover { color: #C6DCFA; }
.nd-hefir-people { margin-top: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; line-height: 20px; color: #D6DAE0; }
.nd-hefir-avas { display: flex; padding-right: 8px; }
.nd-hefir-ava { width: 34px; height: 34px; margin-right: -8px; border-radius: 50%; border: 2px solid #1B1F24; background: #33393F; color: #fff; display: flex; align-items: center; justify-content: center; font: 500 12px/1 var(--nd-font); overflow: hidden; box-sizing: border-box; }
.nd-hefir-ava img { width: 100%; height: 100%; object-fit: cover; }
.nd-hefir-countdown { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; }
.nd-hefir-countdown > span { min-width: 62px; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.08); text-align: center; font-size: 12px; color: #9AA3AD; box-sizing: border-box; }
.nd-hefir-countdown strong { display: block; font: 500 20px/24px var(--nd-font); color: #fff; }
.nd-hefir-actions { margin-top: 18px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nd-hefir-qcount { font-size: 14px; color: #9AA3AD; }
.nd-hefir-qcount[hidden] { display: none; }
.nd-hefir-link { padding: 0; border: 0; background: none; color: #9EC2F5; font: inherit; text-decoration: underline; cursor: pointer; }
.nd-hefir-link:hover { color: #C6DCFA; }

.nd-hefir-form { margin-top: 14px; }
.nd-hefir-form[hidden], .nd-hefir-questions[hidden] { display: none; }
.nd-hefir-form textarea { display: block; width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #3A424B; border-radius: 10px; background: #252A31; color: #fff; font: 15px/21px var(--nd-font); resize: vertical; }
.nd-hefir-form textarea:focus { outline: 2px solid #0B5DD7; border-color: transparent; }
.nd-hefir-form-row { margin-top: 10px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nd-hefir-msg { font-size: 13px; color: #9AA3AD; }

.nd-hefir-questions { margin: 14px 0 0; padding: 0; list-style: none; max-height: 320px; overflow-y: auto; }
.nd-hefir-questions li { display: flex; gap: 12px; align-items: baseline; padding: 8px 0; border-top: 1px solid #2A2F36; font-size: 14px; line-height: 20px; }
.nd-hefir-q { flex: 1; min-width: 0; color: #fff; overflow-wrap: anywhere; }
.nd-hefir-qby { flex: none; max-width: 40%; font-size: 13px; color: #9AA3AD; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.nd-hefir-admin { margin-top: 12px; border: 1px dashed #C9CED6; border-radius: 12px; padding: 10px 14px; font-size: 14px; }
.nd-hefir-admin summary { cursor: pointer; font-weight: 500; }
.nd-hefir-admin form { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.nd-hefir-admin label, .nd-hefir-field { display: flex; flex-direction: column; gap: 4px; width: 100%; color: #595959; }
.nd-hefir-admin input[type=text], .nd-hefir-admin input[type=url] { height: 40px; padding: 0 12px; border: 1px solid #E0E0E0; border-radius: 8px; font: 15px var(--nd-font); color: #000; }
.nd-hefir-admin input[type=text], .nd-hefir-admin input[type=url] { width: 100%; box-sizing: border-box; }
.nd-hefir-admin .nd-hefir-link-row { flex-direction: row; align-items: center; gap: 10px; color: #000; }
.nd-hefir-link-name { flex: none; width: 110px; }
.nd-hefir-link-row input[type=url] { flex: 1; min-width: 0; height: 36px; }
.nd-hefir-field small { font-size: 12px; color: #808080; }
.nd-hefir-live-row { display: flex; align-items: flex-end; gap: 14px; width: 100%; }
.nd-hefir-live-row .nd-efir-btn { flex: none; }
.nd-hefir-live-row .nd-hefir-field { flex: 1; min-width: 0; }
@media (max-width: 767px) { .nd-hefir-live-row { flex-direction: column-reverse; align-items: stretch; } }
.nd-hefir-admin .nd-hefir-msg { color: #595959; }

.nd-hefir-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.nd-hefir-card { border-radius: 14px; background: #F7F7F7; overflow: hidden; display: flex; flex-direction: column; }
.nd-hefir-cover { position: relative; height: 120px; background: rgba(0,0,0,.08); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.nd-hefir-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nd-hefir-tag { position: absolute; left: 8px; top: 8px; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: 999px; background: rgba(27,31,36,.86); color: #fff; font: 500 12px/1 var(--nd-font); }
.nd-hefir-play { position: relative; width: 48px; height: 48px; border-radius: 50%; background: #fff; color: #1B1F24; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
.nd-hefir-dur { position: absolute; right: 8px; bottom: 8px; height: 20px; padding: 0 6px; border-radius: 4px; background: rgba(0,0,0,.7); color: #fff; font: 400 12px/20px var(--nd-font); }
.nd-hefir-card-body { padding: 12px 14px 14px; }
.nd-hefir-card-title { color: #000; font: 500 16px/21px var(--nd-font); text-wrap: pretty; }
.nd-hefir-card-meta { margin-top: 5px; font-size: 13px; line-height: 18px; color: #595959; }

@media (max-width: 767px) {
    .nd-hefir-sub { display: none; }
    .nd-hefir-hero { padding: 16px; }
    .nd-hefir-title { font-size: 19px; line-height: 25px; }
    .nd-hefir-grid { grid-template-columns: minmax(0, 1fr); }
    .nd-hefir-actions .nd-efir-btn { flex: 1 1 auto; justify-content: center; }
    .nd-hefir-cover { height: auto; justify-content: flex-start; background: none; padding: 12px 14px 0; }
    .nd-hefir-cover img, .nd-hefir-play, .nd-hefir-dur { display: none; }
    .nd-hefir-tag { position: static; }
}
.nd-hefir-wave rect { transform-box: fill-box; transform-origin: center; animation: nd-hefir-eq 1.1s ease-in-out infinite alternate; }
@keyframes nd-hefir-eq { from { transform: scaleY(.35); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .nd-hefir-wave rect { animation: none; } }