/* Black Friday 2026: badge do ícone da pill do hero em preto. */
.hero-mrch-zvn4 .hero-mrch__pillbadge-zvn4 {
    background: #000000;
    color: #FFFFFF;
}

/* Black Friday 2026: hero no desktop (cabe na tela e escala com largura e altura). */
@media (min-width: 1024px) {
    .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ div .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ section .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ main .hero-mrch-zvn4.hero-mrch-zvn4 {
        height: calc(100vh - 16px - 64px);
        min-height: 560px;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__content-zvn4 {
        max-width: 52%;
        padding: clamp(24px, 5vh, 56px) 0 clamp(24px, 5vh, 56px) clamp(32px, 3vw, 64px);
        gap: clamp(16px, 3.2vh, 40px);
        justify-content: safe flex-end;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__pill-zvn4 {
        margin-bottom: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__sender-zvn4 {
        font-size: clamp(16px, min(1.6vw, 3.4vh), 42px);
        margin: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__title-zvn4 {
        max-width: none;
        font-size: clamp(48px, min(5.5vw, 10vh), 128px);
        letter-spacing: -0.04em;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__privalue-zvn4,
    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__dscvalue-zvn4 {
        font-size: clamp(36px, min(4.2vw, 8vh), 100px);
        letter-spacing: -0.04em;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__prifee-zvn4 {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__timer-zvn4,
    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__tag-zvn4 {
        margin: 0;
    }

        .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__bg-zvn4 {
        object-position: 60% bottom;
    }
}

/* Black Friday 2026: hero no mobile (inteiro na tela: pill no topo, imagem flexível, conteúdo e timer em uma linha). */
@media (max-width: 1023px) {
    .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ div .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ section .hero-mrch-zvn4.hero-mrch-zvn4,
    .nav-header ~ main .hero-mrch-zvn4.hero-mrch-zvn4 {
        height: calc(100dvh - 16px - 60px);
        min-height: 520px;
        max-height: none;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__inner-zvn4 {
        height: 100%;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__img-zvn4 {
        position: relative;
        order: -1;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        flex: 1 1 0;
        min-height: 0;
        z-index: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__content-zvn4 {
        position: static;
        flex: 0 0 auto;
        max-height: none;
        margin-top: 0;
        gap: clamp(8px, 1.8vh, 16px);
        padding: clamp(8px, 1.5vh, 16px) 24px clamp(16px, 3vh, 24px);
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__pill-zvn4 {
        position: absolute;
        top: 16px;
        left: 24px;
        z-index: 3;
        margin: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__sender-zvn4 {
        margin: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__title-zvn4 {
        font-size: clamp(28px, 5.4vh, 40px);
        letter-spacing: -0.04em;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__privalue-zvn4,
    .hero-mrch-zvn4.hero-mrch-zvn4[data-merch-header-type] .hero-mrch__dscvalue-zvn4 {
        font-size: clamp(24px, 4.4vh, 32px);
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__timer-zvn4 {
        box-sizing: border-box;
        max-width: 100%;
        flex-wrap: nowrap;
        gap: 0.45em;
        padding: 0.65em 0.95em;
        font-size: clamp(9px, calc((100vw - 64px) / 26.5), 16px);
        margin: 0;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__tcell-zvn4 {
        gap: 0.2em;
    }

    .hero-mrch-zvn4.hero-mrch-zvn4 .hero-mrch__timer-icon-zvn4 {
        width: 1.15em;
        height: 1.15em;
    }
}