.apec-countdown {
    --countdown-accent: #ad2b3e;
    align-items: baseline;
    border-bottom: 1px solid rgba(173, 43, 62, .3);
    border-top: 1px solid rgba(173, 43, 62, .3);
    color: #4c403b;
    display: flex;
    flex-wrap: wrap;
    font-family: "Montserrat", sans-serif;
    font-size: .86rem;
    gap: .25rem .48rem;
    margin: .55rem 0 1rem;
    max-width: max-content;
    padding: .55rem 0;
}

.apec-countdown[hidden] {
    display: none !important;
}

.apec-countdown__prefix {
    margin-right: .15rem;
}

.apec-countdown__part {
    align-items: baseline;
    display: inline-flex;
    gap: .18rem;
    white-space: nowrap;
}

.apec-countdown__part strong {
    color: var(--countdown-accent);
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    min-width: 1.25em;
    text-align: right;
}

.apec-countdown--hero {
    margin-bottom: 1.1rem;
    margin-top: .75rem;
}

.apec-countdown--card {
    font-size: .72rem;
    gap: .18rem .32rem;
    margin: .65rem 0 .45rem;
    padding: .42rem 0;
}

.apec-countdown--card .apec-countdown__part strong {
    font-size: .78rem;
}

.apec-countdown--product {
    margin-bottom: .8rem;
    margin-top: .8rem;
}

@media (max-width: 575.98px) {
    .apec-countdown {
        font-size: .76rem;
        gap: .2rem .36rem;
    }

    .apec-countdown__prefix {
        flex-basis: 100%;
    }

    .apec-countdown__part strong {
        font-size: .86rem;
    }
}