/*
 * İNCİ YAĞ | Typography system · 2026-10-13
 * Single source of truth for type scales across the existing page templates.
 * Loaded LAST, after page-specific styles: no section geometry or imagery changes.
 * Keep Manrope and its shipped static weights (400/500/600/700/800).
 */
:root {
  --font: 'Manrope', Arial, sans-serif;
  --type-display: clamp(38px, 3.35vw, 51px);
  --type-heading: clamp(31px, 2.65vw, 41px);
  --type-subheading: clamp(21px, 1.7vw, 26px);
  --type-body: clamp(15px, 1.06vw, 17px);
  --type-body-small: 14px;
  --type-tracking-display: -.027em;
  --type-tracking-heading: -.023em;
  --type-tracking-subheading: -.015em;
  --type-body-leading: 1.7;
}
html { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  font-weight: 400;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 { font-family: var(--font); font-kerning: normal; }
button, input, select, textarea { font-family: inherit; }

/* Site-wide navigation, buttons and form typography */
.navigation__item { font-size: 14px; font-weight: 600; letter-spacing: -.012em; }
.cta { font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 1.4; }
.cta--header { font-size: 14px; }
.search-panel label, .search-panel input, .search-panel button { font-size: 14px; }
.demo-dialog h2 { font-size: 23px; font-weight: 600; letter-spacing: var(--type-tracking-heading); line-height: 1.3; }
.demo-dialog p { font-size: 15px; line-height: var(--type-body-leading); }

/* Top-level hero titles: one consistent tone without shrinking layouts */
.hero h1,
.about-banner h1,
.catalog-hero h1,
.inci-listing-hero h1,
.inci-item-copy h1,
.inci-detail-hero h1,
.ir-list-hero h1,
.ir-detail-hero h1,
.ir-detail-page .ir-detail-hero h1,
.ig-hero h1,
.ig-article-hero h1,
.sl-hero h1 {
  font-weight: 600;
  letter-spacing: var(--type-tracking-display);
  line-height: 1.16;
}
.hero h1 { font-size: var(--type-display); }
.about-banner h1 { font-size: clamp(35px, 3.2vw, 49px); }
.catalog-hero h1 { font-size: clamp(36px, 3.35vw, 51px); }
.inci-listing-hero h1 { font-size: clamp(29px, 3.15vw, 43px); }
.inci-item-copy h1 { font-size: clamp(32px, 3.4vw, 46px); }
.inci-detail-hero h1 { font-size: clamp(37px, 3.3vw, 52px); }
.ir-list-hero h1 { font-size: clamp(36px, 3.5vw, 51px); }
.ir-detail-hero h1,
.ir-detail-page .ir-detail-hero h1 { font-size: clamp(36px, 3.55vw, 51px); }
.ig-hero h1 { font-size: clamp(36px, 3.3vw, 50px); }
.ig-article-hero h1 { font-size: clamp(31px, 3vw, 45px); }
.sl-hero h1 { font-size: clamp(37px, 3.5vw, 52px); }

/* Section-level titles: maintain hierarchy across About, Products, Recipes, Guide */
.inci-products__heading h2,
.inci-recipes h2,
.about-story__content h2,
.about-moments__heading h2,
.about-values__content h2,
.about-group__copy h2,
.catalog-categories__heading h2,
.ir-section-top h2,
.ir-panel-head h2,
.ir-detail-page .ir-panel-head h2,
.ir-related-heading h2,
.ir-detail-page .ir-related-heading h2,
.ig-filters__heading h2,
.ig-article__section h2,
.ig-detail__heading h2,
.sl-section-head h2,
.sl-bottom h2,
.inci-footer__cta h2 {
  font-weight: 600;
  letter-spacing: var(--type-tracking-heading);
  line-height: 1.24;
}
.inci-products__heading h2 { font-size: clamp(32px, 3vw, 45px); }
.inci-products__heading h2 span { font-weight: inherit; }
.inci-recipes h2 { font-size: clamp(32px, 2.8vw, 43px); }
.about-story__content h2,
.about-moments__heading h2,
.about-values__content h2 { font-size: var(--type-heading); }
.about-group__copy h2 { font-size: clamp(36px, 3.25vw, 49px); }
.catalog-categories__heading h2 { font-size: clamp(28px, 2.28vw, 35px); }
.ir-section-top h2,
.ir-panel-head h2,
.ir-detail-page .ir-panel-head h2 { font-size: clamp(27px, 2.45vw, 35px); }
.ir-related-heading h2,
.ir-detail-page .ir-related-heading h2 { font-size: clamp(25px, 2.2vw, 30px); }
.ig-filters__heading h2 { font-size: clamp(23px, 1.75vw, 28px); }
.ig-article__section h2 { font-size: clamp(23px, 2vw, 30px); }
.ig-detail__heading h2 { font-size: 27px; }
.sl-section-head h2, .sl-bottom h2 { font-size: 24px; }
.inci-footer__cta h2 { font-size: clamp(28px, 2.4vw, 37px); }

/* Section introductions and descriptive text */
.hero__lead,
.about-story__content p,
.about-moments__intro,
.about-group__copy > p:not(.about-group__eyebrow),
.catalog-hero__copy p,
.inci-products__heading p,
.ir-list-hero p,
.ir-detail-hero__copy > p:not(.ir-editor-note),
.ir-detail-page .ir-detail-hero__copy > p:not(.ir-editor-note),
.ig-hero p,
.ig-article-hero__copy p,
.ig-article__intro,
.sl-hero p {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: var(--type-body-leading);
  letter-spacing: 0;
}
.about-values__content p { font-weight: 400; letter-spacing: 0; line-height: 1.72; }
.ig-article__intro { font-size: 17px; line-height: 1.78; }
.ig-article__section p { font-size: 16px; line-height: 1.8; }
.inci-listing-hero p { font-size: 15px; font-weight: 400; line-height: 1.7; }
.inci-detail-hero__intro { font-size: 16px; font-weight: 400; line-height: 1.65; }
.inci-item-copy > p:not(.inci-item-overline):not(.inci-item-variant) { font-size: 16px; line-height: 1.7; }
.inci-footer__intro { font-size: 15px !important; line-height: 1.65; }

/* Card headings and subheadings */
.inci-collection__panel-title,
.inci-collection__panel.is-open .inci-collection__panel-title,
.inci-recipe h3,
.inci-recipe.is-active h3,
.catalog-card h3,
.inci-product-card__info h2,
.inci-detail-feature h2,
.ir-card__text strong,
.ir-related-product h2,
.ir-detail-page .ir-related-product h2,
.ir-related-card__copy strong,
.ir-detail-page .ir-related-card__copy strong,
.ig-card__title,
.ig-sidebar__box h2,
.sl-store__name,
.sl-help h2,
.inci-footer__col h3,
.about-moments__step-copy strong {
  font-weight: 600;
  letter-spacing: var(--type-tracking-subheading);
  line-height: 1.33;
}
.inci-collection__panel-title { font-size: clamp(19px, 1.55vw, 23px); }
.inci-collection__panel.is-open .inci-collection__panel-title { font-size: clamp(21px, 1.8vw, 26px); }
.inci-recipe h3 { font-size: clamp(19px, 1.6vw, 25px); }
.inci-recipe.is-active h3 { font-size: clamp(23px, 2vw, 31px); }
.catalog-card h3 { font-size: clamp(19px, 1.4vw, 22px); }
.inci-product-card__info h2 { font-size: 16px; }
.inci-detail-feature h2 { font-size: clamp(16px, 1.13vw, 19px); }
.ir-card__text strong { font-size: 19px; }
.ir-related-product h2, .ir-detail-page .ir-related-product h2 { font-size: clamp(24px, 2vw, 29px); }
.ig-card__title { font-size: clamp(20px, 1.65vw, 25px); }
.sl-store__name { font-size: 15px; }

/* Small text: restore legibility while protecting compact cards and badges */
.catalog-categories__heading p,
.catalog-card__content p,
.catalog-card__link,
.inci-product-card__info p,
.inci-detail-feature p,
.inci-detail-bottom p,
.ir-section-top p,
.ir-card__text small,
.ir-end-banner p,
.ir-related-product p,
.ir-detail-page .ir-related-product p,
.ir-detail-page .ir-related-card__copy small,
.ig-card__summary,
.ig-result-row p,
.ig-sidebar__box p,
.ig-article__hint p,
.ig-detail__heading p,
.sl-section-head p,
.sl-bottom p,
.sl-help p,
.sl-store__info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
}
.catalog-card__link, .ig-card__bottom, .inci-collection__more,
.ir-related-heading a, .ig-detail__heading a { font-size: 14px; font-weight: 700; }
.ir-ingredients li, .ir-steps li,
.ir-detail-page .ir-ingredients li, .ir-detail-page .ir-steps li { font-size: 15px; line-height: 1.72; }
.inci-recipe__desc { font-size: 14px; line-height: 1.62; }
.about-moments__step-copy span { font-size: 14px; line-height: 1.62; }
.inci-collection__item-name { font-size: 14px; font-weight: 700; letter-spacing: 0; }
.inci-footer__brand-text, .inci-footer__links a { font-size: 14px; }
.inci-footer__contact-entry { font-size: 14px; }
.inci-footer__contact-callout p { font-size: 14px; }

