html,
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
}

:root {
  --snm-safe-top: env(safe-area-inset-top, 0px);
  --snm-header-h: 63px;
  --snm-top: calc(var(--snm-safe-top) + var(--snm-header-h));
}

@media screen and (max-width: 1199px) {
  :root { --snm-header-h: 54px; }
}

@media screen and (max-width: 639px) {
  :root { --snm-header-h: 50px; }
}

@media screen and (max-width: 479px) {
  :root { --snm-header-h: 48px; }
}

/* HEADER WRAPPER */
#rec999721551 {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: transparent !important;
  overflow: visible !important;
}

/* ЕДИНЫЙ GLASS СЛОЙ: safe area + header */
#rec999721551::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--snm-top);
  z-index: 99998;
  pointer-events: none;

  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}

/* УБРАТЬ rectangle из ZB (если не удалил в редакторе) */
#rec999721551 .tn-elem[data-elem-id="1779706643883000001"] {
  display: none !important;
}

/* УБРАТЬ стандартные Tilda BG слои */
#rec999721551 .t396__carrier,
#rec999721551 .t396__filter {
  display: none !important;
}

/* ARTBOARD = только контейнер иконок/логотипа (без blur/background) */
#rec999721551 .t396__artboard {
  position: fixed !important;
  top: var(--snm-safe-top) !important;
  left: 0 !important;
  width: 100% !important;
  height: var(--snm-header-h) !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
  z-index: 99999 !important;

  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Контент ниже safe area + header */
body {
  padding-top: var(--snm-top) !important;
}

/* Слайдер под стеклом от самого верха */
#rec528868282nlm {
  margin-top: calc(-1 * var(--snm-top)) !important;
}