/*
  Desktop collections page layout.
  Shared chrome, page title, link, and fade styles live in site_global.css.
*/

:root {
  --page-min: 900px;
  --content-max: 1250px;
  --content-side-gap: 61px;
}

html,
body {
  min-width: var(--page-min);
}

body {
  overflow-x: auto;
}

.collections-content {
  width: min(var(--content-max), calc(max(100vw, var(--page-min)) - (var(--content-side-gap) * 2)));
  margin: 0 auto;
  padding-bottom: 160px;
}

.collections-hero {
  padding-top: 173px;
}