/* Readable secondary-copy contrast on light backgrounds */
.catalog-categories__heading p,
.catalog-card__content p,
.ig-card__summary,
.ir-card__text small,
.inci-product-card__info p,
.about-moments__step-copy span,
.ir-detail-page .ir-related-card__copy small {
  color: #506179;
}

/* UI labels stay distinct from paragraph text without excessive tracking */
.inci-products__eyebrow,
.inci-recipes__eyebrow,
.about-story__eyebrow,
.about-moments__eyebrow,
.about-group__eyebrow,
.ir-eyebrow,
.ig-article-hero__eyebrow,
.sl-modal__eyebrow {
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.5;
}
.inci-products__eyebrow { font-size: 13px; }
.inci-recipes__eyebrow, .about-story__eyebrow,
.about-moments__eyebrow, .about-group__eyebrow { font-size: 12px; }
.ir-eyebrow, .ig-article-hero__eyebrow { font-size: 12px; }
.catalog-card__tag, .ig-card__tag { font-size: 11px; font-weight: 700; }
.catalog-dialog__detail h2 { letter-spacing: var(--type-tracking-heading); font-weight: 600; }
.ir-detail-page .ir-related-card__copy small { font-size: 13px; }

@media (max-width: 1130px) {
  .navigation__item { font-size: 15px; }
  .hero h1 { font-size: clamp(35px, 4.1vw, 46px); }
  .ir-card__text strong { font-size: 18px; }
  .inci-detail-hero__intro { font-size: 15px; }
}
@media (max-width: 780px) {
  :root {
    --type-display: clamp(33px, 5.9vw, 43px);
    --type-heading: clamp(29px, 5vw, 37px);
    --type-body: 15px;
  }
  .hero h1 { font-size: var(--type-display); }
  .hero__lead { font-size: 15px; }
  .cta { font-size: 14px; }
  .about-story__content h2, .about-moments__heading h2,
  .about-values__content h2 { font-size: var(--type-heading); }
  .about-group__copy h2 { font-size: clamp(31px, 5vw, 40px); }
  .ir-detail-hero h1, .ir-detail-page .ir-detail-hero h1 { font-size: clamp(33px, 5.5vw, 44px); }
  .ig-hero h1 { font-size: clamp(32px, 5vw, 41px); }
}
@media (max-width: 540px) {
  :root {
    --type-display: clamp(31px, 7.7vw, 38px);
    --type-heading: clamp(28px, 7.1vw, 35px);
    --type-tracking-display: -.021em;
    --type-tracking-heading: -.018em;
    --type-body: 15px;
  }
  .hero h1 { font-size: var(--type-display); line-height: 1.2; }
  .hero__lead { font-size: 14px; line-height: 1.62; }
  .cta { font-size: 13.5px; letter-spacing: 0; }
  .about-banner h1 { font-size: 32px; }
  .about-story__content h2, .about-moments__heading h2,
  .about-values__content h2 { font-size: var(--type-heading); }
  .about-group__copy h2 { font-size: 31px; }
  .inci-products__heading h2 { font-size: clamp(29px, 7.4vw, 35px); }
  .inci-recipes h2 { font-size: clamp(29px, 7.4vw, 35px); }
  .inci-collection__panel-title,
  .inci-collection__panel.is-open .inci-collection__panel-title { font-size: 20px; }
  .catalog-hero h1 { font-size: clamp(31px, 7.6vw, 38px); }
  .catalog-categories__heading h2 { font-size: 26px; }
  .catalog-card h3 { font-size: 19px; }
  .inci-listing-hero h1 { font-size: 32px; }
  .inci-item-copy h1 { font-size: 34px; }
  .inci-detail-hero h1 { font-size: 34px; }
  .ir-list-hero h1 { font-size: 34px; }
  .ir-detail-hero h1, .ir-detail-page .ir-detail-hero h1 { font-size: 34px; }
  .ir-section-top h2 { font-size: 27px; }
  .ir-panel-head h2, .ir-detail-page .ir-panel-head h2 { font-size: 27px; }
  .ir-related-heading h2, .ir-detail-page .ir-related-heading h2 { font-size: 26px; }
  .ig-hero h1 { font-size: 34px; }
  .ig-article-hero h1 { font-size: 30px; }
  .ig-article__section h2 { font-size: 24px; }
  .sl-hero h1 { font-size: 35px; }
  .inci-footer__cta h2 { font-size: 30px; }
  .inci-recipe__desc { font-size: 14px; }
  .ir-card__text small { font-size: 13.5px; }
}
@media (max-width: 375px) {
  .hero h1 { font-size: 30px; }
  .hero__lead { font-size: 14px; }
  .cta { font-size: 13px; }
}

