/* ------------------------------------------------------------------
   (c) 2025 ССМК   •   Site Custom CSS
   ------------------------------------------------------------------ */

/* === 1. Глобальный фон сайта ===================================== */
html, body, .t-records {
  background: linear-gradient(135deg, #000000 0%, #333333 100%) fixed no-repeat !important;
}

/* Индивидуальные фоновые градиенты Zero-Block’ов */
#rec877789207,
#rec908707807,
#rec105409381,
#rec911068618,
#rec911066251,
#rec911041969,
#rec911038180,
#rec1054116181,
#rec1054115741,
#rec909948022,
#rec1054113851,
#rec1054113461,
#rec1054112826,
#rec1054108856,
#rec1054769371,
#rec1055289466,
#rec1055445826,
#rec1054093811,
#rec954144446,
#rec1068940671,
#rec1069025701,
#rec1069084646 {
  background-image: linear-gradient(
    to top,
    #d5d4d0   0%,
    #d5d4d0   1%,
    #eeeeec  31%,
    #efeeec  75%,
    #e9e9e7 100%
  ) !important;
}

/* === 2. Anti-100vw FIX =========================================== */

/* 2.1. разница между 100vw и 100% (ширина скролл-бара)  */
:root { --scrollbar-w: calc(100vw - 100%); }

/* 2.2. корневые теги никогда не шире окна                */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}

/* 2.3. корректируем элементы с width:100vw,               */
/*      но исключаем zero-block (.t396__artboard)          */
body [style*="width: 100vw"]:not(.t396__artboard),
body [class*="100vw"]:not(.t396__artboard) {
  width: calc(100vw - var(--scrollbar-w)) !important;
  max-width: 100% !important;
}

/* 2.4. возвращаем zero-block «родную» ширину              */
.t396__artboard {
  width: auto !important;
  max-width: none !important;
}

/* 2.5. вспомогательный класс для точечной полной ширины   */
.full-width-fix {
  width: calc(100vw - var(--scrollbar-w));
  max-width: calc(100vw - var(--scrollbar-w));
}

/* === 3. Базовый reset =========================================== */
*, *::before, *::after { box-sizing: border-box; }
