aside#payment .paymentList {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0.75rem;margin:0;padding:0;list-style:none;}aside#payment .paymentList li {display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem;margin:0;padding:1rem;border-radius:0.6rem;background:rgb(255 255 255 / 0.6);list-style:none;font-weight:500;line-height:1.3;}[data-theme='dark'] aside#payment .paymentList li {background:#ffffff0d;}

    /* Этапы оплаты — одна полоса 70 + 30 */aside#payment .paymentStages {display:grid;grid-template-columns:7fr 3fr;gap:0 0.35rem;}aside#payment .stageBar {display:flex;align-items:center;height:2.5rem;padding:0 0.85rem;color:#fff;text-shadow:0 1px 1px rgb(0 0 0 / 0.25);}aside#payment .stage.first .stageBar {border-radius:2rem 0 0 2rem;background:linear-gradient(90deg, #15979a, #0e6e6b);}aside#payment .stage.second .stageBar {border-radius:0 2rem 2rem 0;background:linear-gradient(90deg, #4cb8b4, #2b9a96);}aside#payment .stageBar strong {font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;}aside#payment .stage p {margin:0.6rem 0 0;font-size:0.95rem;line-height:1.4;color:var(--textMuted);}

    /* Телефон: способы — строками (значок слева), этапы — полоса целиком, под ней пояснения с процентами */
    @media screen and (max-width: 600px) {aside#payment .paymentList {grid-template-columns:minmax(0, 1fr);gap:0.5rem;}aside#payment .paymentList li {flex-direction:row;align-items:center;padding:0.6rem 0.85rem;}aside#payment .stage {display:contents;}aside#payment .stage p {grid-column:1 / -1;grid-row:auto;margin:0.5rem 0 0;}aside#payment .stage.first p {order:2;}aside#payment .stage.second p {order:3;}aside#payment .stage p::before {font-weight:700;color:var(--primaryDarkColor);}aside#payment .stage.first p::before {content:'70% — ';}aside#payment .stage.second p::before {content:'30% — ';}aside#payment .stageBar {order:1;}
    }