/* =========================================================
   OZEON — ПАНЕЛЬ НОВОСТЕЙ
   ========================================================= */

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

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