/* =========================================================
   OZEON — ПАНЕЛЬ АНИМИРОВАННЫХ КАРТОЧЕК
   ========================================================= */

/* ===== ОСНОВНЫЕ НАСТРОЙКИ ПАНЕЛИ ===== */

.animated-cards-panel {
  width: 100%;                                      /* Ширина панели */
  max-width: 1440px;                                /* Максимальная ширина панели */
  height: 216px;                                    /* Высота панели */
  padding: 12px;                                       /* Внутренний отступ */
  margin: 20px auto 0 auto;                         /* Отступ сверху и центрирование */
  box-sizing: border-box;                           /* Учитываем отступы и рамку в размерах */
  border: 1px solid #03f8fc33;                      /* Рамка панели */
  border-radius: 5px;                              /* Скругление углов */
  box-shadow: 0 4px 20px #00000059;                 /* Тень панели */
  position: relative;                               /* Основа для содержимого */
  overflow: hidden;                                 /* Скрываем выходящие элементы */
  background-color: #ffffff05;                      /* Цвет фона и прозрачность */
  backdrop-filter: blur(5px);                       /* Размытие фона */
  -webkit-backdrop-filter: blur(5px);               /* Размытие для Safari */
  background-image: linear-gradient(to top, #00000099, #00000000); /* Картинка с градиентом */
  background-size: cover;                           /* Заполняем панель картинкой */
  background-position: center center;               /* Центрируем картинку */
  background-repeat: no-repeat;                     /* Без повторения */
}