.softener-cycle-figure{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,3vw,32px);background:#f5f8f9}.softener-cycle-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:softener-cycle}.softener-cycle-list li{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:16px;align-items:start;padding:14px 16px;border-left:3px solid #1f7ea7;background:#fff;counter-increment:softener-cycle}.softener-cycle-list strong{color:#102c3c;font-size:14px;line-height:1.45}.softener-cycle-list strong::before{content:counter(softener-cycle) ". ";color:#1f7ea7}.softener-cycle-list span{min-width:0;color:#49606f;font-size:14px;line-height:1.55}@media (max-width:640px){.softener-cycle-list li{grid-template-columns:1fr;gap:5px}}