@font-face {
  font-family: "Acumin Pro";
  src: local("Acumin Pro"), local("Acumin Pro Regular"), local("Acumin Variable Concept");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Acumin Pro";
  src: local("Acumin Pro Medium"), local("Acumin Pro"), local("Acumin Variable Concept");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Acumin Pro";
  src: local("Acumin Pro Semibold"), local("Acumin Pro Bold"), local("Acumin Variable Concept");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

html {
  font-size: 15px;
}

@media (max-width: 575px) {
  html {
    font-size: 14px;
  }
}

body {
  --shop-ui-font: var(--font-body, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif);
  --shop-ui-display-font: var(--font-display, "Playfair Display", serif);
  font-family: var(--shop-ui-font) !important;
}

body button,
body input,
body select,
body textarea,
body .btn,
body .form-control,
body .breadcrumb,
body .page_inner,
body .nav-link,
body .dropdown-item,
body .alert,
body .card,
body .table,
body .product_pod,
body .product_pod p,
body .product_main,
body .product_main p,
body .product_main li,
body .product_main label,
body .product_main td,
body .product_main th,
body .content,
body .content p,
body .content li,
body .shop-browse-page,
body .shop-browse-page p,
body .shop-browse-page li,
body .shop-browse-page span,
body .shop-browse-page label,
body .shop-browse-page td,
body .shop-browse-page th {
  font-family: var(--shop-ui-font) !important;
  font-weight: 400;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .page-header h1,
body .sub-header h2,
body .product_pod h3,
body .product_pod .title,
body .product_pod .price_color,
body .product_main h1,
body .product_main h2,
body .product_main h3,
body .shop-page-section-title,
body .shop-browse-toolbar-title {
  font-family: var(--shop-ui-display-font) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

body .btn,
body .nav-link,
body .dropdown-item,
body label,
body th,
body strong {
  font-weight: 500 !important;
}

/* Keep header navigation typography consistent across pages. */
.header .nav-link,
.header .mobile-nav-link {
  font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}