/* Keep the site header and its shortcut bar together while scrolling. */
@supports (overflow: clip) {
  html:has(header .pristine-shortcuts),
  body:has(header .pristine-shortcuts),
  body > .overflow-x-hidden:has(> header .pristine-shortcuts) {
    overflow-x: clip;
  }
}
.pristine-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(39rem, calc(100% - 2rem));
  margin: 0 auto .65rem;
  padding: .2rem;
  border: 1px solid #7d3540;
  border-radius: 999px;
  background: #151215;
  box-shadow: 0 .35rem 1rem #0004;
}
.pristine-shortcuts a {
  display: grid;
  min-height: 44px;
  place-items: center;
  padding-inline: .18rem;
  border-radius: inherit;
  color: #f4edf0;
  font: 600 clamp(.78rem, 3.35vw, 1rem)/1.15 Barlow, sans-serif;
  text-align: center;
}
.pristine-shortcuts a:last-child {
  color: #fff;
  background: linear-gradient(135deg, #c2112c, #a00b22);
}
.pristine-shortcuts a:hover {
  color: #fff;
  background: #60202c;
}
.pristine-shortcuts a:focus-visible {
  outline: 2px solid #ff9ca8;
  outline-offset: -3px;
}
#gift-heading {
  scroll-margin-top: 10rem;
}
section#gifts {
  scroll-margin-top: 10rem;
}
@media (max-width: 1023px) {
  header:has(button[aria-expanded="true"]) .pristine-shortcuts {
    display: none;
  }
}
@media (max-width: 767px) {
  section#gifts, #gift-heading {
    scroll-margin-top: 9rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .pristine-shortcuts a {
    transition: background-color .18s ease, color .18s ease;
  }
}