.accfs-bar {
    --accfs-track-bg: #e8eef5;
    --accfs-fill: #02559F;
    --accfs-text: #444444;
    --accfs-strong: #444444;
    --accfs-missing: #E68232;
    --accfs-threshold: #039855;
    margin: 8px 0 12px;
    font-family: inherit;
    color: var(--accfs-text);
    background-color: #F8FAFC;
    padding-top: 20px;
    padding-bottom: 20px;
    padding: 1.5rem;
}

.accfs-bar__text {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.35;
    color: var(--accfs-text);
}

.accfs-bar__text strong {
    color: var(--accfs-strong);
    font-weight: 700;
}

.accfs-bar__missing{
    font-weight: 700;
    color: var(--accfs-missing);
}

.accfs-bar__threshold {
    font-weight: 700;
    color: var(--accfs-threshold);
}

.accfs-bar__track {
    width: 100%;
    height: 8px;
    background: var(--accfs-track-bg);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.accfs-bar__fill {
    display: block;
    height: 100%;
    background: var(--accfs-fill);
    border-radius: inherit;
    transition: width .35s ease;
}

/* Estado completado: barra al 100 % verde */
.accfs-bar--complete .accfs-bar__fill {
    width: 100% !important;
}

.accfs-bar--complete .accfs-bar__text {
    color: var(--accfs-fill);
}

.accfs-bar--complete .accfs-bar__text strong {
    color: var(--accfs-strong);
}

#blockcart-content {
    --accfs-bleed-x: 1rem;
}

#blockcart-content > .accfs-bar {
    box-sizing: border-box;
    max-width: none;
    margin-inline: calc(-1 * var(--accfs-bleed-x));
    width: calc(100% + 2 * var(--accfs-bleed-x));
    border-bottom: 1px solid #DEDEDE;
}