/* Full-width framing; middle sections retain their original reading width. */
.site-header,
.site-footer.section-shell {
  width: 100%;
  padding-inline: max(20px, calc((100% - 1300px) / 2));
}
.site-footer.section-shell {
  background: var(--paper);
}
@media (max-width: 640px) {
  .site-header,
  .site-footer.section-shell {
    padding-inline: 14px;
  }
}

/* Shared site navigation: keep every section reachable. */
.site-header {
  position: sticky;
  top: 0;
  background: rgb(255 255 255 / 0.97);
}
.nav a[aria-current="page"] {
  color: var(--accent);
  border-bottom-color: var(--accent);
  font-weight: 700;
}
@media (max-width: 920px) {
  .site-header {
    position: sticky;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-block: 10px;
  }
  .nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-padding-inline: 4px;
    padding: 4px;
  }
  .nav a {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 44px;
    white-space: nowrap;
  }
  section[id], [data-product-card] {
    scroll-margin-top: 140px;
  }
}
@media (max-width: 640px) {
  .nav {
    font-size: 0.85rem;
  }
}