/* ── Event Countdown block ───────────────────────────────────────────────────── */

.nyehs-cd {
    display:         inline-flex;
    flex-direction:  column;
    gap:             6px;
    padding:         18px 24px 20px;
    border-radius:   18px;
    border:          1px solid rgba(255, 255, 255, 0.08);
    text-decoration: none;
    color:           #fff;
    transition:      border-color 0.2s ease;
    cursor:          pointer;
}

.nyehs-cd:hover {
    border-color: rgba(255, 255, 255, 0.16);
}

/* ── Shared ─────────────────────────────────────────────────────────────────── */

.nyehs-cd__pre {
    font-size:      0.68rem;
    font-weight:    600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:          rgba(255, 255, 255, 0.45);
    line-height:    1;
}

.nyehs-cd__name {
    font-size:      1rem;
    font-weight:    700;
    line-height:    1.25;
    color:          #fff;
    letter-spacing: -0.01em;
}

/* ── Countdown timer ────────────────────────────────────────────────────────── */

.nyehs-cd__timer {
    display:     flex;
    align-items: flex-start;
    gap:         4px;
    margin-top:  6px;
}

.nyehs-cd__unit {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            3px;
    min-width:      42px;
}

.nyehs-cd__num {
    font-size:      1.75rem;
    font-weight:    700;
    line-height:    1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color:          #fff;
}

.nyehs-cd__lbl {
    font-size:      0.6rem;
    font-weight:    500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:          rgba(255, 255, 255, 0.4);
    line-height:    1;
}

.nyehs-cd__sep {
    font-size:   1.6rem;
    font-weight: 300;
    line-height: 1.05;
    color:       rgba(255, 255, 255, 0.3);
    align-self:  flex-start;
    padding-top: 2px;
}

/* ── Happening Now ──────────────────────────────────────────────────────────── */

.nyehs-cd--live {
    flex-direction: row;
    align-items:    center;
    gap:            10px;
    padding:        14px 20px;
}

.nyehs-cd__dot {
    flex-shrink:   0;
    width:         10px;
    height:        10px;
    border-radius: 50%;
    background:    #e63946;
    box-shadow:    0 0 0 0 rgba(230, 57, 70, 0.6);
    animation:     nyehs-cd-pulse 1.4s ease-out infinite;
}

@keyframes nyehs-cd-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.6); }
    70%  { box-shadow: 0 0 0 8px rgba(230, 57, 70, 0); }
    100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); }
}

.nyehs-cd__live-label {
    font-size:      0.7rem;
    font-weight:    700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:          #e63946;
    white-space:    nowrap;
}

.nyehs-cd--live .nyehs-cd__name {
    font-size:   0.95rem;
    flex:        1;
}

.nyehs-cd__arrow {
    flex-shrink: 0;
    opacity:     0.55;
    transition:  transform 0.2s ease, opacity 0.2s ease;
}

.nyehs-cd--live:hover .nyehs-cd__arrow {
    transform: rotate(45deg);
    opacity:   1;
}