/* ===================================================================== */
/* 1. DRIFT-лупа (приближение картин)                                    */
/* ===================================================================== */

.drift-zoom-pane {
  z-index: 9999 !important;        /* линза всегда поверх всего */
}

.drift-container {
  text-align: center;
  margin: 0 auto;
}

.drift-container img {
  width: 800px !important;         /* желаемая ширина миниатюры */
  max-width: 100%;
  cursor: zoom-in;
  display: inline-block;
}

/* Адаптация для мобильных ≤ 768 px */
@media (max-width: 768px) {
  .drift-container img {
    width: 100% !important;
  }
  .drift-zoom-pane {
    width: 90vw !important;
    height: 40vh !important;
    top: 5vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* ===================================================================== */
/* 2. «Стеклянная» полупрозрачная подложка под логотип                   */
/*    (Blur + прозрачность 35 %)                                         */
/* ===================================================================== */

/* Если Zero-блоку, где находится логотип, присвоен класс .glass-block, */
/* оставьте первый селектор. Иначе можно использовать просто .glass */
.glass-block .glass,
.glass {
  background: rgba(15, 26, 31, 0.35);   /* #0F1A1F с альфой 35 % */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);   /* для Safari */
  border-radius: 16px;
}

/* ===================================================================== */
/* 3. Корректировка блока «О проекте»                                    */
/* ===================================================================== */

/* Обнуляем верхний padding блока «О проекте» */
.about-block {
  padding: 0 40px 80px !important;    /* top=0, sides=40px, bottom=80px */
}

/* Прижимаем панели превью друг к другу */
.about-block .preview-top {
  align-items: flex-start !important;
}

.about-block .preview-bottom {
  align-items: flex-end !important;
}
