@layer reset, tokens, base, layout, components, woocommerce, utilities;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }
  ul[role="list"], ol[role="list"] { list-style: none; margin: 0; padding: 0; }
  body { min-height: 100vh; }
  img, picture, svg, video { display: block; max-width: 100%; }
  input, button, textarea, select { font: inherit; }
  button, [role="button"] { cursor: pointer; }
  a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
  :target { scroll-margin-block: 7rem; }
}