.elementor-579 .elementor-element.elementor-element-58c1024f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-579 .elementor-element.elementor-element-f854194{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-579 .elementor-element.elementor-element-f854194.elementor-element{--align-self:stretch;}.elementor-579 .elementor-element.elementor-element-5f381f5c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-579 .elementor-element.elementor-element-3a73b9fa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-579 .elementor-element.elementor-element-56cb128d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger:hover{background-color:#273272;}.elementor-579 .elementor-element.elementor-element-50050d93{width:auto;max-width:auto;z-index:15;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-menu-container{height:85px;max-width:700px;border-radius:0px 0px 0px 0px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav li a .ekit-menu-icon{padding:0px 0px 0px 0px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a{font-family:"Roboto Mono", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#273272;padding:0px 8px 0px 8px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:hover{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:focus{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:active{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li:hover > a{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li.current-menu-item > a{color:#273272;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#273272;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#273272;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#021343;fill:#021343;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#021343;fill:#021343;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;padding:6px 0px 7px 0px;color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#121147;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#121147;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#121147;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#121147;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-submenu-panel{padding:15px 15px 15px 25px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.12);}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger{float:right;border-style:solid;border-color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger > .ekit-menu-icon{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(255,255,255,0.5);}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(255,255,255,0.5);}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-close{color:#000000;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-579 .elementor-element.elementor-element-49ff7e25{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-579 .elementor-element.elementor-element-49ff7e25 .ekit_navsearch-button :is(i, svg){font-size:16px;}.elementor-579 .elementor-element.elementor-element-49ff7e25 .ekit_navsearch-button, .elementor-579 .elementor-element.elementor-element-49ff7e25 .ekit_search-button{color:#FFFFFF;fill:#FFFFFF;}.elementor-579 .elementor-element.elementor-element-49ff7e25 .ekit_navsearch-button{background-color:#273272;margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;width:30px;height:30px;line-height:30px;text-align:center;}@media(max-width:1024px){.elementor-579 .elementor-element.elementor-element-5f381f5c{--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-579 .elementor-element.elementor-element-e68cd88 img{width:100%;max-width:100%;}.elementor-579 .elementor-element.elementor-element-56cb128d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(min-width:768px){.elementor-579 .elementor-element.elementor-element-5f381f5c{--width:100%;}.elementor-579 .elementor-element.elementor-element-3a73b9fa{--width:20%;}.elementor-579 .elementor-element.elementor-element-56cb128d{--width:72%;}}@media(max-width:767px){.elementor-579 .elementor-element.elementor-element-5f381f5c{--flex-wrap:nowrap;}.elementor-579 .elementor-element.elementor-element-3a73b9fa{--width:64%;}.elementor-579 .elementor-element.elementor-element-56cb128d{--width:50%;}.elementor-579 .elementor-element.elementor-element-50050d93 button.elementskit-menu-hamburger{border-width:1px 1px 1px 1px;}.elementor-579 .elementor-element.elementor-element-50050d93 .elementskit-nav-logo > img{max-width:215px;max-height:50px;}}/* Start custom CSS for html, class: .elementor-element-f854194 *//* =========================================================
   USED ENGINE USA
   COMPLETE RESPONSIVE PREMIUM TOP BAR
========================================================= */


/* =========================================================
   FULL WIDTH BACKGROUND
========================================================= */

.ue-topbar {

    position: relative;

    left: 50%;

    width: 100vw;
    width: 100dvw;

    margin-left: -50vw;

    background:
        radial-gradient(
            circle at 72% -30%,
            rgba(40, 152, 255, 0.18),
            transparent 35%
        ),
        linear-gradient(
            110deg,
            #1d2c68 0%,
            #293d82 52%,
            #1f3274 100%
        );

    color: #ffffff;

    overflow: hidden;

    border-bottom:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        0 5px 20px rgba(13, 26, 64, 0.14);

    z-index: 99999;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

}


/* ACCENT LINE */

.ue-topbar::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #249cff,
            #52b5ff,
            #249cff,
            transparent
        );

    opacity: 0.75;

}


.ue-topbar *,
.ue-topbar *::before,
.ue-topbar *::after {

    box-sizing: border-box;

}


/* =========================================================
   INNER CONTAINER
========================================================= */

