/* ═══════════════════════════════════════════════════════════════════
   ФОН САЙТА ЗАДАЁТСЯ ТОЛЬКО ЗДЕСЬ.

   Меняешь фон — меняешь его в этом файле и больше нигде. Раньше он был
   расписан в пяти файлах, работал один (этот), а четыре других лежали
   мёртвыми: этот файл подключён в index.html последним и перебивает их
   правилом `body { background: none !important }`. Человек правил фон в
   первом попавшемся файле, не видел изменений и искал причину полдня.
   26.07.2026 четыре дубля удалены (аудит, пункт 43) — не заводи новые.

   Глобальный фон сайта.
   Переиспользует ТОЧНЫЕ значения фона блока «Почему +7 Телеком» (.perks):
     • базовый градиент  — design-lab-flagship.v2.css:116
         linear-gradient(135deg, rgba(224,238,255,.72), rgba(249,250,253,.75))
     • свечения .aurora  — storefront.v3.css:550-553
         .aurora-blue : rgba(0,144,231,.4)   (слева)
         .aurora-red  : rgba(240,53,60,.4)    (справа)
   Один фиксированный слой на всю страницу (не копируется по секциям).
   ═══════════════════════════════════════════════════════════════════ */

html { background: var(--page-bg); }
body { background: none !important; min-height: 100dvh; }

.page-aurora {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(224,238,255,.72), rgba(249,250,253,.75));
}
.page-aurora .aurora { opacity: .26; animation: none !important; }
.page-aurora .aurora-blue { width: 64vw; height: 64vw; left: -14vw; top: -10vw; }
.page-aurora .aurora-red  { width: 52vw; height: 52vw; right: -12vw; bottom: -8vw; }

html[data-theme="dark"] .page-aurora { background: transparent; }
html[data-theme="dark"] .page-aurora .aurora { opacity: .2; }

#homeView, .perks, .promos, .brands, #recentSection, #saleSection, #faqSection { background: transparent !important; }
.perks .aurora { display: none; }

/* Верхняя строка (город/доставка/телефон) 27.07.2026 удалена из разметки
   совсем, поэтому прятать её больше нечем и незачем. Правило
   `.topbar { display:none !important }` убрано вместе с ней. */

@media (max-width: 1199px) {
  .page-aurora .aurora-blue { width: 74vw; height: 74vw; left: -20vw; top: -12vw; }
  .page-aurora .aurora-red  { width: 62vw; height: 62vw; right: -18vw; bottom: -6vw; }
}
@media (max-width: 767px) {
  .page-aurora .aurora { opacity: .3; }
  .page-aurora .aurora-blue { width: 92vw; height: 92vw; left: -32vw; top: -8vw; }
  .page-aurora .aurora-red  { width: 82vw; height: 82vw; right: -32vw; bottom: -4vw; }
}
@media (max-width: 374px) {
  .page-aurora .aurora-blue { width: 104vw; height: 104vw; left: -42vw; }
  .page-aurora .aurora-red  { width: 96vw;  height: 96vw;  right: -44vw; }
}