#countdown-top {
    font-size: 1.5em;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; /* Adicionado: impede quebra de linha dos itens flex */
    /* Para lidar com o estouro em telas muito pequenas, pode-se considerar: */
    overflow-x: auto; /* Permite rolagem horizontal se o conteúdo for muito largo */
    -webkit-overflow-scrolling: touch; /* Melhora a rolagem em iOS */
}

#countdown-top span {
    display: inline-block;
    min-width: 50px;
    padding: 5px;
    background-color: #222;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px;
    text-shadow: 0 0 5px #ff6347;
    /* Ajuste o font-size para ser menor em mobile se o espaço ainda for um problema */
    /* @media (max-width: 768px) { font-size: 0.8em; } */
}