/* Free shipping bar - message, slim meter, scale labels. */
.fs { padding: 12px 14px; border-radius: var(--e-radius-sm); background: var(--e-hero); border: 1px solid color-mix(in srgb, var(--e-accent) 14%, var(--e-line)); }
.fs-head { display: flex; align-items: center; gap: 10px; }
.fs-icobox { display: inline-flex; flex: none; }
.fs-ico { width: 22px; height: 22px; flex: none; color: var(--e-accent-fg); }
.fs-msg { margin: 0; font-size: 1em; line-height: 1.4; overflow-wrap: anywhere; min-width: 0; }
.fs-msg strong { font-weight: 800; color: var(--e-accent-fg); font-variant-numeric: tabular-nums; }
.fs-track { position: relative; height: 10px; margin-top: 10px; border-radius: 999px; background: color-mix(in srgb, var(--e-ink) 10%, var(--e-bg)); overflow: hidden; }
.fs-fill {
    display: block; height: 100%; width: 0; border-radius: inherit;
    background: linear-gradient(90deg, var(--e-accent) 0%, var(--e-accent-2) 100%);
    transition: width .45s var(--e-ease);
}
html.e-custom-accent .fs-fill { background: var(--e-accent); }
.fs-scale { display: flex; justify-content: space-between; gap: 8px; margin-top: 4px; font-size: .78em; color: var(--e-ink-3); font-variant-numeric: tabular-nums; }
.fs-region { margin: 6px 0 0; font-size: .8em; color: var(--e-ink-3); }
.fs-try { margin-top: 10px; max-width: 220px; }

.fs.fs-done { background: color-mix(in srgb, var(--e-ok) 9%, var(--e-bg)); border-color: color-mix(in srgb, var(--e-ok) 30%, var(--e-line)); }
.fs-done .fs-ico, .fs-done .fs-msg strong { color: var(--e-ok); }
.fs-done .fs-msg { font-weight: 650; }
.fs-done .fs-fill { background: var(--e-ok); }

@media (prefers-reduced-motion: reduce) { .fs-fill { transition: none; } }
@media (max-width: 360px) { .fs { padding: 10px 11px; } .fs-msg { font-size: .94em; } }
html[data-compact="1"] .fs { padding: 8px 10px; }
html[data-compact="1"] .fs-track { margin-top: 7px; height: 8px; }