/*
 * İNCİ YAĞ · Readability refinement 2026-10-13 / 2
 * Google Material 3's hierarchy informs this site-specific editorial scale.
 * These are brand decisions, not Google-enforced web minimums.
 * Existing layouts, imagery and interactions intentionally remain untouched.
 */
:root {
  --type-display: clamp(42px, 3.4vw, 52px);
  --type-heading: clamp(34px, 2.65vw, 42px);
  --type-subheading: clamp(22px, 1.7vw, 26px);
  --type-body: clamp(17px, 1.16vw, 18px);
  --type-body-small: 15px;
  --type-tracking-display: -.024em;
  --type-tracking-heading: -.018em;
  --type-tracking-subheading: -.01em;
  --type-body-leading: 1.65;
  --type-secondary-ink: #394d65;
}
body { font-weight: 500; }
/* Naturally inherited text must not appear delicate when a module omits a weight. */
p, li, dd, dt, summary { font-weight: 500; }

/* 1 — Sitewide hierarchy: fewer, more predictable weights. */
.hero h1, .about-banner h1, .catalog-hero h1,
.inci-listing-hero h1, .inci-item-copy h1, .inci-detail-hero h1,
.ir-list-hero h1, .ir-detail-hero h1, .ir-detail-page .ir-detail-hero h1,
.ig-hero h1, .ig-article-hero h1, .sl-hero h1 {
  font-weight: 700;
  letter-spacing: var(--type-tracking-display);
  line-height: 1.16;
  text-wrap: balance;
}
.inci-products__heading h2, .inci-recipes h2,
.about-story__content h2, .about-moments__heading h2,
.about-values__content h2, .about-group__copy h2,
.catalog-categories__heading h2, .ir-section-top h2,
.ir-panel-head h2, .ir-detail-page .ir-panel-head h2,
.ir-related-heading h2, .ir-detail-page .ir-related-heading h2,
.ig-filters__heading h2, .ig-article__section h2,
.ig-detail__heading h2, .sl-section-head h2,
.sl-bottom h2, .inci-footer__cta h2 {
  font-weight: 700;
  letter-spacing: var(--type-tracking-heading);
  line-height: 1.24;
}
/* Hero sizes stay bound to original art-directed compositions. */
.hero h1 { font-size: var(--type-display); }
.about-banner h1 { font-size: clamp(39px, 3.25vw, 50px); }
.catalog-hero h1 { font-size: clamp(39px, 3.35vw, 52px); }
.inci-listing-hero h1 { font-size: clamp(33px, 3.15vw, 44px); }
.ir-detail-hero h1, .ir-detail-page .ir-detail-hero h1 { font-size: clamp(39px, 3.45vw, 52px); }
.inci-products__heading h2 { font-size: clamp(34px, 3vw, 45px); }
.inci-recipes h2 { font-size: clamp(34px, 2.8vw, 43px); }
.about-group__copy h2 { font-size: clamp(38px, 3.2vw, 49px); }

