/* Shop-only mobile typography: keep long words inside the available grid width. */
@media (max-width: 560px) {
  .hero-grid > * { min-width: 0; }
  .hero h1 {
    font-size: clamp(2.7rem, 14vw, 4.5rem);
    overflow-wrap: anywhere;
  }
}