/* ====== общий стиль для 1,2,3 слоёв ====== */
.t-header,
.t-header1,
.t-header2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
}

/* стиль при скролле (появление подложки) */
.t-header.visible,
.t-header1.visible,
.t-header2.visible {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(236, 241, 247, 0.4);
}

/* ====== сдвигающиеся слои ====== */
.header-shift,
.header-shift1 {
  transition: transform 0.35s ease;
  will-change: transform;
}

/* .shifted остаётся для семантики — transform устанавливаем JS-ом */
.header-shift.shifted,
.header-shift1.shifted { }




.shape-inner {
  border-radius: 32px;
  box-shadow:
    0 6px 9px -8px rgba(0, 0, 0, 0.1),  inset 0 0 30px rgba(255, 255, 255, 1), inset 0 0 120px rgba(255, 255, 255, 1);
}