/* ============================================================
   VSE AI — Banner classes (PLUS + Release Notes)
   ============================================================
   Зависит от tokens.css (CSS custom properties).
   Используется как:
     <video class="plus-banner plus-banner--mobile" ...>
     <iframe class="release-banner release-banner--mobile" ...>
   ============================================================ */

/* === PLUS Banners (mp4) ====================================== */
.plus-banner {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  background: var(--bg-primary);
}
.plus-banner--mobile {
  aspect-ratio: 393 / 180;
  max-width: 393px;
  border-radius: var(--r-lg);
}
.plus-banner--tablet {
  aspect-ratio: 768 / 261;
  max-width: 768px;
  border-radius: var(--r-xl);
}
.plus-banner--desktop {
  aspect-ratio: 1200 / 260;
  max-width: 1200px;
  border-radius: 28px;
}

/* === Release Notes Banners (HTML iframe) ===================== */
.release-banner {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  background: var(--bg-primary);
}
.release-banner--mobile {
  aspect-ratio: 393 / 180;
  max-width: 393px;
  border-radius: var(--r-lg);
}
.release-banner--tablet {
  aspect-ratio: 768 / 261;
  max-width: 768px;
  border-radius: var(--r-xl);
}
.release-banner--desktop {
  aspect-ratio: 1200 / 260;
  max-width: 1200px;
  border-radius: 28px;
}
