/* Tings Market — compact global header free-delivery progress */
.tmds-topbar-free-delivery {
    --tmds-topbar-yellow: #ffd200;
    --tmds-topbar-white: #ffffff;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    min-width: 290px;
    max-width: 520px;

    color: var(--tmds-topbar-white);
    line-height: 1.1;
    white-space: nowrap;
}

.tmds-topbar-free-delivery__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 10px;
    background: rgba(255,255,255,.16);

    font-size: 16px;
}

.tmds-topbar-free-delivery__content {
    display: grid;
    gap: 5px;
    width: min(310px, 31vw);
    min-width: 210px;
}

.tmds-topbar-free-delivery__line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;

    font-size: 13px;
    font-weight: 700;
}

.tmds-topbar-free-delivery__line strong {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.tmds-topbar-free-delivery__amount {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    opacity: .96;
}

.tmds-topbar-free-delivery__track {
    position: relative;
    width: 100%;
    height: 6px;
    overflow: hidden;

    background: rgba(255,255,255,.28);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
}

.tmds-topbar-free-delivery__track > .tmds-topbar-free-delivery__fill {
    display: block;
    height: 100%;
    min-width: 0;

    border-radius: inherit;
    background: linear-gradient(90deg, #ffe36a 0%, var(--tmds-topbar-yellow) 60%, #ffcb00 100%);
    box-shadow: 0 0 8px rgba(255,210,0,.35);

    transition: width .45s cubic-bezier(.22,.8,.35,1);
}

.tmds-topbar-free-delivery.is-unlocked .tmds-topbar-free-delivery__track > .tmds-topbar-free-delivery__fill {
    width: 100% !important;
    background: linear-gradient(90deg, #dfffaa, #fff08a, #ffd200);
}

.tmds-topbar-free-delivery.is-unlocked .tmds-topbar-free-delivery__line strong::before {
    content: "✓ ";
    color: #fff5a6;
}

@media (max-width: 900px) {
    .tmds-topbar-free-delivery {
        min-width: 230px;
        gap: 8px;
    }

    .tmds-topbar-free-delivery__icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
        font-size: 14px;
    }

    .tmds-topbar-free-delivery__content {
        width: min(260px, 45vw);
        min-width: 180px;
    }

    .tmds-topbar-free-delivery__line strong {
        font-size: 12px;
    }

    .tmds-topbar-free-delivery__amount {
        font-size: 11px;
    }
}

@media (max-width: 600px) {
    .tmds-topbar-free-delivery {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }

    .tmds-topbar-free-delivery__content {
        width: min(285px, calc(100vw - 80px));
        min-width: 0;
    }

    .tmds-topbar-free-delivery__line {
        gap: 8px;
    }

    .tmds-topbar-free-delivery__line strong {
        font-size: 11px;
    }

    .tmds-topbar-free-delivery__amount {
        font-size: 10px;
    }

    .tmds-topbar-free-delivery__track {
        height: 5px;
    }
}

/* =========================================================
   v5.0.9 — native animated delivery meter
   One self-contained Platform component: no external snippets dependency.
   ========================================================= */
.tmds-topbar-free-delivery__track {
    position: relative;
    isolation: isolate;
    overflow: visible;
    height: 11px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(255,255,255,.30);
    box-shadow: inset 0 1px 2px rgba(7,19,39,.18);
}

.tmds-topbar-free-delivery__track::before {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04));
    pointer-events: none;
}

.tmds-topbar-free-delivery__track > .tmds-topbar-free-delivery__fill {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: inherit;
    background:
        linear-gradient(90deg, #ffe56b 0%, #ffd000 34%, #ffe88a 55%, #ffd000 74%, #f7bd00 100%);
    background-size: 210% 100%;
    box-shadow: 0 0 8px rgba(255,208,0,.28);
    transition: width .82s cubic-bezier(.22,.78,.28,1);
    animation: tmds-meter-liquid 5.4s ease-in-out infinite alternate;
    will-change: width, background-position;
}

.tmds-topbar-free-delivery__fill::before {
    content: "";
    position: absolute;
    inset: -3px -12%;
    pointer-events: none;
    opacity: .30;
    background:
        radial-gradient(ellipse at 12% 58%, rgba(255,255,255,.64) 0 4%, transparent 5%),
        radial-gradient(ellipse at 39% 36%, rgba(255,255,255,.42) 0 3.5%, transparent 4.5%),
        radial-gradient(ellipse at 72% 62%, rgba(255,255,255,.50) 0 4%, transparent 5%);
    animation: tmds-meter-wave 6.8s cubic-bezier(.37,0,.24,1) infinite alternate;
}

.tmds-topbar-free-delivery__fill::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -28%;
    width: 26%;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(104deg, transparent, rgba(255,255,255,.30), transparent);
    transform: skewX(-14deg);
    animation: tmds-meter-shimmer 5.8s ease-in-out infinite;
}

