@charset "UTF-8";
/* =====================================================
   all_base.css — Глобальные базовые стили
   Путь: /css2/all_base.css
   Группа конфигуратора: css_общие (1-й, загружается первым)
   Версия: 3.0 — mega-menu layout (без sidebar)
   ===================================================== */

/* ═══ CSS CUSTOM PROPERTIES ═══ */
:root {
  --header-h: 160px;         /* обновляется из JS */
  --page-max-w: 1500px;
  --transition-speed: 0.35s;
}

/* ═══ СБРОС ═══ */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.body {
  background-image: url("../images/kkm-kassy_ch5.jpg");
  background-attachment: fixed;
  /* background-size: cover; */
  min-height: 100vh;
}

/* ═══════════════════════════════════════════════════════
   PAGE LAYOUT
   
   .page
     .header     → 100% ширины, sticky, position:relative
     .catalog-menu  → absolute/fixed dropdown (не в потоке)
     main        → 100% ширины (всегда!)
     .footer     → 100% ширины
   ═══════════════════════════════════════════════════════ */
.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* Без max-width: header и footer на всю ширину экрана */
  /* Контент центрируется через margin:0 auto на .goods/.title */
}

/* Header: sticky, на всю ширину */
.header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Footer — на всю ширину, прижат к низу */
.footer {
  width: 100%;
  margin-top: auto;
}

/* Main — на всю ширину */
main {
  width: 100%;
  min-width: 0;
  padding: 0 10px;
}

/* ═══ УТИЛИТЫ ═══ */
.page__hidden { display: none !important; }
.page__show-grid { display: block !important; }
.page__show-flex { display: flex !important; }
.page__button-unavailable {
  opacity: 0.35;
  pointer-events: none;
}

/* ═══ Yandex рейтинг iframe — убираем ВСЕ скроллбары ═══ */
.footer__yandex {
  border: none;
  overflow: hidden;
  display: block;
  max-width: 150px;
  height: 50px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.footer__yandex::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* ═══ АДАПТИВ ═══ */
@media (max-width: 1080px) {
  main { padding: 0 5px; }
}

@media (max-width: 540px) {
  main { padding: 0; }
}