#storefront-sticky-banner .countdown-flip-group {
        display: inline-flex;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        flex: 0 0 auto;
        margin-top: 6px;
    }

    #storefront-sticky-banner .countdown-flip-unit {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex: 0 0 auto;
    }

    #storefront-sticky-banner .countdown-flip-separator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: flex-start;
        margin-top: 12px;
        font-size: 24px;
        font-weight: 400;
        line-height: 1;
        color: rgba(255, 255, 255, 0.92);
        flex: 0 0 auto;
    }

    #storefront-sticky-banner .countdown-flip-card {
        position: relative;
        width: 42px;
        height: 50px;
        border-radius: 4px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
        /* Keep rotating digits the same width as the resting halves. */
        perspective: none;
    }

    #storefront-sticky-banner .countdown-flip-half,
    #storefront-sticky-banner .countdown-flip-flap {
        position: absolute;
        left: 0;
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: center;
        overflow: hidden;
        backface-visibility: hidden;
    }

    #storefront-sticky-banner .countdown-flip-half,
    #storefront-sticky-banner .countdown-flip-flap {
        background: linear-gradient(180deg, #ffffff 0%, #f4faff 100%);
    }

    #storefront-sticky-banner .countdown-flip-half.top,
    #storefront-sticky-banner .countdown-flip-flap.top {
        top: 0;
        align-items: flex-end;
        padding-bottom: 0;
    }

    #storefront-sticky-banner .countdown-flip-half.bottom,
    #storefront-sticky-banner .countdown-flip-flap.bottom {
        bottom: 0;
        align-items: flex-start;
        padding-top: 0;
    }

    #storefront-sticky-banner .countdown-flip-half.bottom,
    #storefront-sticky-banner .countdown-flip-flap.bottom {
        border-top: 1px solid rgba(53, 131, 193, 0.12);
        background: linear-gradient(180deg, #edf6ff 0%, #ffffff 100%);
    }

    #storefront-sticky-banner .countdown-flip-seam {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(50% - 1px);
        height: 2px;
        background: rgba(53, 131, 193, 0.16);
        z-index: 3;
    }

    #storefront-sticky-banner .countdown-flip-number {
        display: block;
        font-size: 24px;
        line-height: 1;
        font-weight: 700;
        color: #3583c1;
        font-family: inherit;
        font-variant-numeric: tabular-nums;
        width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    #storefront-sticky-banner .countdown-flip-half.top .countdown-flip-number,
    #storefront-sticky-banner .countdown-flip-flap.top .countdown-flip-number {
        transform: translateY(46%);
    }

    #storefront-sticky-banner .countdown-flip-half.bottom .countdown-flip-number,
    #storefront-sticky-banner .countdown-flip-flap.bottom .countdown-flip-number {
        transform: translateY(calc(-46% - 3px));
    }

    #storefront-sticky-banner .countdown-flip-flap {
        z-index: 4;
    }

    #storefront-sticky-banner .countdown-flip-flap.top {
        transform-origin: bottom center;
    }

    #storefront-sticky-banner .countdown-flip-flap.bottom {
        transform-origin: top center;
        transform: rotateX(90deg);
    }

    #storefront-sticky-banner .countdown-flip-card.is-flipping .countdown-flip-flap.top {
        animation: storefront-flip-top 0.21s ease-in forwards;
    }

    #storefront-sticky-banner .countdown-flip-card.is-flipping .countdown-flip-flap.bottom {
        animation: storefront-flip-bottom 0.21s ease-out forwards;
        animation-delay: 0.21s;
    }

    #storefront-sticky-banner .countdown-flip-label {
        position: absolute;
        right: 0;
        bottom: 2px;
        left: 0;
        z-index: 6;
        font-size: 8px;
        font-weight: 600;
        line-height: 1;
        color: #3583c1;
        text-align: center;
        letter-spacing: 0.02em;
        pointer-events: none;
    }

    #storefront-sticky-banner .sticky-banner-inner {
        max-width: 80rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 10px 16px;
        min-height: 84px;
        flex-wrap: nowrap;
    }

    #storefront-sticky-banner .sticky-banner-main {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        min-width: 0;
        flex: 1 1 auto;
    }


#storefront-sticky-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #3583c1; color: #fff; box-shadow: 0 -10px 24px rgba(15,23,42,.18); font-family: inherit; }
#storefront-sticky-banner[hidden] { display: none; }
#storefront-sticky-banner, #storefront-sticky-banner * { box-sizing: border-box; }
#storefront-sticky-banner .sticky-banner-inner { justify-content: center; }
#storefront-sticky-banner .sticky-banner-copy { display:flex; align-items:center; justify-content:center; gap:12px; white-space:nowrap; }
#storefront-sticky-banner .sticky-banner-van { width:84px; height:49px; object-fit:contain; flex:0 0 auto; }
#storefront-sticky-banner .sticky-banner-label, #storefront-sticky-banner .sticky-banner-delivery { font-size:15px; font-weight:400; line-height:1.2; }
#storefront-sticky-banner .sticky-banner-delivery { margin:0; color:#eff6ff; }
#storefront-sticky-banner .sticky-banner-date-block { display:inline-flex; flex-direction:column; align-items:flex-end; gap:3px; margin-left:4px; vertical-align:middle; }
#storefront-sticky-banner .sticky-banner-date { display:inline-block; font-size:21px; font-weight:400; color:#fff; }
#storefront-sticky-banner .sticky-banner-note { display:block; font-size:11px; line-height:1.2; font-style:normal; font-weight:400; text-align:right; color:#eff6ff; }
#storefront-sticky-banner .countdown-flip-flap { visibility:hidden; }
#storefront-sticky-banner .is-flipping .countdown-flip-flap { visibility:visible; }
@keyframes storefront-flip-top { from { transform:rotateX(0deg); } to { transform:rotateX(-90deg); } }
@keyframes storefront-flip-bottom { from { transform:rotateX(90deg); } to { transform:rotateX(0deg); } }
@media (max-width:1000px) {
    #storefront-sticky-banner .sticky-banner-copy { flex-wrap:wrap; gap:8px 12px; }
    #storefront-sticky-banner .sticky-banner-delivery { flex-basis:100%; text-align:center; }
}
@media (max-width:767px) { #storefront-sticky-banner, #storefront-sticky-spacer { display:none; } }
@media (prefers-reduced-motion:reduce) { #storefront-sticky-banner .countdown-flip-flap { animation:none !important; } }

/* Match beta's collapsed Freshchat launcher; keep the open chat full size. */
#fc_frame.custom_fc_frame.fc-widget-normal {
    transform: scale(0.75) !important;
    transform-origin: right bottom !important;
}