/* =========================================================
   KOUZ — GLOBAL CORE CSS
   CLEAN / SAFE VERSION

   СОХРАНЕНО:
   - все исходные CSS variables
   - body
   - scroll behavior
   - .kouz-container
   - .kouz-visually-hidden
   - scroll-lock
   - responsive container

   УДАЛЕНО:
   - старый JS Header
   - старый Mega Menu
   - старый Search
   - старый Mobile Menu
   - старый JS Footer

   ВАЖНО:
   Никаких новых глобальных reset-правил не добавлено.
========================================================= */


/* =========================================================
   00. GLOBAL VARIABLES
========================================================= */

:root {
  --kouz-bg: #fff;
  --kouz-text: #151515;
  --kouz-muted: #737373;
  --kouz-surface: #f6f5f2;
  --kouz-border: #e7e7e4;
  --kouz-dark: #111;

  --kouz-container: 1440px;

  /*
  Сохраняем переменную для обратной совместимости:
  другие кастомные блоки могли её использовать.
  */
  --kouz-header-height: 80px;

  --kouz-space-xs: 8px;
  --kouz-space-sm: 16px;
  --kouz-space-md: 24px;
  --kouz-space-lg: 40px;
  --kouz-space-xl: 72px;
  --kouz-space-2xl: 120px;

  --kouz-transition: 300ms ease;

  /*
  Тоже сохраняем.
  Даже если новый Header использует собственный z-index,
  другие блоки могли ссылаться на эти переменные.
  */
  --kouz-z-header: 900;
  --kouz-z-overlay: 880;
}


/* =========================================================
   01. HTML
========================================================= */

html {
  scroll-behavior: smooth;
}


/* =========================================================
   02. BODY
========================================================= */

body {
  margin: 0;

  background: var(--kouz-bg);

  color: var(--kouz-text);

  font-family:
    Inter,
    "Helvetica Neue",
    Arial,
    sans-serif;

  -webkit-font-smoothing: antialiased;
}


/* =========================================================
   03. GENERIC SCROLL LOCK

   Оставляем: может использоваться другими
   кастомными модальными окнами / каталогом.
========================================================= */

body.kouz-scroll-lock {
  overflow: hidden;
}


/* =========================================================
   04. GLOBAL KOUZ CONTAINER

   КРИТИЧЕСКИ ВАЖНО:
   эту систему используют кастомные секции сайта.
========================================================= */

.kouz-container {
  width: min(
    calc(100% - 64px),
    var(--kouz-container)
  );

  margin-inline: auto;
}


/* =========================================================
   05. ACCESSIBILITY HELPER
========================================================= */

.kouz-visually-hidden {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  padding: 0 !important;

  margin: -1px !important;

  overflow: hidden !important;

  clip: rect(
    0,
    0,
    0,
    0
  ) !important;

  white-space: nowrap !important;

  border: 0 !important;
}


/* =========================================================
   06. TABLET / MOBILE

   Оставлено один в один из исходной версии.
========================================================= */

@media (max-width: 1099px) {

  :root {
    --kouz-header-height: 64px;
  }


  .kouz-container {
    width:
      calc(100% - 32px);
  }

}