/* =========================
   ДЕСКТОП (без изменений)
   ========================= */
html, body {
  height: auto;
  overflow: visible;
  background-color: #0a0d13;
}
body {
  position: relative;
  background-image: url("https://static.tildacdn.com/tild3666-3335-4665-a339-306463623237/UniversalUpscaler_68.jpg");
  background-repeat: repeat;      /* паттерн бесшовный */
  background-size: auto;
  background-attachment: fixed;
  background-position: center center;
}
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 40%, rgba(255,200,120,0.07) 0%, transparent 70%);
}
.t-records{ position: relative; z-index: 1; }
.t396, .t396__artboard { overflow: visible !important; }
.hs, .annexx-hscroll, [data-hscroll]{
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain; overscroll-behavior-y: none;
  scroll-behavior: smooth;
}
.overlay, .glass, [data-overlay], .parchment-overlay{ pointer-events: none; }
body.t-body_scroll-locked{ overflow: auto !important; position: static !important; }

/* =========================
   МОБИЛЬНАЯ ВЕРСИЯ — постоянный бесшовный фон
   ========================= */
@media (max-width: 980px){

  /* База страницы */
  html, body{
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: none !important;          /* фон переносим на ::before */
    background-color: #0a0d13;            /* подложка */
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y !important;
  }

  /* Фиксированный слой с БЕСШОВНЫМ паттерном БЕЗ зума/параллакса */
  body::before{
    content: "";
    position: fixed !important;
    /* маленький вылет за края, чтобы в iOS не появлялась белая линия при инерции */
    top: -1px; left: -1px; right: -1px; bottom: -1px;
    z-index: 0;
    pointer-events: none;

    background-image: url("https://static.tildacdn.com/tild3666-3335-4665-a339-306463623237/UniversalUpscaler_68.jpg");
    background-repeat: repeat;            /* ключ к бесшовности */
    background-size: auto;                /* без масштабирования */
    background-position: center top;

    /* ВАЖНО: НИКАКИХ transform/scale — чтобы не было «зум-эффекта» и белых линий */
    will-change: auto;
    backface-visibility: hidden;
  }

  /* Контент над фоном */
  .t-records{ position: relative; z-index: 1; }

  /* Горизонтальные ленты — без перехвата вертикального скролла */
  .hs, .annexx-hscroll, [data-hscroll]{
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain; overscroll-behavior-y: none;
  }

  /* Попап-фикс */
  body.t-body_scroll-locked{
    overflow: auto !important;
    position: static !important;
  }
}

/* =========================
   ДОП. СОВМЕСТИМОСТЬ
   ========================= */
@supports (-webkit-touch-callout: none){
  html, body{ -webkit-overflow-scrolling: touch; }
  body, .t-records{ touch-action: auto; }
}
@media (prefers-reduced-motion: reduce){
  .hs, .annexx-hscroll, [data-hscroll]{ scroll-behavior: auto; }
}

/* Пример: глушим именно фикс-блок с фоном внизу (если это не iframe) */
body > div[style*="position:fixed"][style*="bottom:0"][style*="height"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Или перекрашиваем вместо скрытия */
body > div[style*="position:fixed"][style*="bottom:0"][style*="height"] {
  background: #CFAB49 !important;
  border: 0 !important;
  color: transparent !important;
}