@import url('breadcrumbs.css');
@import url('catalog-list.css');
@import url('product-base.css');
@import url('product-gallery.css');
@import url('product-specs.css');
@import url('category_tiles.css');
@import url('category.css');

/* Страница растягивается на всю высоту окна */
html, body {
  height: 100%;
}

/* Липкий футер: делаем body колонкой */
body {
  display: flex;
  flex-direction: column;
  min-height: 100svh; /* безопаснее, чем 100vh на мобилках */
}

/* Основной контент тянется, футер уходит вниз, когда контента мало */
.main-content {
  flex: 1 0 auto;
}

/* На случай, если у футера есть свой контейнер-класс */
.site-footer {
  margin-top: auto;
}