/* === BLEND EFFECT для элементов класса .blend-invert === */

  /* Сброс stacking context у обёрток Tilda — чтобы блендинг проходил сквозь блоки */
  #allrecords,
  .t-records,
  .t-rec {
    isolation: auto !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
    contain: none !important;
  }

  /* Основной класс блендинга */
  .blend-invert {
    mix-blend-mode: difference !important;
    color: #fff !important;
    isolation: isolate;
  }

  /* Для шейпов/фигур Tilda — делает заливку белой, обводку белой, фон прозрачным.
     Применяется автоматически к содержимому элемента с классом blend-invert. */
  .blend-invert,
  .blend-invert * {
    background-color: transparent !important;
    background-image: none !important;
  }

  /* SVG внутри — заливка currentColor подхватит белый */
  .blend-invert svg,
  .blend-invert svg path,
  .blend-invert svg circle,
  .blend-invert svg rect,
  .blend-invert svg polygon {
    fill: currentColor !important;
  }

  /* Текст — становится белым (под difference инвертируется на фоне) */
  .blend-invert,
  .blend-invert p,
  .blend-invert span,
  .blend-invert h1,
  .blend-invert h2,
  .blend-invert h3,
  .blend-invert h4,
  .blend-invert h5,
  .blend-invert a,
  .blend-invert div {
    color: #fff !important;
  }

  /* Картинки/иконки, которые должны "просвечивать" формой — отключаем у них блендинг,
     а блендится только их обёртка. Если нужен обратный эффект — убери эту секцию. */
  .blend-invert img {
    mix-blend-mode: normal;
  }

  /* === Альтернативный класс: только сам элемент бленится, без принуждения детей === */
  .blend-invert-self {
    mix-blend-mode: difference !important;
    isolation: isolate;
  }

  /* === Если нужен fixed-логотип, всегда поверх всей страницы === */
  .blend-invert-fixed {
    position: fixed !important;
    mix-blend-mode: difference !important;
    color: #fff !important;
    z-index: 9999 !important;
    pointer-events: none;
    isolation: isolate;
  }