/* Вкладки «Звёзды», «Premium», «TON» на /market (29.09): форма слева, итог заказа справа - что придёт, кому, сколько
   стоит и как выдаётся. Раньше форма стояла узкой колонкой, а правая половина страницы пустовала. */

@media (min-width: 900px) {
    .mk .stars-panel, .mk .premium-panel {
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr) !important; gap: 20px;
    }
}

/* знак товара в шапке формы - тот же, что на плитках главной (вместо контурной иконки в квадрате) */
.pay-head__art { flex: none; display: block; width: 48px; height: 48px; }
.pay-head__art svg { display: block; width: 100%; height: 100%; }

.pay-sum {
    position: sticky; top: 96px; padding: 26px; border-radius: var(--border-radius, 20px);
    background: var(--mk-surface, #111); border: 1px solid rgba(255, 255, 255, 0.05);
}
.pay-sum--stars { --acc: #FFB61F; }
.pay-sum--premium { --acc: #976FFF; }
.pay-sum--ton { --acc: #0098EA; }

.pay-sum__head { display: flex; align-items: center; gap: 18px; }
.pay-sum__art { flex: none; width: 76px; height: 76px; }
.pay-sum__art svg { display: block; width: 100%; height: 100%; }
.pay-sum__what { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.pay-sum__what b { font-size: 24px; line-height: 1.15; font-weight: 800; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.pay-sum__what span { font-size: 14px; color: var(--mk-muted, #9A9A9A); overflow-wrap: anywhere; }

.pay-sum__rows { margin: 22px 0 0; border-top: 1px solid var(--mk-line, rgba(255, 255, 255, 0.07)); }
.pay-sum__rows div {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 0;
    border-bottom: 1px solid var(--mk-line, rgba(255, 255, 255, 0.07));
}
.pay-sum__rows dt { font-size: 13.5px; color: var(--mk-muted, #9A9A9A); }
.pay-sum__rows dd { margin: 0; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pay-sum__total dt { color: var(--mk-text, #F5F5F5); font-weight: 600; }
.pay-sum__total dd { font-size: 26px; font-weight: 800; letter-spacing: -0.03em; }

.pay-sum__facts { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.pay-sum__facts li { position: relative; padding-left: 16px; font-size: 13.5px; line-height: 1.5; color: #B4B4BA; }
.pay-sum__facts li::before {
    content: ""; position: absolute; left: 0; top: 0.62em; width: 6px; height: 6px; border-radius: 2px; background: var(--acc);
}

@media (max-width: 899px) {
    .pay-sum { display: none; }
}