/* Exact Menryx 3006 UI font layer copied from the current live Shopify theme. */
@font-face {
  font-family: "Menryx Figtree";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2");
}

@font-face {
  font-family: "Menryx Figtree";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2");
}

:root {
  --menryx-3006-font: "Menryx Figtree", Figtree, Inter, "Helvetica Neue", Arial, sans-serif;
  --sort-title-font: var(--menryx-3006-font);
  --sort-title-font-mobile: var(--menryx-3006-font);
  --sort-body-font: var(--menryx-3006-font);
  --sort-body-font-mobile: var(--menryx-3006-font);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--menryx-3006-font) !important;
  font-optical-sizing: auto;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.mx3006-home,
[class*="mx3006-"],
[class*="menryx-3006-"] {
  font-family: var(--menryx-3006-font) !important;
}

/* Keep shared storefront chrome consistent on every template and account surface. */
:is(
  theme-announcement-bar-sticky,
  theme-announcement-bar-carousel,
  theme-sticky-header,
  .announcement-bar__group,
  .header-section,
  .header__container,
  .footer,
  .shrine-announcement,
  .shrine-header,
  .shrine-footer,
  .customer-navbar,
  .customer-navbar__footer,
  .main-password__header,
  .main-password__footer,
  .password-modal
) {
  font-family: var(--menryx-3006-font) !important;
  font-optical-sizing: auto;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

:is(
  theme-announcement-bar-sticky,
  theme-announcement-bar-carousel,
  theme-sticky-header,
  .announcement-bar__group,
  .header-section,
  .header__container,
  .footer,
  .shrine-announcement,
  .shrine-header,
  .shrine-footer,
  .customer-navbar,
  .customer-navbar__footer,
  .main-password__header,
  .main-password__footer,
  .password-modal
) :is(a, button, input, select, textarea, label, summary, p, span, strong, small, li, h1, h2, h3, h4, h5, h6) {
  font-family: var(--menryx-3006-font) !important;
  letter-spacing: 0;
}

h1,
h2,
.mx3006-home h1,
.mx3006-home h2,
[class*="mx3006-"] h1,
[class*="mx3006-"] h2 {
  font-weight: 700;
}