.float-space {
  animation: floatSpace 7s ease-in-out infinite;
  will-change: transform;
  transform-origin: 50% 50%;
}

@keyframes floatSpace {
  0%   { transform: translate3d(0, 0, 0) rotate(-1deg); }
  25%  { transform: translate3d(10px, -18px, 0) rotate(1.5deg); }
  50%  { transform: translate3d(0, -34px, 0) rotate(-0.5deg); }
  75%  { transform: translate3d(-12px, -16px, 0) rotate(1deg); }
  100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
}


/* ЗАМЕНИ rec123456789 на свой блок */
#rec1939273291{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  /* старт: скрыто */
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;

  transition: transform .25s ease, opacity .25s ease;
}

/* показ */
#rec1939273291.menu-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* === GLASS LATTE (PAINT ONLY, NO LAYOUT CHANGES) === */
.glass-latte{
  /* можно чуть править по вкусу */
  --latte: 248 240 232;                /* пастельный беж */
  --alpha: .18;                        /* прозрачность стекла */
  --border: rgba(255,255,255,.35);     /* тонкая кромка */
  --shadow: rgba(18,24,38,.07);        /* очень мягкая тень */
  --blur: 14px;                        /* размытие */

  /* ТОЛЬКО визуальные свойства (не трогаем позиционирование!) */
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 62%),
    radial-gradient(120% 85% at 18% 12%, rgba(255,255,255,.12), transparent 60%),
    rgba(var(--latte) / var(--alpha)) !important;

  border: 1px solid var(--border) !important;
  border-radius: 28px !important;

  /* очень лёгкая тень */
  box-shadow:
    0 8px 18px var(--shadow),
    inset 0 1px 0 rgba(255,255,255,.45) !important;

  backdrop-filter: blur(var(--blur)) saturate(135%);
  -webkit-backdrop-filter: blur(var(--blur)) saturate(135%);
}

/* планшеты */
@media (max-width: 1024px){
  .glass-latte{
    --alpha: .17;
    --blur: 12px;
    box-shadow: 0 6px 14px rgba(18,24,38,.06), inset 0 1px 0 rgba(255,255,255,.45) !important;
    border-radius: 24px !important;
  }
}

/* телефоны */
@media (max-width: 480px){
  .glass-latte{
    --alpha: .16;
    --blur: 10px;
    box-shadow: 0 5px 12px rgba(18,24,38,.05), inset 0 1px 0 rgba(255,255,255,.45) !important;
    border-radius: 20px !important;
  }
}

/* горизонтальная ориентация (часто критичная на мобилках) */
@media (max-height: 520px) and (orientation: landscape){
  .glass-latte{
    --alpha: .15;
    --blur: 9px;
    box-shadow: 0 4px 10px rgba(18,24,38,.045), inset 0 1px 0 rgba(255,255,255,.42) !important;
    border-radius: 18px !important;
  }
}

/* fallback если blur не поддерживается */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass-latte{
    background: rgba(248,240,232,.28) !important;
  }
}