@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Roboto+Condensed:wght@700&display=swap');
            .elec-widget-wrapper *, 
            .elec-widget-wrapper *::before, 
            .elec-widget-wrapper *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            .elec-widget-wrapper .count-floating-banner {
                position: fixed;
                bottom: 24px;
                left: 50%;
                transform: translate(-50%, 150%);
                width: 100%;
                max-width: 900px;
                background-color: #dcded8;
                color: #121212;
                border-radius: 0 20px 20px 60px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
                z-index: 2147483647; /* Maximum safe stacking index */
                display: flex;
                flex-direction: row;
                overflow: hidden;
                height: 130px;
                font-family: 'Montserrat', sans-serif;
                opacity: 0;
                transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease-in-out;
            }

            .elec-widget-wrapper .count-floating-banner.is-visible {
                transform: translate(-50%, 0);
                opacity: 1;
            }

            .elec-widget-wrapper .count-floating-banner.is-hidden {
                transform: translate(-50%, 150%) !important;
                opacity: 0 !important;
                pointer-events: none;
            }

            .elec-widget-wrapper .branding-panel {
                width: 38%;
                background-color: #dcded8;
                background-image: url('https://interactive.nation.africa/2026/dev/elections_countdown/decision_2027.jpg');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
            }

            .elec-widget-wrapper .countdown-panel {
                width: 62%;
                background-color: #333333;
                display: flex;
                flex-direction: column;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
                overflow: hidden;
                position: relative;
            }

            .elec-widget-wrapper .countdown-header {
                background-color: #b82323;
                color: #ffffff;
                font-size: 1rem;
                font-weight: 800;
                text-align: center;
                text-transform: uppercase;
                padding: 8px 0;
                letter-spacing: 1px;
                border-bottom: 3px solid #8e1818;
                position: relative;
            }

            .elec-widget-wrapper .count-close-btn {
                position: absolute;
                top: 6px;
                right: 12px;
                background: transparent;
                border: none;
                color: #ffffff;
                font-size: 1.3rem;
                font-weight: bold;
                cursor: pointer;
                padding: 0 4px;
                line-height: 1;
                opacity: 0.8;
                transition: opacity 0.2s ease;
                z-index: 10;
            }

            .elec-widget-wrapper .count-close-btn:hover {
                opacity: 1;
            }

            .elec-widget-wrapper .countdown-body {
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex: 1;
                padding: 0 20px;
            }

            .elec-widget-wrapper .countdown-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 10px;
                text-align: center;
            }

            .elec-widget-wrapper .time-box-container {
                display: flex;
                flex-direction: column;
            }

            .elec-widget-wrapper .time-label {
                font-size: 0.6rem;
                font-weight: 800;
                color: #ffffff;
                text-transform: uppercase;
                margin-bottom: 3px;
                letter-spacing: 0.5px;
            }

            .elec-widget-wrapper .time-box {
                background-color: #c93232;
                color: #ffffff;
                font-size: 1.5rem;
                font-weight: 800;
                padding: 6px 0;
                border-radius: 4px;
                box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
                line-height: 1.1;
            }

            .elec-widget-wrapper .footer-link {
                text-align: right;
                font-size: 0.7rem;
                color: #ffffff;
                margin-top: 6px;
                padding-right: 2px;
            }

            .elec-widget-wrapper .footer-link a {
                color: #ffffff;
                text-decoration: underline;
                font-weight: bold;
            }

            @media (max-width: 900px) {
                .elec-widget-wrapper .count-floating-banner {
                    position: fixed;
                    bottom: 12px;
                    left: 12px;
                    right: 12px;
                    width: auto;
                    max-width: none;
                    height: 110px;
                    border-radius: 12px;
                    transform: translateY(150%);
                }

                .elec-widget-wrapper .count-floating-banner.is-visible {
                    transform: translateY(0);
                }

                .elec-widget-wrapper .count-floating-banner.is-hidden {
                    transform: translateY(150%) !important;
                }

                .elec-widget-wrapper .branding-panel {
                    width: 40%;
                    height: 100%;
                }

                .elec-widget-wrapper .countdown-panel {
                    width: 60%;
                    border-top-right-radius: 12px;
                    border-bottom-right-radius: 12px;
                }

                .elec-widget-wrapper .countdown-header {
                    font-size: 0.75rem;
                    padding: 6px 0;
                }

                .elec-widget-wrapper .countdown-body {
                    padding: 0 8px;
                }

                .elec-widget-wrapper .time-box {
                    font-size: 1.2rem;
                    padding: 4px 0;
                }

                .elec-widget-wrapper .time-label {
                    font-size: 0.5rem;
                }

                .elec-widget-wrapper .footer-link {
                    font-size: 0.55rem;
                    margin-top: 6px;
                }

                .elec-widget-wrapper .count-close-btn {
                    top: 4px;
                    right: 6px;
                    font-size: 1.1rem;
                }
            }