/* SM image gradient — общий стиль (фронт + редактор) */

.sm-grad-bottom {
  position: relative;
  isolation: isolate; /* контекст для ::after */
}

/* Высота градиента читается из --sm-grad-h (по умолчанию 100px).
   Цвет — из --sm-grad-color. Специально БЕЗ дефолта, чтобы не перебивать выбор. */
.sm-grad-bottom::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: var(--sm-grad-h, 100px);
  background: linear-gradient(to top, var(--sm-grad-color, var(--sm-brand)) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}

/* Немного страховки для img, чтобы не было неожиданностей в темах */
.sm-grad-bottom img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
  object-position: center bottom;
  vertical-align: bottom;
  border-radius: 0;
}