@import url('base.css');
@import url('header.css');
@import url('footer.css');
@import url('banner.css');
@import url('catalog-fullscreen.css');
@import url('categories-bar.css');
@import url('categories.css');
@import url('products.css');
@import url('buttons-checkboxes.css');
@import url('badge.css');
@import url('adaptive.css');
@import url('search.css');
@import url('compackmode.css');

/* ===== Масштаб сайта (как «зум» браузера) ===== */
:root {
  /* Поменяй под себя: 1 = 100%, 0.9 = 90%, 0.85 = 85% и т.д. */
  --ui-zoom: 0.80;
}

/* Chromium/Edge/Opera — почти «нативный» зум */
.page-zoom {
  zoom: var(--ui-zoom);
}

/* Firefox (и там, где нет zoom) — аккуратный фолбэк */
@supports not (zoom: 1) {
  .page-zoom {
    transform: scale(var(--ui-zoom));
    transform-origin: top center;
    width: calc(100% / var(--ui-zoom)); /* чтобы ширина не «сжималась» */
  }
}