/* Quatre étapes à intervalles réguliers, reliées au centre des pastilles. */
.stock-progress.container{
  --step-size:48px;
  --line-gap:13px;
  width:calc(100% - 64px);
  max-width:1200px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:25px 0 23px;
}
.stock-progress li{min-width:0}
.stock-progress button{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  min-height:0;
  padding:0 10px;
  text-align:center;
}
.stock-progress .progress-number{
  position:relative;
  z-index:1;
  width:var(--step-size);
  height:var(--step-size);
  border-width:2px;
  font-size:23px;
  line-height:1;
}
.stock-progress button>span:last-child{display:block;width:100%;min-width:0}
.stock-progress strong{font-size:14px;line-height:1.3;min-height:0;letter-spacing:-.2px}
.stock-progress small{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:#646d74}
.stock-progress li:not(:last-child):after{
  left:calc(50% + var(--step-size)/2 + var(--line-gap));
  right:auto;
  top:calc(var(--step-size)/2);
  width:calc(100% - var(--step-size) - 2*var(--line-gap));
  height:2px;
  background:#d2d6d9;
}
.stock-progress li.completed-step:after{background:#e5b200}
.stock-progress button[aria-current="step"] strong{color:#131c21}
.stock-progress button.completed .progress-number{background:#fff4be;border-color:#e4b000}
@media(max-width:800px){
  .stock-progress.container{--step-size:44px;--line-gap:10px;width:calc(100% - 40px);padding:22px 0 19px}
  .stock-progress button{padding:0 7px;gap:11px}
  .stock-progress .progress-number{font-size:22px}
  .stock-progress strong{font-size:13px;line-height:1.35}
  .stock-progress small{font-size:10px;margin-top:4px}
}
@media(max-width:600px){
  .stock-progress.container{--step-size:36px;--line-gap:8px;width:calc(100% - 24px);padding:20px 0 15px}
  .stock-progress button{padding:0 5px;gap:10px}
  .stock-progress .progress-number{font-size:18px;border-width:1.5px}
  .stock-progress strong{font-size:11px;line-height:1.3;min-height:2.6em;max-width:13ch;margin:0 auto}
  .stock-progress small{display:none}
}