.svl-barre{margin:0 0 60px}
.svl-barre[hidden]{display:none}
.svl-barre__piste{position:relative;display:flex;align-items:center;min-height:28px;border-radius:12px 12px 0 0;background:#bcbcbc;color:#fff;font-size:15px;line-height:1.2;overflow:hidden}
.svl-barre__jauge{position:absolute;inset:0 auto 0 0;min-width:68px;display:flex;align-items:center;padding:0 14px;background:#048386;border-radius:12px 0 0 0;transition:width .4s ease}
.svl-barre__montant{font-weight:700;white-space:nowrap}
.svl-barre__message{position:relative;flex:1;padding:2px 80px;text-align:center}
.svl-barre__seuil{position:absolute;right:14px;font-weight:700}
.svl-barre.is-atteint .svl-barre__piste{background:#048386}
.svl-barre.is-atteint .svl-barre__jauge{border-radius:12px 0 12px 0}
.svl-barre__succes{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 16px;border:1px solid #048386;border-left-width:4px;border-radius:0 12px 12px 0;background:#e8f4f1;color:#035f61;font-size:15px;line-height:1.4;animation:svl-apparition .4s ease}
.svl-barre__succes svg{flex-shrink:0;width:22px;height:22px;fill:#048386}
.svl-barre__succes strong{font-weight:700}
@keyframes svl-apparition{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Mobile et tablette : champ quantité en 16 px. En dessous, Safari (iPhone, iPad) zoome la page au toucher et elle reste zoomée après l'enregistrement. */
@media (max-width:1024px){
body.woocommerce-cart input.qty,body.woocommerce-cart .quantity input{font-size:16px!important;height:36px!important;min-width:56px}
}
@media (max-width:767px){
.svl-barre{margin-bottom:30px}
.svl-barre__piste{font-size:13px;min-height:34px}
.svl-barre__message{padding:4px 58px 4px 76px;text-align:left}
.svl-barre__seuil{right:10px}
.svl-barre__jauge{min-width:66px;padding:0 10px}
.svl-barre__succes{font-size:14px;padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.svl-barre__jauge{transition:none}.svl-barre__succes{animation:none}}