/* /firma po pokazie, wersja minimalistyczna: jedna wyśrodkowana kolumna
   z nagłówkiem, nagraniem, przyciskiem zakupu i zegarem. Tokeny i komponenty
   (btn, webinar-signup, webinar-countdown) pochodzą z design systemu v2
   i webinar-masterv.css. */
.firma-simple {
    max-width: 880px; /* WHY: kolumna czytania i kadru wideo, węższa niż pełny kontener 1240px */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.firma-simple h1 {
    text-wrap: balance;
}
.firma-video {
    width: 100%;
    margin-top: 32px;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    background: #0A0A0A;
    border: 1px solid rgba(10, 10, 10, 0.09);
}
.firma-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.firma-buy {
    margin-top: 32px; /* WHY: rytm pionowy sekcji jednoelementowej, spójny z odstępem wideo */
    min-height: 56px;
    padding-left: 42px;
    padding-right: 42px;
    border-radius: 10px;
    font-weight: 700;
}
.firma-timer {
    margin-top: 32px; /* WHY: rytm pionowy sekcji jednoelementowej, spójny z odstępem wideo */
    width: 100%;
    max-width: 460px; /* WHY: karta zegara w proporcji karty zapisu z webinar-masterv (kolumna boczna ~460px), nie pełne 880px */
}
.firma-timer-label {
    margin: 0;
    color: rgba(10, 10, 10, 0.66);
    font-size: 0.94rem;
    line-height: 1.46;
    text-wrap: balance;
}

/* Blok zegara startuje ukryty i pokazuje go dopiero JS przed terminem.
   WHY !important: .webinar-signup nie jest display:none z atrybutu hidden,
   gdy inne reguły ustawiają display; twarda blokada eliminuje błysk
   po terminie zamknięcia zapisów. */
[data-sale-window][hidden] {
    display: none !important;
}

@media (max-width: 820px) {
    .firma-video {
        margin-top: 24px;
        border-radius: 10px;
    }
    .firma-buy,
    .firma-timer {
        margin-top: 24px; /* WHY: ciaśniejszy rytm mobile, spójny z paddingami hero mobile */
    }
    .firma-buy {
        width: 100%;
    }
}