/* Горизонтальный пример эффекта на узкой странице (вне диалога превью —
 * например, оверлей ленты): ролик во всю ширину, высота по 16:9.
 * Вынесено из 150: тот упирается в потолок 400 строк (tests/styles-bundles).
 * Диалог превью держит свою копию с полем 12px в effect-preview/030. */
@media (max-width: 760px) {
  .effect-detail-shell.effect-detail-refresh.effect-detail-media-landscape
    :is(.effect-detail-preview, .effect-chrome-media) {
    margin-inline: -16px;
  }
  .effect-detail-shell.effect-detail-refresh.effect-detail-media-landscape .effect-detail-preview {
    width: auto !important;
    /* Явная высота: с aspect-ratio строка грида не растёт под превью. */
    height: calc(100vw * 9 / 16) !important;
    border-radius: 0 !important;
  }
  .effect-detail-shell.effect-detail-refresh.effect-detail-media-landscape .effect-chrome-share {
    margin-inline-end: -4px;
  }
}