/* 2 — Reading copy: minimum comfortable size and more assertive ink. */
.hero__lead,
.about-story__content p,
.about-moments__intro,
.about-values__content p,
.about-group__copy > p:not(.about-group__eyebrow),
.catalog-hero__copy p,
.inci-products__heading p,
.ir-list-hero p,
.ir-detail-hero__copy > p:not(.ir-editor-note),
.ir-detail-page .ir-detail-hero__copy > p:not(.ir-editor-note),
.ig-hero p,
.ig-article-hero__copy p,
.ig-article__intro,
.sl-hero p {
  font-size: var(--type-body);
  font-weight: 500;
  line-height: var(--type-body-leading);
  letter-spacing: 0;
}
.about-story__content p, .about-moments__intro,
.about-group__copy > p:not(.about-group__eyebrow),
.catalog-hero__copy p, .ir-list-hero p, .ig-hero p,
.ig-article-hero__copy p, .sl-hero p { color: var(--type-secondary-ink); }
.about-values__content p { font-size: clamp(17px, 1.3vw, 19px); }
.ig-article__intro { font-size: 17px; }
.ig-article__section p, .ig-faq__item p,
.ig-article__closing p { font-size: 16px; font-weight: 500; line-height: 1.76; }
.inci-listing-hero p, .inci-detail-hero__intro,
.inci-item-copy > p:not(.inci-item-overline):not(.inci-item-variant) {
  font-size: 16px; font-weight: 500; line-height: 1.68; color: var(--type-secondary-ink);
}
.inci-footer__intro { font-size: 16px !important; font-weight: 500; line-height: 1.65; }