.ue-topbar-inner {

    width: min(100%, 1600px);

    margin: 0 auto;

    min-height: 68px;

    padding:
        8px
        clamp(18px, 3vw, 48px);

    display: grid;

    grid-template-columns:
        minmax(320px, auto)
        auto
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(16px, 2vw, 34px);

}


/* =========================================================
   CONTACT AREA
========================================================= */

.ue-topbar-contact {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 14px;

}


/* PHONE + EMAIL LINKS */

.ue-contact-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    min-width: 0;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size:
        clamp(13px, 0.88vw, 15px);

    font-weight: 650;

    line-height: 1;

    white-space: nowrap;

    letter-spacing: -0.01em;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        background 0.2s ease;

}


.ue-contact-link:hover {

    opacity: 0.9;

    transform: translateY(-1px);

}


/* ICON */

.ue-icon {

    width: 30px;

    height: 30px;

    flex: 0 0 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    background:
        rgba(255,255,255,0.09);

    border:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07);

}


.ue-icon svg {

    width: 14px;

    height: 14px;

    fill: #ffffff;

}


/* CONTACT DIVIDER */

.ue-contact-divider {

    width: 1px;

    height: 26px;

    flex: 0 0 1px;

    background:
        linear-gradient(
            transparent,
            rgba(255,255,255,0.22),
            transparent
        );

}


/* =========================================================
   CLEARANCE SALE LABEL
========================================================= */

.ue-clearance-label {

    min-height: 46px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 7px 16px;

    border-radius: 11px;

    white-space: nowrap;

    background:
        linear-gradient(
            135deg,
            #219eff 0%,
            #087ee7 100%
        );

    border:
        1px solid rgba(255,255,255,0.18);

    box-shadow:
        0 6px 18px rgba(0,119,224,0.22),
        inset 0 1px 0 rgba(255,255,255,0.12);

}


/* SALE DOT */

.ue-live-dot {

    position: relative;

    width: 7px;

    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 4px rgba(255,255,255,0.12);

}


.ue-live-dot::after {

    content: "";

    position: absolute;

    inset: -4px;

    border:
        1px solid rgba(255,255,255,0.50);

    border-radius: 50%;

    animation:
        ue-pulse
        1.8s
        ease-out
        infinite;

}


@keyframes ue-pulse {

    0% {

        transform: scale(0.7);

        opacity: 0.8;

    }

    100% {

        transform: scale(1.8);

        opacity: 0;

    }

}


/* SALE COPY */

.ue-clearance-copy {

    display: flex;

    flex-direction: column;

    gap: 2px;

}


.ue-clearance-copy small {

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 0.11em;

    color:
        rgba(255,255,255,0.70);

}


.ue-clearance-copy strong {

    font-size: 13px;

    line-height: 1;

    color: #ffffff;

    font-weight: 750;

}


/* =========================================================
   OFFER TICKER
========================================================= */

.ue-offer-ticker {

    position: relative;

    min-width: 0;

    width: 100%;

    height: 46px;

    display: flex;

    align-items: center;

    overflow: hidden;

}


/* LEFT FADE */

.ue-offer-ticker::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 25px;

    height: 100%;

    z-index: 4;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            #293d82,
            transparent
        );

}


/* RIGHT FADE */

.ue-offer-ticker::after {

    content: "";

    position: absolute;

    right: 0;
    top: 0;

    width: 45px;

    height: 100%;

    z-index: 4;

    pointer-events: none;

    background:
        linear-gradient(
            270deg,
            #213474,
            transparent
        );

}


/* =========================================================
   MOVING TRACK
========================================================= */

.ue-offer-track {

    display: flex;

    align-items: center;

    width: max-content;

    will-change: transform;

    animation:
        ue-offer-scroll
        45s
        linear
        infinite;

}


.ue-offer-group {

    display: flex;

    align-items: center;

    flex-shrink: 0;

}


/* PAUSE ON HOVER */

.ue-offer-ticker:hover
.ue-offer-track {

    animation-play-state: paused;

}


/* =========================================================
   OFFER ITEMS
========================================================= */

.ue-offer-item {

    position: relative;

    min-height: 46px;

    display: flex;

    align-items: center;

    gap: 9px;

    white-space: nowrap;

    padding:
        0
        clamp(24px, 2.5vw, 42px);

}


/* OFFER SEPARATOR */

