/* ============================================================
   Массовое добавление в корзину
   ============================================================ */

.mass { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--sp-8); align-items: start; }

.mass-block__title { font-size: var(--fz-16); font-weight: var(--fw-bold); margin-bottom: var(--sp-4); }

.mass-table { width: 100%; border-collapse: collapse; }
.mass-table th { text-align: left; font-size: var(--fz-13); color: var(--c-text-2); font-weight: var(--fw-regular); padding: 0 var(--sp-3) var(--sp-2); }
.mass-table td { padding: 4px var(--sp-3) 4px 0; vertical-align: middle; }
.mass-table .input { height: 40px; }
.mass-row__num { color: var(--c-muted); width: 26px; font-size: var(--fz-13); }
.mass-row__del { color: var(--c-muted); line-height: 0; background: none; border: none; }
.mass-row__del:hover { color: var(--c-accent); }
.mass-col-qty { width: 110px; }
.mass-col-del { width: 28px; }

.mass-actions { display: flex; gap: var(--sp-3); margin-top: var(--sp-5); flex-wrap: wrap; }

.mass-help { background: var(--c-field-bg); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: var(--sp-5); }
.mass-help__title { font-size: var(--fz-14); font-weight: var(--fw-bold); margin-bottom: var(--sp-3); }
.mass-help ol { padding-left: var(--sp-5); list-style: decimal; display: flex; flex-direction: column; gap: var(--sp-3); font-size: var(--fz-13); color: var(--c-text-2); }

@media (max-width: 900px) { .mass { grid-template-columns: 1fr; } }