@media (max-width: 960px) {
  header nav {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  [data-tablet-wide] {
    grid-column: 1 / -1;
  }
}

html:root[data-view="mobile"] {
  --section-y: 46px;
}

html:root[data-view="mobile"] [data-mobile-detail] {
  display: none !important;
}

html:root[data-view="mobile"] [data-compact-grid] {
  gap: 10px !important;
}

html:root[data-view="mobile"] [data-compact-grid] > * {
  padding: 15px 16px !important;
}