@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./Manrope-Variable-TechnoRoom.woff2") format("woff2-variations");
}

:root {
  --wp--preset--font-family--base: "Manrope", Arial, sans-serif;
  --wp--preset--font-family--headings: "Manrope", Arial, sans-serif;
  --wp--preset--font-family--inter: "Manrope", Arial, sans-serif;
  --wp--preset--font-family--inter-tight: "Manrope", Arial, sans-serif;
  --wp--preset--font-family--unbounded: "Manrope", Arial, sans-serif;
  --mbf-font-base-family: "Manrope", Arial, sans-serif;
  --mbf-font-headings-family: "Manrope", Arial, sans-serif;
  --mbf-font-family-default: "Manrope", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.editor-styles-wrapper {
  font-family: "Manrope", Arial, sans-serif !important;
  font-synthesis-weight: none;
}

body,
.editor-styles-wrapper {
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
}

/* Neutralize legacy WordPress font utility classes for existing and future content. */
.has-inter-font-family,
.has-inter-tight-font-family,
.has-instrument-sans-font-family,
.has-montserrat-font-family,
.has-unbounded-font-family,
.wp-block-navigation,
.wp-block-post-title,
.wp-block-query-title,
.wp-block-button__link,
.wp-element-button,
.woocommerce,
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.wc-block-components-button,
.wc-block-components-form,
.wc-block-components-product-name,
.wc-block-components-product-price,
.wc-block-grid,
.pum-container,
.pum-title,
.pum-content,
.pum-close,
.forminator-ui,
.tr-ai-widget {
  font-family: "Manrope", Arial, sans-serif !important;
  font-synthesis-weight: none;
}

/* Main page/archive titles. The small hero slogan deliberately keeps its compact size. */
h1,
.wp-block-query-title {
  font-family: "Manrope", Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

h1:not(.has-small-font-size):not(.has-medium-font-size),
.wp-block-query-title {
  font-size: clamp(42px, 3.35vw, 52px) !important;
}

h1.has-medium-font-size {
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

/* Section headings. */
main h2.wp-block-heading:not(.has-small-font-size):not(.has-medium-font-size):not(.has-xx-medium-font-size),
.single-post main h2:not(.wp-block-post-title),
.wp-site-blocks > h2,
.tr-cross-sells__title,
.technoroom-product-faq h2 {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(30px, 2.25vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "Manrope", Arial, sans-serif !important;
  font-synthesis-weight: none;
}

/* Product cards: model, price, metadata. */
.wc-block-product-template .wp-block-post-title,
.products .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wc-block-components-product-name {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

.wc-block-product-template .wc-block-components-product-price,
.products .price,
.wc-block-grid__product-price {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(24px, 1.75vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

.wc-block-components-product-price del,
.products .price del,
.wc-block-grid__product-price del {
  font-size: clamp(14px, 1.1vw, 17px) !important;
  font-weight: 500 !important;
}

.wc-block-product-template .wp-block-post-excerpt,
.wc-block-product-template .taxonomy-product_cat,
.wc-block-product-template .taxonomy-product_brand,
.wc-block-grid__product-rating,
.woocommerce-loop-product__category {
  font-size: clamp(13px, 1vw, 15px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* Single product page. Vault uses H2 for the product's primary title. */
.single-product main .wp-block-post-title,
.single-product .product_title {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(32px, 2.65vw, 40px) !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
}

.single-product .wp-block-woocommerce-product-price,
.single-product .summary .price {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(30px, 2.35vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

.single-product main p,
.single-product .woocommerce-product-details__short-description,
.single-product .wp-block-post-content,
.single-post .wp-block-post-content {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(15px, 1.1vw, 17px);
  font-weight: 400;
  line-height: 1.6;
}

.single-product .wp-block-post-excerpt p,
.single-product .product_meta,
.single-product .wc-block-components-product-metadata {
  font-weight: 500;
  line-height: 1.4;
}

/* Specifications and FAQ accordions. */
.single-product .wp-block-accordion-heading__toggle,
.single-product .woocommerce-product-attributes-item__label,
.single-product th,
.single-product dt,
.technoroom-product-faq summary {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.single-product .woocommerce-product-attributes-item__value,
.single-product td,
.single-product dd,
.technoroom-product-faq p {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* Buttons, navigation, filters and compact promotional labels. */
button:not(.dashicons),
input[type="button"],
input[type="submit"],
.button,
.wp-block-button__link,
.wp-element-button,
.wc-block-components-button,
.single_add_to_cart_button {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(15px, 1.05vw, 16px);
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.wp-block-navigation-item,
.wp-block-navigation-item__content,
.menu-item,
.menu-item a {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(14px, 1.05vw, 16px);
  font-weight: 600;
  letter-spacing: 0;
}

.current-menu-item > a,
.current-menu-ancestor > a,
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
  font-weight: 700 !important;
}

.wc-block-price-filter,
.wc-block-attribute-filter,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label,
.wp-block-accordion-heading__toggle,
.technoroom-filter,
.technoroom-filter summary {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 600;
}

.woocommerce-notices-wrapper,
.wc-block-components-notice-banner,
.stock,
.onsale,
.woocommerce-info,
.woocommerce-message {
  font-family: "Manrope", Arial, sans-serif !important;
  font-weight: 600;
}

.tr-ai-widget *:not(svg):not(path) {
  font-family: "Manrope", Arial, sans-serif !important;
  font-synthesis-weight: none;
}

@media (max-width: 781px) {
  body,
  .editor-styles-wrapper {
    font-size: 15px;
  }

  h1:not(.has-small-font-size):not(.has-medium-font-size),
  .wp-block-query-title {
    font-size: clamp(30px, 8.5vw, 36px) !important;
    line-height: 1.1 !important;
  }

  main h2.wp-block-heading:not(.has-small-font-size):not(.has-medium-font-size):not(.has-xx-medium-font-size),
  .single-post main h2:not(.wp-block-post-title),
  .wp-site-blocks > h2,
  .tr-cross-sells__title,
  .technoroom-product-faq h2 {
    font-size: clamp(24px, 7vw, 28px) !important;
  }

  .single-product main .wp-block-post-title,
  .single-product .product_title {
    font-size: clamp(26px, 8vw, 32px) !important;
  }

  .single-product .wp-block-woocommerce-product-price,
  .single-product .summary .price {
    font-size: clamp(28px, 8vw, 32px) !important;
  }

  .wc-block-product-template .wp-block-post-title,
  .products .woocommerce-loop-product__title,
  .wc-block-grid__product-title,
  .wc-block-components-product-name {
    font-size: 18px !important;
  }

  .wc-block-product-template .wc-block-components-product-price,
  .products .price,
  .wc-block-grid__product-price {
    font-size: clamp(22px, 6.5vw, 26px) !important;
  }
}