.site-shell { min-height: 100vh; display: flex; flex-direction: column; }
.site-shell > main { flex: 1 0 auto; min-width: 0; }
.site-main.catalog-main {
  width: min(100%, var(--container));
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-bottom: var(--space-6);
}
@media (max-width: 650px) {
  :root { --gutter: 1.125rem; --header-height: calc(4.125rem + env(safe-area-inset-top)); }
  .site-main.catalog-main { padding-bottom: var(--space-5); }
}