.shop-page { background: #ffffff; }
.shop-main {
  display: grid;
  place-items: center;
  min-height: calc(100svh - var(--nav-height));
  padding: 3rem 1.25rem;
  background: #ffffff;
  text-align: center;
}
.shop-main__content { max-width: 100%; }
.shop-main h1 {
  margin: 0 0 1.75rem;
  color: #0a0a0a;
  font-family: "DM Sans", "Manrope", sans-serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-wrap: balance;
  animation: shop-message-enter 700ms ease-out both;
}
@media (min-width: 700px) {
  .shop-main h1 { white-space: nowrap; }
}
@keyframes shop-message-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .shop-main h1 { animation: none; }
}
.shop-main__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  padding: .75rem 1.3rem;
  border: 1px solid #0a0a0a;
  border-radius: 4px;
  background: #0a0a0a;
  color: #ffffff;
  font-weight: 700;
}
.shop-main__link:hover,
.shop-main__link:focus-visible { border-color: #292929; background: #292929; color: #ffffff; }