.ue-offer-item::after {

    content: "";

    position: absolute;

    right: 0;

    width: 1px;

    height: 20px;

    background:
        linear-gradient(
            transparent,
            rgba(255,255,255,0.18),
            transparent
        );

}


/* =========================================================
   OFFER HIGHLIGHT CHIPS
========================================================= */

.ue-highlight {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 26px;

    padding: 0 10px;

    border-radius: 6px;

    background:
        rgba(73,180,255,0.13);

    border:
        1px solid rgba(85,188,255,0.24);

    color: #78caff;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 0.045em;

}


/* MAIN RED DISCOUNT */

.ue-highlight-red {

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #ef4554,
            #d4293c
        );

    border-color:
        rgba(255,255,255,0.17);

    box-shadow:
        0 4px 12px rgba(220,40,60,0.20);

}


/* OFFER DESCRIPTION */

.ue-offer-text {

    color:
        rgba(255,255,255,0.93);

    font-size:
        clamp(11px, 0.78vw, 13px);

    font-weight: 500;

}


/* GUARANTEED FIT */

.ue-guarantee {

    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding: 0 8px;

    border-radius: 6px;

    background:
        rgba(54,211,142,0.08);

    border:
        1px solid rgba(80,220,159,0.16);

    color: #8be5bb;

    font-size: 9px;

    font-weight: 750;

}


/* CTA BUTTON */

.ue-offer-action {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 25px;

    padding: 0 9px;

    border-radius: 6px;

    background:
        rgba(255,255,255,0.11);

    border:
        1px solid rgba(255,255,255,0.16);

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 9px;

    font-weight: 750;

    transition:
        background 0.2s ease,
        transform 0.2s ease;

}


.ue-offer-action:hover {

    background:
        rgba(255,255,255,0.19);

    transform:
        translateY(-1px);

}


/* =========================================================
   TICKER ANIMATION
========================================================= */

@keyframes ue-offer-scroll {

    from {

        transform:
            translate3d(0,0,0);

    }

    to {

        transform:
            translate3d(-50%,0,0);

    }

}


/* =========================================================
   LAPTOP / SMALLER DESKTOP
   BELOW 1200PX
========================================================= */

@media screen and (max-width: 1199px) {

    .ue-topbar-inner {

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        grid-template-areas:

            "contact clearance"
            "ticker ticker";

        gap:
            6px
            20px;

        padding-top: 7px;

        padding-bottom: 7px;

    }


    .ue-topbar-contact {

        grid-area: contact;

    }


    .ue-clearance-label {

        grid-area: clearance;

        min-height: 40px;

    }


    .ue-offer-ticker {

        grid-area: ticker;

        height: 40px;

    }


    .ue-offer-item {

        min-height: 40px;

    }

}


/* =========================================================
   TABLET
   BELOW 900PX
========================================================= */

@media screen and (max-width: 900px) {

    .ue-topbar-inner {

        padding:
            7px
            16px;

    }


    .ue-contact-link {

        font-size: 13px;

    }


    .ue-icon {

        width: 28px;

        height: 28px;

        flex-basis: 28px;

    }


    .ue-clearance-label {

        padding:
            5px
            12px;

    }


    .ue-clearance-copy small {

        display: none;

    }


    .ue-clearance-copy strong {

        font-size: 11px;

    }

}


/* =========================================================
   MOBILE
   BELOW 768PX
========================================================= */

