/* v6 display layer — titles & slogans only (body/nav/buttons/prices stay sans) */
:root{
  --font-serif-tc: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --font-serif-en: "Playfair Display", "Noto Serif TC", Georgia, serif;
  --font-script: "Great Vibes", "Playfair Display", cursive;
}
/* Section titles */
.section-head{ position: relative; }
.section-head h2, .consult-copy h2{
  font-family: var(--font-serif-en); font-family: "Playfair Display", var(--font-serif-tc);
  font-weight: 900; letter-spacing: .02em; position: relative; z-index: 1;
}
.section-head h2{ font-size: clamp(32px, 3.6vw, 50px); }
/* English eyebrows → green italic serif */
.eyebrow, .section-head .eyebrow{
  font-family: var(--font-serif-en) !important; font-style: italic; font-weight: 600 !important;
  text-transform: none !important; letter-spacing: .01em !important; font-size: 22px !important;
  color: var(--primary-dark); position: relative; z-index: 1;
}
.consult-copy .eyebrow{ color: var(--tint-2); }
/* Decorative script word behind a title */
.script-accent{
  position: absolute; left: 50%; top: -14px; transform: translateX(-50%) rotate(-4deg);
  font-family: var(--font-script); font-size: clamp(72px, 8vw, 120px); line-height: 1;
  color: var(--primary); opacity: .13; white-space: nowrap; pointer-events: none; z-index: 0;
}
/* Slogans */
.bp-slogan{
  font-family: var(--font-serif-tc) !important; font-weight: 700 !important; color: var(--primary-dark) !important;
  font-size: 20px !important; letter-spacing: .32em; margin-top: 18px !important;
}
.bp-slogan-en{
  font-family: var(--font-serif-en) !important; font-style: italic; font-weight: 600 !important;
  font-size: clamp(22px, 2.2vw, 30px) !important; color: var(--primary-dark) !important; margin-top: 14px !important;
}
.bp-slogan-en .script{ font-family: var(--font-script); font-style: normal; font-weight: 400; font-size: 1.5em; color: var(--primary); padding: 0 .08em; }
.consult-copy .bp-slogan-en{ color: #fff !important; margin: 0 0 6px !important; }
.consult-copy .bp-slogan-en .script{ color: var(--tint-2); }
/* Card titles (serif for Chinese titles; English product names keep Montserrat) */
.offer-card h3, .prod-card h3, .why-card h3, .cat-card h3, .concern-card h3{
  font-family: var(--font-serif-tc); font-weight: 900; letter-spacing: .01em;
}
.sig-card .en-name{ font-family: var(--font-serif-en); font-weight: 800; font-size: 28px; letter-spacing: .01em; }
/* Page banners */
.page-banner h1{ font-family: var(--font-serif-tc); font-weight: 900; letter-spacing: .04em; }
.page-banner h1 .en{
  font-family: var(--font-script) !important; font-weight: 400 !important; font-size: .95em !important;
  letter-spacing: 0 !important; line-height: 1.1; margin-bottom: 0 !important;
}
/* Mega menu */
.bp-col-title{ font-family: var(--font-serif-tc) !important; font-weight: 900 !important; }
.bp-col-en{ font-family: var(--font-serif-en) !important; font-style: italic; text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; font-weight: 600 !important; }
.bp-promo-body h3, .bp-offer-tile strong{ font-family: var(--font-serif-tc) !important; font-weight: 900 !important; }
/* Footer tagline */
.footer-tagline{ font-family: var(--font-serif-en); font-style: italic; font-weight: 600; font-size: 22px; color: #fff; margin: 4px 0 10px; opacity: .95; }
.footer-tagline .tc{ display:block; font-family: var(--font-serif-tc); font-style: normal; font-size: 15px; letter-spacing: .3em; opacity: .8; margin-top: 4px; }
@media (max-width: 600px){
  .eyebrow, .section-head .eyebrow{ font-size: 18px !important; }
  .section-head h2{ font-size: 32px; }
  .script-accent{ font-size: 64px; top: -6px; }
  .bp-slogan{ font-size: 17px !important; letter-spacing: .18em; }
  .page-banner h1 .en{ font-size: .9em !important; }
}