.magenest-countdown-wrapper .countdown-display-area.month-display {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8.75rem;
    letter-spacing: 0;
    line-height: 9rem;
    color: #fff;
    font-family: 'gilroy-bold';
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -o-border-radius: 32px;
    border: 2px solid #FCF3F9;
    background: linear-gradient(90deg, rgba(245, 172, 222, 0.25) 0%, rgba(220, 231, 253, 0.25) 100%);
    backdrop-filter: blur(10px);
    /* Top padding is larger than bottom to optically center the uppercase text:
       the font reserves descender space that pushes caps visually upward. */
    padding: 3.5rem 1.5rem 2rem;
    width: var(--content-width);
    text-align: center;
    text-transform: uppercase;
}

.countdown-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*gap: 40px;*/
    gap: clamp(12px, 2.08vw, 40px);
}

.countdown-grid .box {
    /*min-width: 240px;*/
    min-width: clamp(120px, 12.91vw, 248px);
    width: auto;
    padding: clamp(16px, 1.66vw, 32px) clamp(12px, 1.25vw, 24px);
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -o-border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding: 32px 24px;*/
    background: linear-gradient(90deg, rgba(245, 172, 222, 0.25) 0%, rgba(220, 231, 253, 0.25) 100%);
    backdrop-filter: blur(20px);
    /*border: 2px solid #FFF;*/
    border-image-source: linear-gradient(218.47deg, rgba(255, 255, 255, 0.5) 15.25%, rgba(153, 153, 153, 0) 72.14%);
}

.countdown-grid .box span,
.countdown-grid .box small,
.countdown-grid .sep {
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.countdown-grid .box span {
    /*font-size: 160px;*/
    /*line-height: 144px;*/
    font-size: clamp(48px, 8.33vw, 160px);
    line-height: 0.9em;
    font-family: 'gilroy-bold';
}

.countdown-grid .box small {
    font-family: 'gilroy-bold';
    /*font-size: 24px;*/
    /*line-height: 32px;*/
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 1.3em;
    text-transform: uppercase;
}

.countdown-grid .sep {
    font-size: 95px;
    line-height: 48px;
}

@media (max-width: 1366px) {
    .magenest-countdown-wrapper .countdown-display-area.month-display {
        width: 100%;
        font-size: 8.1rem;
    }

    /*.countdown-grid {*/
    /*    gap: clamp(12px, 2.08vw, 40px) !important;*/
    /*}*/

    /*.countdown-grid .box {*/
    /*    min-width: clamp(120px, 12.91vw, 248px) !important;*/
    /*    width: auto !important;*/
    /*    padding: clamp(16px, 1.66vw, 32px) clamp(12px, 1.25vw, 24px) !important;*/
    /*}*/

    /*.countdown-grid .box span {*/
    /*    font-size: clamp(48px, 8.33vw, 160px);*/
    /*    line-height: 0.9em;*/
    /*}*/

    /*.countdown-grid .box small {*/
    /*    font-size: clamp(12px, 1.25vw, 24px);*/
    /*    line-height: 1.3em;*/
    /*}*/
}

@media (max-width: 1024px) {
    .magenest-countdown-wrapper .countdown-display-area.month-display {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: 0;
        /* Same optical nudge as desktop: more top padding than bottom so the
           uppercase text sits visually centered. */
        padding: 24px 26px 18px;
    }

    .countdown-grid {
        gap: 8px;
    }

    .countdown-grid .box {
        padding: 8px;
        min-width: auto;
        background: linear-gradient(90deg, rgba(245, 172, 222, 0.25) 0%, rgba(220, 231, 253, 0.25) 100%);
        backdrop-filter: blur(10px);
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        border: 2px solid;
        border-image-source: linear-gradient(218.47deg, rgba(255, 255, 255, 0.5) 15.25%, rgba(153, 153, 153, 0) 72.14%);
        flex: 1 1 0%;
        width: 61px;
        max-width: 61px;
    }

    .countdown-grid .box span {
        font-size: 32px;
        line-height: 40px;
    }

    .countdown-grid .box small {
        font-size: 16px;
        line-height: 24px;
    }

    .countdown-grid .sep {
        font-size: 66px;
        flex-shrink: 1;
    }
}

@media (max-width: 768px) {

}