/* Legal pages keep their document layout; the copied shop header starts at the same origin as /shop/. */
body.legal-page.shop-page {
  display:flex;
  min-height:100svh;
  flex-direction:column;
  padding:0;
  background:#fff;
}

html:has(body.legal-page.shop-page) {
  background:#fff;
}

body.legal-page.shop-page .legal {
  flex:1 0 auto;
}

@media (min-width: 761px) {
  body.legal-page.shop-page .legal__content {
    width: min(100%, 860px);
    margin-right: auto;
    margin-left: auto;
  }
}