@import url("../../fonts/inter/font-face.css");

.store-page-heading {
  margin-block-end: 1.25rem;
}

.store-page-heading__title {
  margin: 0;
  color: #000;
  font-family: "Inter Heading", system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

:root[data-color-mode="dark"] .store-page-heading__title {
  color: var(--store-text);
}

@media (max-width: 620px) {
  .store-page-heading__title {
    font-size: 1.625rem;
  }
}