/* Beauty Clinique V2.9.3: First Visit WhatsApp invitation.
   Homepage EN/ZH only. No promo calculations or changes to existing sections. */
.hero-content .bc-v293-invite {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 10px;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 9px 13px;
  margin: 0 0 15px;
  border: 1px solid rgba(177, 150, 114, .65);
  border-radius: 2px;
  background: rgba(247, 245, 240, .87);
  color: #4A4D45;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.hero-content .bc-v293-invite:link,
.hero-content .bc-v293-invite:visited { color: #4A4D45; }
.hero-content .bc-v293-invite:hover,
.hero-content .bc-v293-invite:focus-visible {
  background: #F7F5F0;
  border-color: #977951;
}
.hero-content .bc-v293-invite:focus-visible { outline: 2px solid #977951; outline-offset: 3px; }
.bc-v293-invite__offer { display: inline-block; font: 600 11px/1.4 'DM Sans', sans-serif; letter-spacing: .055em; }
.bc-v293-invite__action { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; font: 500 10px/1.4 'DM Sans', sans-serif; letter-spacing: .035em; color: #80694B; }
.bc-v293-invite__action::after { content: '↗'; font-size: 15px; line-height: 1; }
html[lang="zh-CN"] .bc-v293-invite__offer { font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; letter-spacing: .015em; }
html[lang="zh-CN"] .bc-v293-invite__action { font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; letter-spacing: 0; }
@media(max-width:899px) {
  .hero-content .bc-v293-invite { padding: 7px 10px; margin-bottom: 10px; max-width: 224px; gap: 2px 7px; }
  .bc-v293-invite__offer { font-size: 10px; }
  .bc-v293-invite__action { font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-content .bc-v293-invite { transition: none; }
}
@media(max-width:360px) {
  /* Give the offer touch target air on narrow phones without overlapping bottom controls. */
  .hero { min-height: 420px; }
}