@media screen and (max-width: 768px) {

    .ue-topbar-inner {

        grid-template-columns: 1fr;

        grid-template-areas:

            "contact"
            "offer";

        gap: 6px;

        padding:
            6px
            10px
            7px;

    }


    /* -----------------------------------------
       CONTACT ROW
    ----------------------------------------- */

    .ue-topbar-contact {

        grid-area: contact;

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr
            1fr;

        align-items: center;

        gap: 8px;

    }


    .ue-contact-divider {

        display: none;

    }


    .ue-contact-link {

        min-width: 0;

        min-height: 39px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 6px;

        padding:
            0
            6px;

        border-radius: 8px;

        background:
            rgba(255,255,255,0.035);

        font-size: 13px;

        font-weight: 700;

        line-height: 1;

        white-space: nowrap;

        letter-spacing: -0.015em;

    }


    .ue-contact-link span:last-child {

        overflow: visible;

        text-overflow: unset;

        white-space: nowrap;

    }


    .ue-icon {

        width: 27px;

        height: 27px;

        flex: 0 0 27px;

        border-radius: 7px;

    }


    .ue-icon svg {

        width: 13px;

        height: 13px;

    }


    /* -----------------------------------------
       OFFER ROW
    ----------------------------------------- */

    .ue-clearance-label {

        position: absolute;

        left: 10px;

        bottom: 7px;

        width: 108px;

        height: 38px;

        min-height: 38px;

        padding:
            0
            9px;

        border-radius: 8px;

        z-index: 10;

    }


    .ue-clearance-copy strong {

        font-size: 10px;

    }


    .ue-offer-ticker {

        grid-area: offer;

        width: 100%;

        height: 38px;

        padding-left: 116px;

    }


    .ue-offer-item {

        min-height: 38px;

        gap: 7px;

        padding:
            0
            19px;

    }


    .ue-highlight {

        min-height: 23px;

        padding:
            0
            7px;

        font-size: 8px;

    }


    .ue-offer-text {

        font-size: 10px;

    }


    .ue-guarantee {

        min-height: 23px;

        padding:
            0
            7px;

        font-size: 8px;

    }


    .ue-offer-action {

        min-height: 23px;

        padding:
            0
            7px;

        font-size: 8px;

    }


    .ue-offer-track {

        animation-duration: 34s;

    }

}


/* =========================================================
   STANDARD MOBILE
   BELOW 480PX
========================================================= */

@media screen and (max-width: 480px) {

    .ue-topbar-inner {

        padding-left: 7px;

        padding-right: 7px;

    }


    .ue-topbar-contact {

        gap: 5px;

    }


    .ue-contact-link {

        min-height: 38px;

        padding:
            0
            3px;

        gap: 4px;

        font-size: 11.5px;

        font-weight: 700;

        letter-spacing: -0.025em;

    }


    .ue-icon {

        width: 24px;

        height: 24px;

        flex: 0 0 24px;

    }


    .ue-icon svg {

        width: 11px;

        height: 11px;

    }


    /* SALE LABEL */

    .ue-clearance-label {

        left: 7px;

        bottom: 7px;

        width: 101px;

        height: 37px;

        min-height: 37px;

        justify-content: center;

        gap: 6px;

        padding:
            0
            7px;

    }


    .ue-clearance-copy strong {

        font-size: 9.5px;

    }


    .ue-live-dot {

        width: 6px;

        height: 6px;

        flex-basis: 6px;

    }


    .ue-offer-ticker {

        height: 37px;

        padding-left: 108px;

    }


    .ue-offer-item {

        min-height: 37px;

        padding:
            0
            17px;

    }


    .ue-offer-text {

        font-size: 9.5px;

    }

}


/* =========================================================
   SMALL PHONES
   BELOW 390PX
========================================================= */

@media screen and (max-width: 390px) {

    /*
       On very narrow phones the contact information
       gets its own rows rather than becoming tiny.
    */

    .ue-topbar-contact {

        grid-template-columns: 1fr;

        gap: 3px;

    }


    .ue-contact-link {

        min-height: 32px;

        font-size: 12px;

        font-weight: 700;

        justify-content: center;

    }


    .ue-icon {

        width: 23px;

        height: 23px;

        flex-basis: 23px;

    }


    .ue-clearance-label {

        width: 96px;

    }


    .ue-offer-ticker {

        padding-left: 103px;

    }

}


/* =========================================================
   VERY SMALL PHONES
   BELOW 340PX
========================================================= */

@media screen and (max-width: 340px) {

    .ue-contact-link {

        font-size: 11.5px;

    }


    .ue-clearance-label {

        width: 90px;

    }


    .ue-clearance-copy strong {

        font-size: 8.5px;

    }


    .ue-offer-ticker {

        padding-left: 97px;

    }

}


/* =========================================================
   EXTRA-LARGE SCREENS
========================================================= */

@media screen and (min-width: 1800px) {

    .ue-topbar-inner {

        min-height: 72px;

    }


    .ue-contact-link {

        font-size: 15px;

    }


    .ue-clearance-label {

        min-height: 48px;

    }


    .ue-offer-ticker {

        height: 48px;

    }


    .ue-offer-item {

        min-height: 48px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ue-offer-track {

        animation-duration: 90s;

    }


    .ue-live-dot::after {

        animation: none;

    }

}/* End custom CSS */