/* 3 — Cards and compact copy: preserve card proportions; stop 11px body text. */
.catalog-categories__heading p,
.catalog-card__content p,
.inci-product-card__info p,
.inci-detail-feature p,
.inci-detail-bottom p,
.inci-listing-bottom p,
.ir-section-top p, .ir-card__text small,
.ir-end-banner p, .ir-related-product p,
.ir-detail-page .ir-related-product p,
.ir-detail-page .ir-related-card__copy small,
.ig-card__summary, .ig-result-row p,
.ig-sidebar__box p, .ig-article__hint p,
.ig-detail__heading p, .sl-section-head p,
.sl-bottom p, .sl-help p, .sl-store__info p,
.about-moments__step-copy span, .inci-recipe__desc,
.inci-collection__hint {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
}
.catalog-categories__heading p, .catalog-card__content p,
.inci-product-card__info p, .ig-card__summary,
.ir-card__text small, .ig-result-row p,
.sl-store__info p, .about-moments__step-copy span,
.ir-detail-page .ir-related-card__copy small { color: var(--type-secondary-ink); }
.ir-related-card__copy small, .ig-answer--note p,
.ir-tip p, .ir-detail-page .ir-tip p,
.ir-recipe-fact strong, .ir-detail-page .ir-recipe-fact strong { font-size: 15px; line-height: 1.55; font-weight: 600; }
.ir-editor-note { font-size: 13px !important; font-weight: 600; line-height: 1.5; }
.ir-ingredients li, .ir-steps li,
.ir-detail-page .ir-ingredients li, .ir-detail-page .ir-steps li { font-size: 16px; line-height: 1.75; font-weight: 500; }
.ig-article__disclaimer, .ig-article__closing span { font-size: 13px; font-weight: 600; }
.catalog-card__content { /* allow longer copy to grow rather than clip */ min-height: 235px; }
.catalog-card { height: auto; }
.catalog-card__content p { max-width: 215px; }

