/* Countdown section */
    /* ── Countdown wrapper ── */
    .countdown-area {
        padding: 10px 20px;
        text-align: center;
        background: transparent;
        /*overflow: visible; /* never clip circles */
    }

    /*
    #event-countdown.simply-countdown {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
        overflow: visible;
        padding: 10px 0; 
    }
    */
    #event-countdown.simply-countdown {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 150px;
        flex-wrap: wrap;
        overflow: visible;
    }


    /* ── Each unit circle ── */
    /*
    #event-countdown.simply-countdown > .simply-section {
        position: relative;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        overflow: visible !important;
        background: transparent !important;
        border: 2.5px solid var(--theme-main-color) !important;
        box-shadow:
            0 0 0 5px color-mix(in srgb, var(--theme-main-color) 10%, transparent),
            0 10px 35px color-mix(in srgb, var(--theme-main-color) 20%, transparent);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    */

    /* ── Circle Unit ── */
    #event-countdown.simply-countdown > .simply-section {
        width: 170px;
        height: 170px;
        border-radius: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        background: transparent;
        /*border: 1.5px solid color-mix(in srgb, var(--theme-main-color) 40%, transparent);*/
        /*box-shadow: 0 15px 40px rgba(0,0,0,0.15);*/
        border: none !important;
        box-shadow: none !important;

               

        transition: transform 0.25s ease;
    }

    /*
    #event-countdown.simply-countdown > .simply-section:hover {
        transform: translateY(-5px) scale(1.05);
        box-shadow:
            0 0 0 8px color-mix(in srgb, var(--theme-main-color) 15%, transparent),
            0 18px 45px color-mix(in srgb, var(--theme-main-color) 30%, transparent);
    }
    */
    #event-countdown.simply-countdown > .simply-section:hover {
        transform: translateY(-4px);
    }

    /* ── Number ── */
    /*
    #event-countdown.simply-countdown > .simply-section .simply-amount {
        font-size: 3.6rem !important;
        font-weight: 900 !important;
        line-height: 1;
        letter-spacing: -2px;
        display: block;
        text-align: center;
        background: linear-gradient(160deg, #fff 0%, var(--theme-main-color) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    */

    /* ── Label ── */
    /*
    #event-countdown.simply-countdown > .simply-section .simply-word {
        color: var(--theme-main-color);
        font-size: 0.6rem;
        font-weight: 700;
        letter-spacing: 3px;
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin-top: 6px;
        opacity: 0.8;
        -webkit-text-fill-color: var(--theme-main-color); 
    }
    */

    /* ── Number ── */
    #event-countdown.simply-countdown > .simply-section .simply-amount {
        font-size: 8rem !important;   
        font-weight: 700 !important;    /* less aggressive than 900 */
        line-height: 1;
        letter-spacing: -5px;
        color: var(--theme-main-color);
    }

    /* ── Label ── */
    #event-countdown.simply-countdown > .simply-section .simply-word {
        margin-top: 14px;
        font-size: 0.7rem;
        letter-spacing: 5px;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--theme-main-color) 70%, white);
        font-weight: 500;
    }

    /* ── Seconds pulse ── */
    .simply-section:last-child .simply-amount {
        animation: pulse 1s ease-in-out infinite;
    }
    @keyframes pulse {
        0%, 100% { transform: scale(1); }
        50%       { transform: scale(1.1); }
    }

    /* ── Responsive ── */
    /*
    @media (max-width: 767px) {
        #event-countdown.simply-countdown {
            display: grid;
            grid-template-columns: repeat(2, 140px);
            justify-content: center;
            gap: 20px;
        }
        #event-countdown.simply-countdown > .simply-section {
            width: 140px;
            height: 140px;
        }
        #event-countdown.simply-countdown > .simply-section .simply-amount {
            font-size: 2.8rem !important;
        }
    }

    @media (max-width: 400px) {
        #event-countdown.simply-countdown {
            grid-template-columns: repeat(2, 110px);
        }
        #event-countdown.simply-countdown > .simply-section {
            width: 110px;
            height: 110px;
        }
        #event-countdown.simply-countdown > .simply-section .simply-amount {
            font-size: 2.2rem !important;
        }
    }
    */
    @media (max-width: 767px) {
        #event-countdown.simply-countdown {
            display: grid;
            grid-template-columns: repeat(2, 150px);
            gap: 30px;
            justify-content: center;
        }

        #event-countdown.simply-countdown > .simply-section {
            width: 150px;
            height: 150px;
        }

        #event-countdown.simply-countdown > .simply-section .simply-amount {
            font-size: 5rem !important;
        }
    }

    @media (max-width: 400px) {
        #event-countdown.simply-countdown {
            grid-template-columns: repeat(2, 120px);
        }

        #event-countdown.simply-countdown > .simply-section {
            width: 120px;
            height: 120px;
        }

        #event-countdown.simply-countdown > .simply-section .simply-amount {
            font-size: 4rem !important;
        }
    }