.af-flow{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    width: 100%;
}

.af-flow__logo{display:inline-flex;align-items:center}
.af-flow__logo-img{height:34px;width:auto;display:block}

.af-stepper{display:flex;align-items:center;gap:16px}
.af-step{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}

.af-step__circle{
    width:54px;
    height:54px;
    border-radius:999px;
    background: #f8f9f9;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color: #91a1a0;
}

.af-step__num{display:block;font-size:24px;line-height:1; font-weight:400;}
.af-step__check{display:none;color:#fff}

.af-step__label{font-size:16px;font-weight:500}

.af-step__line{
    width:78px;height:2px;border-radius:999px;
    background:#0b1b3f;
}

/* Active / done states per pagina */
body.woocommerce-cart .af-step--cart .af-step__circle,
body.woocommerce-checkout .af-step--checkout .af-step__circle{
    background: #6b817f;
    color:#fff;
}
body.woocommerce-cart .af-step--cart .af-step__num,
body.woocommerce-checkout .af-step--checkout .af-step__num{display:none}
body.woocommerce-cart .af-step--cart .af-step__check,
body.woocommerce-checkout .af-step--checkout .af-step__check{display:block}

/* Responsive */
@media (max-width: 768px){
    .af-flow{justify-content:center}
    .af-flow__logo-img{height:28px}



    .af-step__label {
        font-size: 12px;
    }


    .af-step__circle {
        width: 38px;
        height: 38px;
    }




    svg.af-step__check {
        width: 16px;
    }

    .af-step__num{font-size:16px}

    .af-step__line {
        width: 24px;
    }
}