/* ============================================================
   cab-cover.css — обложка витрины в карточке проекта: три формата и настройки показа.
   Отдельный файл: над app.css в эти дни работает несколько рук.
   ============================================================ */

.cab-cover-slots { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }

.cab-cover-slot { display: grid; gap: 8px; justify-items: start; }
.cab-cover-slot__cap { font-size: 12.5px; color: var(--mpr-muted); }
.cab-cover-slot__cap b { color: var(--mpr-forest); font-weight: 600; }
.cab-cover-slot__acts { display: flex; gap: 6px; flex-wrap: wrap; }

.cab-cover-pic { display: block; background: var(--mpr-card-strong); }
/* Кроп не загружен: показываем широкую полупрозрачной — видно, что подставится сама */
.cab-cover-pic--auto {
  background-size: cover; background-position: center;
  border: 1px dashed var(--mpr-line-strong);
  opacity: .62;
}

.cab-cover-opts { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px; }
.cab-cover-choice { display: grid; gap: 8px; flex: 1 1 280px; min-width: 260px; }
.cab-cover-choice .np-choice { display: grid; gap: 6px; }

@media (max-width: 640px) {
  .cab-cover-slots { gap: 14px; }
  .cab-cover-opts { gap: 12px; }
}

.cab-cover-anim { display: grid; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--mpr-line); }