.timer-bar:not(.timer-bar--static) {
    display: none;
}

.index--繁體中文,
.index--espanol,
.index--italiano,
.index--francais,
.index--deutsch {
    .timer-bar:not(.timer-bar--static) {
        .timer-bar__container.page-width {
            padding: 0 15px;
        }

        .timer-bar countdown-timer p {
            font-size: 9px !important;
        }
    }
}

body.a-b-test:has(.timer-bar:not(.timer-bar--static) #timer-container) {
    .timer-bar {
        display: block;

        countdown-timer {
            margin-block: 0 !important;
        }

        countdown-timer>div {
            padding: 4px 0px;
            justify-content: center;
            flex-wrap: nowrap;
            column-gap: 10px;
        }

        countdown-timer p {
            font-size: 12px;
            line-height: 14px;
            text-transform: uppercase;
        }

        #timer-container {
            font: normal var(--font-body-weight) 12px / 10px var(--font-body-family);
        }

        .separate-dot {
            margin: 0 3px;
        }

        #timer-container span:not(.separate-dot) {
            max-width: 28px;
            width: 28px;
            min-width: 28px;
            padding: 4px 3px;
        }
    }

    .countdown-timer__label {
        padding: 6px 8px;
        border: 1px solid var(--color);
        color: var(--color);
        border-radius: 100px;
        text-transform: unset !important;
    }

    .announcement-bar-section {
        display: none;
    }

    @media (max-width: 768px) {
        .shopify-section:has(.timer-bar #timer-container) {
            position: sticky;
            top: 0;
        }

        .shopify-section:has(.header--always-mobile).section-header {
            top: 36px !important;
        }

        .countdown-timer__label {
            margin-left: auto;
        }

        countdown-timer>div {
            justify-content: flex-start;
        }
    }
}

body:has(.timer-bar.timer-bar--static countdown-timer) {
    countdown-timer {
        display: block;
    }

    countdown-timer>div {
        padding: 6px 0;
        column-gap: 10px;
        row-gap: 10px;

        @media (min-width: 768px) {
            padding: 12px 0;
            column-gap: 25px;
        }
    }

    #timer-container span:not(.separate-dot) {
        padding: 3.5px 4px;
        font: normal var(--font-heading-weight) 11px/13px var(--font-heading-family);
        min-width: 32px;
        max-width: 32px;
        width: 32px;

        @media (min-width: 768px) {
            padding: 5px 6px;
            font-size: 14px;
            line-height: 17px;
        }
    }

    #timer-container span:not(.separate-dot) small {
        font: normal 400 10px/12px var(--font-body-family);

        @media (min-width: 768px) {
            font-size: 11px;
            line-height: 13px;
        }
    }

    #timer-container .separate-dot {
        color: var(--background-container);
        font: normal 400 14px/1 var(--font-body-family);
        margin: 0 3px;

        @media (min-width: 768px) {
            font-size: 18px;
        }
    }

    countdown-timer p {
        font: normal var(--font-heading-weight) 14px/1 var(--font-body-family);
        letter-spacing: 0;
        text-transform: uppercase;

        @media (min-width: 768px) {
            font-size: 24px;
        }
    }

    .announcement-bar-section {
        display: none;
    }

    @media (max-width: 768px) {
        .shopify-section:has(.timer-bar #timer-container) {
            position: sticky;
            top: 0;
        }

        .shopify-section:has(.header--always-mobile).section-header {
            top: 36px !important;
        }

        .timer-bar__container.page-width {
            padding: 0 15px;
        }
    }
}