/* 4 — Secondary titles, labels and interactive text. */
.catalog-card h3, .inci-collection__panel-title,
.inci-collection__panel.is-open .inci-collection__panel-title,
.inci-recipe h3, .inci-recipe.is-active h3,
.inci-detail-feature h2, .inci-product-card__info h2,
.ir-card__text strong, .ir-related-card__copy strong,
.ir-detail-page .ir-related-card__copy strong,
.ig-card__title, .sl-store__name,
.about-moments__step-copy strong, .inci-footer__col h3 {
  font-weight: 700; letter-spacing: -.012em; line-height: 1.33;
}
.inci-product-card__info h2 { font-size: 18px; }
.about-moments__step-copy strong { font-size: clamp(17px, 1.25vw, 19px); }
.ir-card__text strong { font-size: 18px; }
.ir-detail-page .ir-related-card__copy strong { font-size: 16px; }
.sl-store__name { font-size: 16px; }
.ig-detail__heading h2 { font-size: 29px; }
.navigation__item { font-size: 15px; font-weight: 700; letter-spacing: -.012em; }
.cta, .cta--header, .about-story__cta, .about-moments__cta,
.catalog-card__link, .catalog-dialog__cta,
.inci-recipe__cta, .inci-recipes__all,
.inci-collection__more, .catalog-categories__extra,
.inci-listing-bottom a, .inci-item-return,
.inci-detail-hero__more, .inci-detail-bottom > a,
.ir-filter, .ir-related-heading a, .ir-end-banner a,
.ir-related-product a, .ir-detail-page .ir-related-product a,
.ir-detail-page .ir-related-heading a, .ig-filter,
.ig-card__bottom, .ig-detail__heading a,
.ig-sidebar__box a, .ig-related__link > span,
.sl-store__action, .sl-help__button,
.sl-modal__secondary, .sl-request-submit,
.inci-footer__primary, .inci-footer__contact-button {
  font-size: 15px; font-weight: 700; letter-spacing: 0;
}
.catalog-card__link { gap: 10px; min-width: 148px; }
.search-panel label, .search-panel input, .search-panel button,
.ir-toolbar select, .ir-search input, .ig-search input,
.ir-toolbar > label:not(.ir-search),
.sl-field label, .sl-modal--request form > label:not(.sl-request-consent),
.sl-request-consent { font-size: 14px; font-weight: 600; }

