/* ===================== GLASS PANEL (Tilda SAFE) =====================
   Вешай класс "glass-panel" на шейп/блок.
   ВАЖНО: мы НЕ меняем позиционирование .tn-elem (контейнер),
   стекло рисуем только на .tn-atom.
====================================================================== */

:root{
  --gp-radius: 16px;                 /* пилюля как в меню */
  --gp-blur: 18px;
  --gp-sat: 155%;
  --gp-contrast: 108%;

  --gp-glass-a: rgba(255,255,255,.14);
  --gp-glass-b: rgba(255,255,255,.06);

  --gp-border: rgba(255,255,255,.30);

  /* меньше тень */
  --gp-shadow: 0 10px 22px rgba(10,12,20,.07);

  /* мягкий оранжевый отблеск под #ff8e29 */
  --gp-accent: rgba(255,142,41,.09);
  --gp-accent-2: rgba(255,142,41,.05);
}

/* Контейнер .tn-elem НЕ трогаем (никаких position/transform!) */
.glass-panel{
  border-radius: var(--gp-radius) !important;
}

/* Всё стекло — на атом */
.glass-panel .tn-atom{
  position: relative; /* можно: это внутренний слой */
  overflow: hidden;
  box-sizing: border-box;

  border-radius: var(--gp-radius) !important;

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.22) 0%,
      rgba(255,255,255,.10) 35%,
      rgba(255,255,255,.06) 100%),
    radial-gradient(120% 140% at 110% 20%,
      var(--gp-accent) 0%,
      rgba(255,142,41,0) 55%),
    radial-gradient(120% 140% at 0% 80%,
      var(--gp-accent-2) 0%,
      rgba(255,142,41,0) 60%),
    linear-gradient(135deg, var(--gp-glass-a), var(--gp-glass-b));

  border: 1px solid var(--gp-border);
  box-shadow: var(--gp-shadow);

  backdrop-filter: blur(var(--gp-blur)) saturate(var(--gp-sat)) contrast(var(--gp-contrast));
  -webkit-backdrop-filter: blur(var(--gp-blur)) saturate(var(--gp-sat)) contrast(var(--gp-contrast));
}

/* Премиальная внутренняя "линза" */
.glass-panel .tn-atom::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius: inherit;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16) inset,
    0 -1px 0 rgba(255,255,255,.10) inset;
  opacity:.9;
}

/* Мягкий нижний градиент — чтобы стекло читалось на белом */
.glass-panel .tn-atom::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 100%);
  opacity:.55;
}

/* Никаких hover-эффектов — специально */
.glass-panel:hover .tn-atom{
  transform: none !important;
}

/* Fallback без blur */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass-panel .tn-atom{
    background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.10));
  }
}

/* Mobile */
@media (max-width: 640px){
  :root{
    --gp-blur: 13px;
    --gp-shadow: 0 6px 14px rgba(10,12,20,.06);
    --gp-border: rgba(255,255,255,.28);
  }
}