.timer-wrapper {
            display: flex;
            justify-content: center;
            /* margin: 40px auto; */
            font-family: Arial, sans-serif;
        }

        /* сетка: 5 колонок (value, colon, value, colon, value) и 2 строки (значения + подписи) */
        .timer-grid {
            display: grid;
            grid-template-columns: minmax(80px, max-content) 24px minmax(80px, max-content) 24px minmax(80px, max-content);
            grid-template-rows: auto auto;
            gap: 1px 20px;
            /* 8px между строками, 16px между колонками */
            justify-content: center;
            /* центрируем всю сетку */
            justify-items: center;
            /* содержимое каждой ячейки по центру */
            align-items: center;
            /* вертикальное выравнивание в ячейках */
        }

        /* Общий класс для анимированных элементов */
        .timer-animated-item {
            will-change: transform, opacity;
            transform-origin: center center;
            animation: pulse 1.5s infinite;
        }

        /* числа — анимируемые блоки */
        .timer-value {
            display: inline-block;
            font-size: 72px;
            font-weight: 700;
            color: #ffffff;
            line-height: 1;
            text-align: center;
            user-select: none;
        }

        /* двоеточие — ровно по центру верхней строки */
        .timer-colon {
            font-size: 72px;
            font-weight: 700;
            color: #ffffff;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
        }

        /* подписи под своими значениями */
        .timer-label {
            font-size: 16px;
            color: #ffffff;
            text-align: center;
            margin-top: 4px;
        }

        /* пустые ячейки под двоеточием */
        .timer-spacer {
            height: 1px;
            width: 1px;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }

            50% {
                transform: scale(1.06);
                opacity: 0.88;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Мобильная подстройка */
        @media (max-width: 420px) {
            .timer-value {
                font-size: 48px;
            }

            .timer-colon {
                font-size: 48px;
            }

            .timer-grid {
                grid-template-columns: minmax(60px, max-content) 18px minmax(60px, max-content) 18px minmax(60px, max-content);
                gap: 6px 12px;
            }
        }