/* Small visual overlines remain intentionally smaller than descriptions. */
.inci-products__eyebrow, .inci-recipes__eyebrow,
.about-story__eyebrow, .about-moments__eyebrow,
.about-group__eyebrow, .ir-eyebrow,
.ig-article-hero__eyebrow, .sl-modal__eyebrow,
.inci-item-overline, .inci-detail-bottom__eyebrow,
.catalog-dialog__eyebrow, .sl-bottom__head span,
.ig-sidebar__label {
  font-size: 13px; font-weight: 700; letter-spacing: .09em;
}
.catalog-card__tag, .ig-card__tag,
.ir-detail-hero__chips span, .ir-detail-page .ir-recipe-fact small,
.catalog-dialog__detail li, .catalog-dialog__detail .catalog-dialog__note,
.ig-answer span, .ir-count, .inci-collection__item-action,
.inci-collection__item-name, .inci-collection__hint,
.catalog-breadcrumb, .about-breadcrumb, .ir-crumbs, .ig-crumbs,
.inci-listing-breadcrumb, .sl-breadcrumb,
.inci-footer__brand-note {
  font-size: 13px; font-weight: 700;
}
.catalog-card__tag { color: #805600; }
.catalog-dialog__detail p, .catalog-dialog__detail .catalog-dialog__note { font-size: 15px; font-weight: 500; line-height: 1.65; color: var(--type-secondary-ink); }
.inci-specs__tab { font-size: 14px; font-weight: 700; }
.inci-specs__panel table { font-size: 14px; line-height: 1.55; }
.inci-specs__note, .inci-spec-dialog__sections p { font-size: 14px; font-weight: 500; }

/* 5 — Footer and location guide legibility in small secondary content. */
.inci-footer__brand-text, .inci-footer__links a,
.inci-footer__contact-entry, .inci-footer__contact-callout p,
.inci-footer__legal a, .inci-footer__copyright,
.inci-footer__brand-note { font-size: 14px; font-weight: 500; line-height: 1.65; }
.inci-footer__contact-callout p, .inci-footer__brand-text { color: rgba(255,255,255,.92) !important; }
.inci-footer__links a, .inci-footer__contact-entry, .inci-footer__legal a,
.inci-footer__copyright { color: rgba(255,255,255,.94) !important; }
.inci-footer__brand-note { color: #ffe072 !important; }
.sl-breadcrumb, .sl-demo-notice, .sl-section-head #sl-count,
.sl-store__demo, .sl-map__badge, .sl-map__note,
.sl-online__caution, .sl-modal__eyebrow,
.sl-request-consent { font-size: 13px !important; font-weight: 600; }
.sl-store__info p, .sl-empty p, .sl-modal > p,
.sl-help p, .sl-section-head p, .sl-bottom p { font-size: 15px; font-weight: 500; line-height: 1.65; }

@media (max-width: 1130px) {
  .navigation__item { font-size: 16px; }
  .catalog-card__content p { font-size: 15px; }
}
@media (max-width: 780px) {
  :root {
    --type-display: clamp(34px, 5.9vw, 44px);
    --type-heading: clamp(30px, 5vw, 38px);
    --type-body: 16px;
  }
  .hero__lead, .catalog-hero__copy p, .ir-list-hero p,
  .ig-hero p, .ig-article-hero__copy p { font-size: 16px; }
  .cta { font-size: 15px; min-height: 49px; }
  .about-group__copy h2 { font-size: clamp(32px, 5vw, 40px); }
  .catalog-card__content { min-height: 235px; }
  .catalog-card__content p, .inci-product-card__info p,
  .ir-card__text small, .ig-card__summary { font-size: 15px; }
}
@media (max-width: 540px) {
  :root {
    --type-display: clamp(32px, 7.7vw, 39px);
    --type-heading: clamp(29px, 7.1vw, 36px);
    --type-body: 16px;
  }
  .hero h1 { font-size: var(--type-display); line-height: 1.18; }
  .hero__lead { font-size: 16px; line-height: 1.57; }
  .cta { font-size: clamp(14px, 3.7vw, 15px); min-height: 48px; gap: 7px; padding-inline: 13px; }
  .cta svg { width: 16px; height: 16px; }
  .about-banner h1 { font-size: 34px; }
  .about-story__content h2, .about-moments__heading h2,
  .about-values__content h2 { font-size: var(--type-heading); }
  .about-group__copy h2 { font-size: 32px; }
  .catalog-hero h1 { font-size: clamp(32px, 7.6vw, 39px); }
  .catalog-hero__copy p, .catalog-categories__heading p { font-size: 16px; }
  .catalog-categories__heading h2 { font-size: 28px; }
  .catalog-card h3 { font-size: 20px; }
  .inci-listing-hero h1 { font-size: 33px; }
  .inci-listing-hero p { font-size: 16px; }
  .inci-item-copy h1, .inci-detail-hero h1,
  .ir-list-hero h1, .ir-detail-hero h1,
  .ir-detail-page .ir-detail-hero h1, .ig-hero h1 { font-size: 34px; }
  .ig-article-hero h1 { font-size: 31px; }
  .ig-article__section p, .ig-article__intro { font-size: 16px; }
  .ig-answer--note p, .ir-tip p,
  .ir-detail-page .ir-tip p { font-size: 15px; }
  .inci-recipe__desc, .ir-card__text small,
  .ir-detail-page .ir-related-card__copy small,
  .sl-store__info p { font-size: 15px; }
  .ir-detail-page .ir-recipe-fact strong { font-size: 14px; }
  .inci-specs__tab { font-size: 14px; }
  .inci-specs__panel table { font-size: 13px; }
  .catalog-card__content { min-height: 235px; }
  .inci-footer__col h3 { font-size: 19px; }
  .inci-footer__links a, .inci-footer__contact-entry { font-size: 15px; }
  .inci-footer__copyright, .inci-footer__legal a { font-size: 13px; }
}
@media (max-width: 375px) {
  .hero__lead { font-size: 16px; }
  .cta { font-size: 14px; gap: 5px; padding-inline: 10px; }
  .hero__buttons { flex-wrap: wrap; }
  .hero__buttons .cta { flex: 1 1 150px; }
}


/* 2026-10-13 · Interaction consistency pass */
:root{
  --inci-eyebrow-color:#b98b00;
  --inci-cta-fill:linear-gradient(180deg,#164b96 0%, #0a2f6d 100%);
  --inci-cta-fill-soft:linear-gradient(180deg,#1a57ab 0%, #0b2f6d 100%);
}

/* Upper headings / overlines share one visual language */
.inci-products__eyebrow, .inci-recipes__eyebrow,
.about-story__eyebrow, .about-moments__eyebrow,
.about-group__eyebrow, .ir-eyebrow,
.ig-article-hero__eyebrow, .sl-modal__eyebrow,
.inci-item-overline, .inci-detail-bottom__eyebrow,
.catalog-dialog__eyebrow, .sl-bottom__head span,
.ig-sidebar__label {
  color:var(--inci-eyebrow-color);
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-moments__eyebrow{color:var(--inci-eyebrow-color);}
.about-moments__sunflower{color:#d9a400;}

/* Prominent CTAs use the same top-down fill interaction */
.cta, .about-story__cta, .about-moments__cta, .catalog-dialog__cta,
.inci-recipe__cta, .sl-submit, .sl-help__button,
.sl-modal__secondary, .sl-request-submit,
.inci-footer__primary, .inci-footer__contact-button {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:color .26s ease, box-shadow .26s ease, transform .26s ease, border-color .26s ease, background-color .26s ease;
}
.cta::before, .about-story__cta::before, .about-moments__cta::before,
.catalog-dialog__cta::before, .sl-submit::before, .sl-help__button::before,
.sl-modal__secondary::before, .sl-request-submit::before,
.inci-footer__primary::before, .inci-footer__contact-button::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--inci-cta-fill);
  transform:translateY(-104%);
  transition:transform .3s cubic-bezier(.21,.84,.19,1);
}
.cta:hover::before, .cta:focus-visible::before,
.about-story__cta:hover::before, .about-story__cta:focus-visible::before,
.about-moments__cta:hover::before, .about-moments__cta:focus-visible::before,
.catalog-dialog__cta:hover::before, .catalog-dialog__cta:focus-visible::before,
.sl-submit:hover::before, .sl-submit:focus-visible::before,
.sl-help__button:hover::before, .sl-help__button:focus-visible::before,
.sl-modal__secondary:hover::before, .sl-modal__secondary:focus-visible::before,
.sl-request-submit:hover::before, .sl-request-submit:focus-visible::before,
.inci-footer__primary:hover::before, .inci-footer__primary:focus-visible::before,
.inci-footer__contact-button:hover::before, .inci-footer__contact-button:focus-visible::before {
  transform:translateY(0);
}
.cta:hover, .cta:focus-visible,
.about-story__cta:hover, .about-story__cta:focus-visible,
.about-moments__cta:hover, .about-moments__cta:focus-visible,
.catalog-dialog__cta:hover, .catalog-dialog__cta:focus-visible,
.sl-submit:hover, .sl-submit:focus-visible,
.sl-help__button:hover, .sl-help__button:focus-visible,
.sl-modal__secondary:hover, .sl-modal__secondary:focus-visible,
.sl-request-submit:hover, .sl-request-submit:focus-visible,
.inci-footer__primary:hover, .inci-footer__primary:focus-visible,
.inci-footer__contact-button:hover, .inci-footer__contact-button:focus-visible {
  color:#fff !important;
  box-shadow:0 12px 28px rgba(9,45,102,.15);
}
/* Keep header location CTA text readable before hover */
.cta--header{color:var(--navy);}
.cta--header:hover, .cta--header:focus-visible{color:#fff!important;}
.cta--outline:hover, .cta--outline:focus-visible{border-color:#0b2f6d;}

/* Recipe card CTA already has before-layer; upgrade its fill only */
.inci-recipe__cta::before{background:var(--inci-cta-fill-soft);}

/* Guide hero text palette normalized */
.ig-hero h1, .ig-article-hero h1 { color:#fff; }
.ig-hero p, .ig-article-hero .ig-article-hero__copy p { color:rgba(255,255,255,.88); }
.ig-crumbs, .ig-crumbs a { color:rgba(255,255,255,.82); }
.ig-crumbs a:hover { color:#fff; }

/* Guide detail hero composition: move copy slightly right for better proportion */
.ig-article-hero__copy {
  max-width:1000px;
  padding-left:clamp(18px,2vw,30px);
}
@media(max-width:780px){
  .ig-article-hero__copy{padding-left:0;max-width:100%;}
}