/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 19:54:22 */
/* Родитель (секция/контейнер с видео) */
.has-ornament{
  position: relative;
  overflow: visible;
  isolation: isolate;                 /* стабильный стек слоёв */
  --circle: 535px;                     /* диаметр круга */
  --square: 379px;                     /* сторона вписанного квадрата */
  --border: rgba(255,255,255,0.1);     /* #FFF, 10% прозрачности */
}

/* HTML-виджет с орнаментом не должен быть positioned-ancestor */
.has-ornament .ornament-widget,
.has-ornament .ornament-widget .elementor-widget-container{
  position: static !important;
  z-index: 0 !important;
}

/* Контентные виджеты — поверх орнамента */
.has-ornament .elementor-widget{
  position: relative;
  z-index: 2;
}

/* Орнамент не перехватывает клики */
.has-ornament .ornament-box,
.has-ornament .ornament-box *{
  pointer-events: none !important;
}

/* ===== ДЕСКТОП (включаем орнамент) ===== */
@media (min-width: 1025px){
  .has-ornament .ornament-widget .ornament-box{
    position: absolute;
    top: 50%;
    right: 0;                           /* прижат справа */
    transform: translateY(-50%);        /* по центру вертикали */
    width: var(--circle);
    height: var(--circle);
    z-index: 0;                         /* под контентом, над видео */
  }
  .has-ornament .ornament-box .circle{
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: transparent;
    box-sizing: border-box;
  }
  .has-ornament .ornament-box .square{
    position: absolute;
    width: var(--square);
    height: var(--square);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--border);
    background: transparent;
    box-sizing: border-box;
  }
}

/* ===== ТАБЛЕТ/МОБИЛА (выключаем орнамент) ===== */
@media (max-width: 1024px){
  .has-ornament .ornament-widget .ornament-box{
    display: none !important;
  }
}
