.hero[id],
.section {
  scroll-margin-top: 132px;
}

.navlinks a[aria-current="page"] {
  color: var(--ink);
  font-weight: 700;
}

.navlinks a[aria-current="page"]::after {
  transform: scaleX(1);
}

.navlinks a[data-nav-page] {
  white-space: nowrap;
}

.product-art-fallback {
  min-height: 260px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.18), transparent 40%),
    linear-gradient(145deg, rgba(239, 250, 246, 0.96), rgba(226, 247, 243, 0.96));
  border: 1px solid rgba(10, 164, 155, 0.18);
  padding: 24px;
  text-align: center;
}

.product-art-fallback strong {
  display: block;
  font-size: 2rem;
  line-height: 1.05;
  color: var(--ink);
}

.product-art-fallback span {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.95rem;
}

@media (max-width: 980px) {
  .hero[id],
  .section {
    scroll-margin-top: 340px;
  }

  .navlinks a[aria-current="page"] {
    background: rgba(14, 165, 233, 0.08);
  }
}