/* Shims for de 1:1-portede Shopify-sider.
   Dawn-temaet satte html-font til 62,5 % (1rem = 10px) og definerede
   font-variabler + .page-width i base.css. Her genskabes præcis det,
   fragmenterne forventer — resten af shoppens CSS bruger px og
   påvirkes ikke. */

html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
}

:root {
  --font-body-family: 'Inter', sans-serif;
  --font-heading-family: 'Inter', sans-serif;
  --font-body-scale: 1;
  --font-heading-scale: 1;
  --page-width: 120rem;
}

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 5rem;
}

@media screen and (max-width: 749px) {
  .page-width {
    padding: 0 1.5rem;
  }
}

/* "inkl. moms"-note under prisen på produktsider (lovkrav, manglede på live) */
.mm-pdp-info__vat {
  font-family: var(--mm-mono, 'JetBrains Mono', monospace);
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mm-muted, rgba(42, 32, 24, 0.62));
  margin-top: 0.6rem;
}

/* Blog-oversigten (tom på live) bruger Dawns titelklasse */
.title--primary {
  font-family: var(--font-heading-family);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 300;
  letter-spacing: -0.03em;
  margin: 2rem 0;
}