.position-relative {
  overflow: visible; /* Обрезает выходящие за границы элементы */
}

/* Стили для адаптивности карусели */
@media (max-width: 991px) {
  .position-relative {
    overflow: hidden !important;
  }
  
  /* Адаптация галереи на мобильных */
  .gallery-row .col-lg-3 {
    margin-bottom: 15px;
  }
}

/* Стили для карусели */
.carousel-item img {
  max-height: 80vh;
  object-fit: contain;
}
/* Прячем модальное окно полностью при d-none */
.modal.d-none {
  display: none !important;
}
.gallery-image {
  width: 100%;
  height: 290px;
  object-fit: cover;
}

.background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none; /* Не мешает взаимодействию с контентом */
  z-index: 0;
}

.main-content {
  position: relative;
  z-index: 1;
}

.col-md-6 {
  text-align: center;
}