/* INTWB theme v3: site type, 0.9.50 (2026-11-08). Hand-written; loads after every other v3 sheet.
   Headings in Instrument Serif, emphasis words in Instrument Serif Italic, everything else in Inter:
   the pairing from the product images. Fonts and the +10% heading lift (size-adjust on the faces)
   come from the site-speed plugin; --f-display / --f-body are set in v3-shell.css.
   Approved by Joseph 11/8 after the before/after preview (artifact 7WSdBe5S1UrqzmNWgioWDo). */

/* Instrument Serif has a single weight (400). Rules ask for 500/600; never fake a bold. */
html { font-synthesis: style; }

/* Big display: Recoleta's tight tracking crushes a condensed face. */
.d-hero, .d-1, .d-2, .d-3, .buy__title, .hello h1, .mark__quote,
.iw-login-brand-headline, body.v3-account .iw-login-brand-headline,
body.v3-product.single-product .v3-pdp .product_title {
  letter-spacing: -0.012em;
  word-spacing: 0.03em;
}
.cta__title { letter-spacing: -0.018em; word-spacing: 0.03em; }
.stat__n, .v3-pdp .stat__n, .bign, .rv-sum__score { letter-spacing: -0.015em; }
.step__n { letter-spacing: -0.02em; }

/* Hero headline: the larger serif needs more line height or descenders touch the next line
   ("Every / Every jar."). Phones: big enough to break over two lines. */
.d-hero { line-height: 1.06; }
@media (max-width: 640px) {
  .d-hero { font-size-adjust: 0.66; line-height: 1.22; }
}

/* Small serif titles: a light serif needs more size than a semibold one to hold its rank. */
.ups strong, .v3-pdp .ups strong, .sense dt, .sbar__t strong, .form__done strong,
body.v3-product .v3-pdp .iw-product-profile h4,
.iw-account-content--loyalty .iw-loyalty-flow-number,
body.v3 #cfw-side-cart .cfw-suggested-products-heading {
  font-size-adjust: 0.6;
  letter-spacing: 0;
}
.step h3, .plist h3, .qa__name, .points__text strong,
.v3-pdp .step h3, .v3-pdp .plist h3, .v3-pdp .qa__name,
.acc__item summary, .v3-pdp .acc__item summary,
.ing h3, .scent h3, .mat h3, .sub h3, .faq__help-t,
.v3-pdp .ing h3, .v3-pdp .scent h3, .v3-pdp .mat h3, .v3-pdp .sub h3, .v3-pdp .faq__help-t,
.howto h3, .cardx h3, .prose h3, .note__title, .panel__head h2,
:is(.contentp--doc, .contentp--note) .contentp__body h3,
.iw-dash-welcome-text h2, .iw-subscribe-help-cta h3,
body.v3-account .iw-account-content .wlr-myaccount-page .wlr-new-coupon-card .wlr-name,
.iw-account-content--loyalty .wlr-myaccount-page .wlr-name,
#v3-drawer .drawer__dedication {
  font-size-adjust: 0.64;
  letter-spacing: 0;
}

/* Product names on product cards are Inter (Joseph 11/8, "Option B"): shop and category grids,
   home bestseller tiles, gift-box cards, "you may also like" on product pages, shop search list.
   The product page's own title (.product_title) stays Instrument Serif. */
.card__title, .card__title a, .v3-pdp .card__title, .v3-pdp .card__title a,
.tile__name, .bfx__name, .search__list strong, .v3-pdp .search__list strong {
  font-family: var(--f-body);
  font-weight: 600;
  font-size-adjust: none;
  letter-spacing: -0.01em;
}
.card__title, .v3-pdp .card__title { font-size: 16.5px; line-height: 1.2; }
.tile__name { font-size: 21px; line-height: 1.15; }
.bfx__name { font-size: 17px; line-height: 1.2; }
.search__list strong, .v3-pdp .search__list strong { font-size: 15.5px; }
@media (min-width: 760px) { .bfx__name { font-size: 18px; } }
@media (max-width: 639px) {
  .card__title, .v3-pdp .card__title { font-size: 15.5px; }
  .tile__name { font-size: 20px; }
}

/* Emphasis = Instrument Serif Italic wherever the design already sets words apart
   (gold words, the light-weight words in section heads, "Mark"). */
.d-hero em, .d-1 em, .d-2 em, .d-3 em, .cta__title em, .hero__title em,
.phead--ink .d-1 em, .phead--ink .d-hero em, .statement .d-2 em,
.band h2 em, .mark__quote em, .hello h1 em,
.way thead th:nth-child(2) em,
.v3-pdp .d-1 em, .v3-pdp .d-2 em, .v3-pdp .band h2 em, .v3-pdp .way thead th:nth-child(2) em,
#v3-foot .foot__dedication span, #v3-drawer .drawer__dedication span {
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.005em;
}

/* Inter 800 is much denser than Nunito Sans 800: labels, badges and buttons drop to 700. */
.kicker, .btn, .tile__badge, .badge, .card__add, .row__eyebrow, .row__all,
.bfx__kicker, .bfx__save, .points__kicker, .points__cta, .popular > span,
.opt__label, .freq, .seg button, .qa__more button, #v3-foot h2, .ugc__play,
.v3-pdp .kicker, .v3-pdp .btn, .v3-pdp .badge, .v3-pdp .card__add, .v3-pdp .seg button, .v3-pdp .freq,
#v3-hdr .hdr__count, #v3-skip, .bf45-pill, #intwb-bf45-bar strong {
  font-weight: 700;
}
.card__price, .tile__price, .hero__price, .v3-pdp .card__price {
  font-weight: 700;
  letter-spacing: -0.01em;
}
/* Inter's digits run wider: "From $24.00" pushed "Add" onto its own line on phone cards. */
@media (max-width: 639px) {
  .card__price, .v3-pdp .card__price { font-size: 15px; }
  .card__price small, .v3-pdp .card__price small { font-size: 11px; margin-right: 2px; }
}
.card__amz a.intwb-amz-card__link { font-weight: 600; }

/* Spots outside the theme that name Nunito Sans directly. */
#intwb-bf45-bar, .bf45-pill,
.asnp_easy_product_bundle .intwb-bof-tag, .asnp-modal-wrapper .intwb-bof-tag,
.intwb-coupon-error-modal .intwb-coupon-error-modal__eyebrow,
.intwb-coupon-error-modal .intwb-coupon-error-modal__dialog p,
.intwb-coupon-error-modal .intwb-coupon-error-modal__close,
.intwb-coupon-error-modal button.intwb-coupon-error-modal__close {
  font-family: var(--f-body);
}
.intwb-coupon-error-modal .intwb-coupon-error-modal__dialog h2 { font-family: var(--f-display); }

/* Account sign-in: Inter 800 wrapped "Create Account" onto two lines in the 2-tab switch at 390. */
body.v3-account .iw-login-tab, .iw-login-tabs .iw-login-tab {
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -0.005em;
}
@media (max-width: 420px) {
  body.v3-account .iw-login-tab, .iw-login-tabs .iw-login-tab { font-size: 14px; }
}