.mygif {
  mix-blend-mode: multiply;       /* эффект Multiply */
  opacity: 0.9;                   /* сильнее смешивается с фоном */
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  filter: brightness(0.92) contrast(1.15) saturate(1.35) sepia(0.45) hue-rotate(50deg);
}

.floating-button {
    position: fixed;
    top: 700px;
    right: 30px;

    z-index: 100000; /* меню ME403 выше, значит кнопка будет под ним */
    pointer-events: auto;

    filter: drop-shadow(0 6px 6px rgba(0,0,0,0.3));
    transition: opacity 0.3s ease;

    background: transparent !important;
    border: none !important;
    outline: none !important;

}

/* --- Основной стиль шейпа --- */
.shape-video-wrap {
    position: absolute;    /* шейп полностью внутри блока */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0); /* фикс багов рендеринга на Safari */
}

/* --- Патч для всех iPhone с notch (safe area) --- */
@supports (padding: env(safe-area-inset-top)) {
    .shape-video-wrap {
        top: env(safe-area-inset-top); /* сдвигаем шейп вниз под вырез */
    }
}

/* --- Дополнительно: если нужно, фикс конкретной модели (например, iPhone 16 Pro Max) --- */
@media (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
    .shape-video-wrap {
        top: 20px; /* компенсируем прыжок */
    }
}