/* Global Vibe typography: light editorial headings with neutral interface text. */
:root {
  --vibe-font-body: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vibe-font-heading: 'Newsreader', Georgia, 'Times New Roman', serif;
}

html,
body {
  --vibe-font-body: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --vibe-font-heading: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400;
  letter-spacing: 0;
}

body *:not(i):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class*="material-icons"]):not([class^="icon-"]):not([class*=" icon-"]) {
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: 0;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body .pagetitle,
body .page-heading,
body .block-title,
body .product-title,
body .product-name,
body .modal-title {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-weight: 400;
  letter-spacing: 0 !important;
}

body button,
body .btn,
body .button,
body input,
body select,
body textarea,
body .form-control,
body label {
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: 0 !important;
}

body .btn,
body .button,
body button[type="submit"],
body input[type="submit"] {
  font-weight: 600;
}

body .current-price,
body .product-price,
body .price,
body .pdrelatedproductpro1-price {
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0 !important;
}

html body#product #product-main,
html body#product #product-main .product-price,
html body#product #product-main .pdrelatedproductpro1-price {
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: 0 !important;
}

html body#product #product-main h1#pagetitle,
html body#product #product-main h1#pagetitle .product-sku,
html body#product #product-main .vibe-mobile-product-heading .pagetitle,
html body#product #product-main .vibe-mobile-product-heading .product-sku,
html body#product #product-main .product-title {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  letter-spacing: 0 !important;
}

html body #header,
html body #header .top-menu,
html body #header .top-menu a,
html body #header .header-nav,
html body #header .header-nav a,
html body #header button,
html body #header input {
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: 0 !important;
  font-weight: 400;
}

html body#product #product-main .product-title {
  font-weight: 500 !important;
}

html body#product #product-main .pdrelatedproductpro1-price {
  font-weight: 600 !important;
}

html body#product #product-main h1#pagetitle,
html body#product #product-main .vibe-mobile-product-heading .pagetitle {
  font-weight: 400 !important;
}

html body#product #product-main .vibe-mobile-product-heading .product-sku,
html body#product #relatedProductsTab1 .nav-item > span {
  font-weight: 500 !important;
}

html body#product #relatedProductsTab1 .nav-item > span {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

html body#product #product-main .vibe-delivery-banner-text {
  font-weight: 600 !important;
}

/* Product-page type scale: 10 / 12 / 14 / 16 / 20 / 24 / 32. */
html body#product #product-main .vibe-mobile-product-heading .pagetitle,
html body#product #product-main h1#pagetitle {
  font-size: 24px !important;
  line-height: 1.2 !important;
}

html body#product #product-main .vibe-mobile-product-heading .product-sku,
html body#product #product-main h1#pagetitle .product-sku {
  font-size: inherit !important;
  line-height: inherit !important;
}

html body#product #relatedProductsTab1 .nav-item > span,
html body#product #product-main .product-variants .control-label,
html body#product #product-main .product-information h3 {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

html body#product #relatedProductsTab1 .product-title,
html body#product #relatedProductsTab1 .product-title a,
html body#product #relatedProductsTab1 .pdrelatedproductpro1-price,
html body#product #product-main .vibe-delivery-banner-text,
html body#product #product-main .product-variants .item-label,
html body#product #product-main .product-accordion-body h4 {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

html body#product #product-main .product-accordion-body,
html body#product #product-main .product-accordion-body p,
html body#product #product-main .product-accordion-body li,
html body#product #product-main .vibe-delivery-date-row,
html body#product #product-main .vibe-time-value,
html body#product #product-main .product-accordion-header,
html body#product #product-main .fdb-mq-strip,
html body#product #product-main .fdb-price {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body#product #product-main #product-badges .product-fragrances li,
html body#product #product-main .vibe-delivery-banner-label,
html body#product #product-main .vibe-delivery-label,
html body#product #product-main .ps-productswipe-label {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body#product #product-main #product-badges .product-flags li,
html body#product #relatedProductsTab1 .product-flag,
html body#product #product-main .vibe-time-unit,
html body#product #relatedProductsTab1 .pdrelatedproductpro1-price > span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body#product #product-main .current-price-value {
  font-size: 32px !important;
  line-height: 1.1 !important;
}

html body#product #relatedProductsTab1 .nav-item > span {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

html body#product #product-main .product-variants .control-label {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

html body#product #product-main .product-variants .item-label {
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