.tmds-topbar-free-delivery__bubble {
    position: absolute;
    z-index: 2;
    display: block;
    bottom: 1px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 50%;
    background: rgba(255,255,255,.34);
    pointer-events: none;
    opacity: 0;
}
.tmds-topbar-free-delivery__bubble--1 {
    left: 17%; width: 4px; height: 4px;
    animation: tmds-meter-bubble-a 3.3s ease-in-out .2s infinite;
}
.tmds-topbar-free-delivery__bubble--2 {
    left: 49%; width: 3px; height: 3px;
    animation: tmds-meter-bubble-b 4.1s ease-in-out 1.1s infinite;
}
.tmds-topbar-free-delivery__bubble--3 {
    left: 76%; width: 5px; height: 5px;
    animation: tmds-meter-bubble-c 4.7s ease-in-out 1.8s infinite;
}

.tmds-topbar-free-delivery__truck {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: var(--tmds-progress, 0%);
    display: block;
    width: 31px;
    height: 20px;
    margin: 0;
    pointer-events: none;
    transform: translate(-50%, -57%);
    transition: left .82s cubic-bezier(.22,.78,.28,1);
    animation: tmds-meter-truck-bob 1.9s ease-in-out infinite;
    filter: drop-shadow(0 2px 2px rgba(7,19,39,.28));
    will-change: left, transform;
}
.tmds-topbar-free-delivery__truck svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.tmds-topbar-free-delivery.is-unlocked .tmds-topbar-free-delivery__track > .tmds-topbar-free-delivery__fill {
    width: 100% !important;
    background: linear-gradient(90deg, #dfffaa, #fff08a, #ffd000);
}
.tmds-topbar-free-delivery.is-unlocked .tmds-topbar-free-delivery__truck {
    left: calc(100% - 15px);
}

@keyframes tmds-meter-liquid {
    0%   { background-position: 0% 50%; }
    45%  { background-position: 54% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes tmds-meter-wave {
    0%   { transform: translateX(-7%) scaleX(.98); }
    48%  { transform: translateX(1%) scaleX(1.02); }
    100% { transform: translateX(8%) scaleX(.99); }
}
@keyframes tmds-meter-shimmer {
    0%,16% { left:-28%; opacity:0; }
    30%    { opacity:.45; }
    58%    { left:108%; opacity:.12; }
    100%   { left:108%; opacity:0; }
}
@keyframes tmds-meter-bubble-a {
    0%   { transform:translate(0,3px) scale(.65); opacity:0; }
    24%  { opacity:.66; }
    60%  { transform:translate(4px,-2px) scale(1); opacity:.54; }
    100% { transform:translate(-2px,-7px) scale(.55); opacity:0; }
}
@keyframes tmds-meter-bubble-b {
    0%   { transform:translate(0,3px) scale(.7); opacity:0; }
    20%  { opacity:.58; }
    58%  { transform:translate(-4px,-3px) scale(1.05); opacity:.48; }
    100% { transform:translate(3px,-7px) scale(.5); opacity:0; }
}
@keyframes tmds-meter-bubble-c {
    0%   { transform:translate(0,4px) scale(.6); opacity:0; }
    27%  { opacity:.56; }
    64%  { transform:translate(3px,-2px) scale(.94); opacity:.44; }
    100% { transform:translate(-5px,-8px) scale(.48); opacity:0; }
}
@keyframes tmds-meter-truck-bob {
    0%,100% { transform:translate(-50%,-57%) translateY(0) rotate(-1deg); }
    45%     { transform:translate(-50%,-57%) translateY(-1.5px) rotate(1deg); }
    72%     { transform:translate(-50%,-57%) translateY(.8px) rotate(0); }
}

@media (max-width: 900px) {
    .tmds-topbar-free-delivery__track { height: 9px; }
    .tmds-topbar-free-delivery__truck { width: 27px; height: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .tmds-topbar-free-delivery__fill,
    .tmds-topbar-free-delivery__fill::before,
    .tmds-topbar-free-delivery__fill::after,
    .tmds-topbar-free-delivery__bubble,
    .tmds-topbar-free-delivery__truck {
        animation: none !important;
    }
    .tmds-topbar-free-delivery__fill,
    .tmds-topbar-free-delivery__truck {
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   v5.0.13 — single-truck animated topbar
   Removes the left truck tile, increases liquid motion, and gives the
   progress-marker truck more life while keeping it tied to current progress.
   ========================================================= */
.tmds-topbar-free-delivery {
    gap: 0;
    min-width: 0;
    max-width: none;
}
.tmds-topbar-free-delivery__icon {
    display: none !important;
}
.tmds-topbar-free-delivery__content {
    width: 100%;
    min-width: 0;
}
.tmds-topbar-free-delivery__track {
    overflow: visible !important;
}
.tmds-topbar-free-delivery__track::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    pointer-events: none;
    opacity: .28;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.14) 26%, transparent 48%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 14px, rgba(255,255,255,0) 14px 29px);
    background-size: 180% 100%, 120% 100%;
    animation: tmds-meter-track-glide-v513 3.6s linear infinite;
}
.tmds-topbar-free-delivery__track > .tmds-topbar-free-delivery__fill {
    background:
        linear-gradient(90deg,
            #fff09a 0%,
            #ffe056 12%,
            #ffd100 28%,
            #fff1a8 45%,
            #ffd100 62%,
            #ffca08 80%,
            #fff0a0 100%);
    background-size: 240% 100%;
    box-shadow: 0 0 10px rgba(255,208,0,.34);
    animation: tmds-meter-liquid-v513 2.6s linear infinite;
}
.tmds-topbar-free-delivery__fill::before {
    inset: -3px -18%;
    opacity: .44;
    background:
        radial-gradient(ellipse at 6% 60%, rgba(255,255,255,.65) 0 3.4%, transparent 4.4%),
        radial-gradient(ellipse at 23% 38%, rgba(255,255,255,.42) 0 3%, transparent 4%),
        radial-gradient(ellipse at 42% 68%, rgba(255,255,255,.53) 0 3.5%, transparent 4.5%),
        radial-gradient(ellipse at 59% 40%, rgba(255,255,255,.35) 0 2.7%, transparent 3.8%),
        radial-gradient(ellipse at 78% 62%, rgba(255,255,255,.50) 0 3.4%, transparent 4.4%),
        radial-gradient(ellipse at 93% 36%, rgba(255,255,255,.36) 0 2.8%, transparent 3.8%);
    animation: tmds-meter-wave-v513 2.9s ease-in-out infinite alternate;
}
.tmds-topbar-free-delivery__fill::after {
    left: -35%;
    width: 35%;
    opacity: .12;
    background: linear-gradient(104deg, transparent, rgba(255,255,255,.46), transparent);
    animation: tmds-meter-shimmer-v513 2.9s ease-in-out infinite;
}
.tmds-topbar-free-delivery__bubble {
    opacity: 0;
}
.tmds-topbar-free-delivery__bubble--1 {
    left: 14%; width: 4px; height: 4px;
    animation: tmds-meter-bubble-a-v513 1.8s ease-in-out .15s infinite;
}
.tmds-topbar-free-delivery__bubble--2 {
    left: 34%; width: 3px; height: 3px;
    animation: tmds-meter-bubble-b-v513 2.2s ease-in-out .55s infinite;
}
.tmds-topbar-free-delivery__bubble--3 {
    left: 57%; width: 5px; height: 5px;
    animation: tmds-meter-bubble-c-v513 2.4s ease-in-out .95s infinite;
}
.tmds-topbar-free-delivery__truck {
    width: 34px !important;
    height: 22px !important;
    transform: translate(-50%, -54%) !important;
    animation: tmds-meter-truck-bob-v513 1.05s ease-in-out infinite !important;
}
.tmds-topbar-free-delivery__truck::before,
.tmds-topbar-free-delivery__truck::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.48);
    filter: blur(.3px);
    opacity: 0;
    pointer-events: none;
}
.tmds-topbar-free-delivery__truck::before {
    animation: tmds-meter-exhaust-v513 1s ease-out infinite;
}
.tmds-topbar-free-delivery__truck::after {
    animation: tmds-meter-exhaust-v513 1s ease-out .5s infinite;
}

@keyframes tmds-meter-track-glide-v513 {
    0%   { background-position: -80% 50%, 0% 50%; }
    100% { background-position: 130% 50%, 120% 50%; }
}
@keyframes tmds-meter-liquid-v513 {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 52% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes tmds-meter-wave-v513 {
    0%   { transform: translateX(-9%) scaleX(.97) translateY(.2px); }
    50%  { transform: translateX(2%) scaleX(1.03) translateY(-.4px); }
    100% { transform: translateX(10%) scaleX(.99) translateY(.1px); }
}
@keyframes tmds-meter-shimmer-v513 {
    0%   { left:-35%; opacity:0; }
    14%  { opacity:.18; }
    42%  { opacity:.48; }
    78%  { left:110%; opacity:.12; }
    100% { left:110%; opacity:0; }
}
@keyframes tmds-meter-bubble-a-v513 {
    0%   { transform: translate(0,3px) scale(.56); opacity:0; }
    20%  { opacity:.72; }
    65%  { transform: translate(5px,-3px) scale(1.02); opacity:.54; }
    100% { transform: translate(-3px,-8px) scale(.45); opacity:0; }
}
@keyframes tmds-meter-bubble-b-v513 {
    0%   { transform: translate(0,4px) scale(.52); opacity:0; }
    22%  { opacity:.66; }
    62%  { transform: translate(-4px,-2px) scale(1); opacity:.46; }
    100% { transform: translate(3px,-8px) scale(.42); opacity:0; }
}
@keyframes tmds-meter-bubble-c-v513 {
    0%   { transform: translate(0,4px) scale(.58); opacity:0; }
    24%  { opacity:.7; }
    68%  { transform: translate(4px,-3px) scale(1.04); opacity:.44; }
    100% { transform: translate(-5px,-9px) scale(.44); opacity:0; }
}
@keyframes tmds-meter-truck-bob-v513 {
    0%,100% { transform: translate(-50%, -54%) translate3d(0,0,0) rotate(-1.2deg); }
    20%     { transform: translate(-50%, -54%) translate3d(.9px,-1.2px,0) rotate(.3deg); }
    45%     { transform: translate(-50%, -54%) translate3d(1.5px,.15px,0) rotate(1.2deg); }
    70%     { transform: translate(-50%, -54%) translate3d(.5px,-.8px,0) rotate(-.3deg); }
}
@keyframes tmds-meter-exhaust-v513 {
    0%   { transform: translate(0,-10%) scale(.55); opacity:0; }
    25%  { opacity:.4; }
    100% { transform: translate(-8px,-130%) scale(1.7); opacity:0; }
}

@media (max-width: 900px) {
    .tmds-topbar-free-delivery__truck {
        width: 30px !important;
        height: 19px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .tmds-topbar-free-delivery__track::after,
    .tmds-topbar-free-delivery__fill,
    .tmds-topbar-free-delivery__fill::before,
    .tmds-topbar-free-delivery__fill::after,
    .tmds-topbar-free-delivery__bubble,
    .tmds-topbar-free-delivery__truck,
    .tmds-topbar-free-delivery__truck::before,
    .tmds-topbar-free-delivery__truck::after {
        animation: none !important;
    }
}


/* =========================================================
   v5.0.14 — enhanced truck motion
   Keeps the bar layout from v5.0.13 but adds more visible truck movement.
   ========================================================= */
.tmds-topbar-free-delivery__truck {
    animation: tmds-meter-truck-drive-v514 0.88s cubic-bezier(.42,0,.3,1) infinite !important;
}
.tmds-topbar-free-delivery__truck::before,
.tmds-topbar-free-delivery__truck::after {
    left: 2px;
    top: 56%;
    width: 10px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.48), rgba(255,255,255,0));
    filter: blur(.2px);
}
.tmds-topbar-free-delivery__truck::before {
    animation: tmds-meter-truck-trail-v514 .72s linear infinite;
}
.tmds-topbar-free-delivery__truck::after {
    animation: tmds-meter-truck-trail-v514 .72s linear .36s infinite;
}
@keyframes tmds-meter-truck-drive-v514 {
    0%,100% { transform: translate(-50%, -54%) translate3d(0,0,0) rotate(-1.6deg) scale(1); }
    14%     { transform: translate(-50%, -54%) translate3d(1.1px,-1.6px,0) rotate(.2deg) scale(1.008); }
    28%     { transform: translate(-50%, -54%) translate3d(2.1px,.2px,0) rotate(1.6deg) scale(1); }
    42%     { transform: translate(-50%, -54%) translate3d(1.3px,-1.2px,0) rotate(.5deg) scale(1.01); }
    57%     { transform: translate(-50%, -54%) translate3d(-.2px,.45px,0) rotate(-1deg) scale(1); }
    72%     { transform: translate(-50%, -54%) translate3d(1.6px,-1.4px,0) rotate(1deg) scale(1.006); }
    86%     { transform: translate(-50%, -54%) translate3d(.4px,.2px,0) rotate(-.5deg) scale(1); }
}
@keyframes tmds-meter-truck-trail-v514 {
    0%   { transform: translate(0,0) scaleX(.5); opacity:0; }
    20%  { opacity:.36; }
    100% { transform: translate(-9px,.5px) scaleX(1.35); opacity:0; }
}
@media (max-width: 900px) {
    .tmds-topbar-free-delivery__truck {
        animation-duration: .95s !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .tmds-topbar-free-delivery__truck,
    .tmds-topbar-free-delivery__truck::before,
    .tmds-topbar-free-delivery__truck::after {
        animation: none !important;
    }
}


/* =========================================================
   v6.1.4 — native SVG truck + single-value cart meter.
   The truck itself is inline SVG; no font, data URI, remote asset, or second
   transition system can load late or move independently from the fill.
   ========================================================= */
.tmds-topbar-free-delivery__truck{
    background:none!important;
    overflow:visible!important;
    animation:none!important;
    transition:none!important
}
.tmds-topbar-free-delivery__truck::before,
.tmds-topbar-free-delivery__truck::after{content:none!important;display:none!important}
.tmds-topbar-free-delivery__truck-vehicle{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    background:none!important;
    transform-origin:50% 74%;
    filter:drop-shadow(0 2px 2px rgba(7,19,39,.28));
    pointer-events:none;
    animation:tmds-truck-vehicle-cruise 1.65s ease-in-out infinite
}
.tmds-topbar-free-delivery__truck-vehicle::before,
.tmds-topbar-free-delivery__truck-vehicle::after{content:none!important;display:none!important}
.tmds-topbar-free-delivery__truck-vehicle svg{display:block;width:100%;height:100%;overflow:visible}
@keyframes tmds-truck-vehicle-cruise{
    0%,100%{transform:translate3d(-.45px,0,0) rotate(-.22deg)}
    24%{transform:translate3d(.20px,-.65px,0) rotate(.08deg)}
    50%{transform:translate3d(.80px,-.08px,0) rotate(.28deg)}
    74%{transform:translate3d(.22px,-.48px,0) rotate(.02deg)}
}
.tmds-topbar-free-delivery__track{--tmds-progress:0%}
html body .tmds-topbar-free-delivery .tmds-topbar-free-delivery__track>.tmds-topbar-free-delivery__fill{
    width:var(--tmds-progress,0%)!important;
    transition:none!important
}
html body .tmds-topbar-free-delivery .tmds-topbar-free-delivery__truck,
html body .tmds-topbar-free-delivery.is-unlocked .tmds-topbar-free-delivery__truck,
html body .tmds-topbar-free-delivery.is-empty .tmds-topbar-free-delivery__truck{
    left:var(--tmds-progress,0%)!important;
    right:auto!important;
    transform:translate(-50%,-53%)!important;
    transition:none!important;
    animation:none!important
}
@media(max-width:900px){.tmds-topbar-free-delivery__truck-vehicle{animation-duration:1.8s}}
@media(prefers-reduced-motion:reduce){.tmds-topbar-free-delivery__truck-vehicle{animation:none!important}}


/* v6.1.8 — solid Heroicons delivery truck. Keep the truck attached to the
   progress value; only a very small suspension motion remains. */
.tmds-topbar-free-delivery__truck-vehicle{
    width:34px!important;
    height:22px!important;
    color:#fff!important;
    filter:drop-shadow(0 1px 2px rgba(7,19,39,.34));
    animation:tmds-truck-suspension-v615 1.8s ease-in-out infinite!important;
}
.tmds-topbar-free-delivery__truck-vehicle .tm-icon--truck{width:100%!important;height:100%!important;display:block!important}
.tmds-topbar-free-delivery__truck-vehicle .tm-icon--truck{color:#fff!important;fill:#fff!important;stroke:none!important}
@keyframes tmds-truck-suspension-v615{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.tmds-topbar-free-delivery__truck-vehicle{animation:none!important}}