/* ReltiGrow v6 component repair — loaded after all existing styles.
   Purpose: guarantee the new multilingual, WhatsApp and pricing presentation
   renders even when an older cached stylesheet is still present upstream. */

/* ---------- Multilingual showcase ---------- */
.language-showcase { overflow: hidden; }
.language-showcase__grid {
  display: grid !important;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap: clamp(34px,6vw,88px) !important;
  align-items: center !important;
}
.language-showcase__copy { display: grid !important; gap: 20px !important; min-width: 0; }
.language-chips {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.language-chips li {
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 8px 12px 8px 8px !important;
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  box-shadow: var(--shadow-sm) !important;
  font-size: var(--fs-sm) !important;
  font-weight: 650 !important;
}
.language-chips li::marker { content: ""; }
.language-chip__mark {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.language-benefits { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.language-benefits span {
  display: inline-flex !important;
  padding: 6px 10px !important;
  border: 1px solid #ead9a7 !important;
  border-radius: 999px !important;
  background: #fff8df !important;
  color: #674e0c !important;
  font-size: var(--fs-xs) !important;
  font-weight: 700 !important;
}
.language-showcase__demo {
  min-width: 0;
  padding: 20px !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-xl) !important;
  background: linear-gradient(145deg,#fff,#f2f6fb) !important;
  box-shadow: var(--shadow-lg) !important;
  display: grid !important;
  gap: 14px !important;
  position: relative !important;
  overflow: hidden;
}
.language-window__head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; position: relative; z-index: 1; }
.language-window__head > div { display: grid !important; gap: 2px !important; }
.lang-toggle--multi { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; position: relative; z-index: 1; }
.lang-toggle--multi button {
  appearance: none;
  border: 1px solid var(--border) !important;
  background: #fff !important;
  color: var(--text-secondary) !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  cursor: pointer;
  font: inherit;
  font-weight: 650 !important;
  font-size: 12px !important;
}
.lang-toggle--multi button[aria-pressed="true"],
.lang-toggle--multi button.is-active {
  background: var(--brand-primary) !important;
  color: #fff !important;
  border-color: var(--brand-primary) !important;
}
.language-window { position: relative; z-index: 1; }

/* ---------- WhatsApp proposal showcase ---------- */
.whatsapp-proposals { background: linear-gradient(180deg,#fff 0%,#f7fbf8 100%) !important; overflow: hidden; }
.whatsapp-proposals__grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap: clamp(36px,6vw,88px) !important;
  align-items: center !important;
}
.whatsapp-proposals__visual {
  min-height: 500px !important;
  position: relative !important;
  border-radius: var(--r-xl) !important;
  background: radial-gradient(circle at 30% 20%,#e3f7ea 0,transparent 38%),linear-gradient(145deg,#f8fbff,#eff8f1) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  padding: 32px !important;
  overflow: hidden;
}
.wa-proposal-card {
  position: absolute !important;
  left: 28px !important;
  top: 48px !important;
  width: min(310px,55%) !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-md) !important;
  display: grid !important;
  gap: 10px !important;
  z-index: 2 !important;
}
.wa-proposal-card__top { display: flex !important; justify-content: space-between !important; align-items: center !important; }
.wa-icon { width: 42px !important; height: 42px !important; flex: 0 0 42px; border-radius: 13px !important; display: grid !important; place-items: center !important; background: #e7f8ec !important; }
.wa-icon img { width: 25px !important; height: 25px !important; display: block; }
.wa-proposal-meta { display: flex !important; justify-content: space-between !important; gap: 12px !important; color: var(--text-secondary) !important; font-size: var(--fs-sm) !important; }
.wa-send { appearance: none; border: 0 !important; min-height: 42px !important; border-radius: 10px !important; background: #16a34a !important; color: #fff !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; }
.wa-phone {
  position: absolute !important;
  right: 28px !important;
  bottom: 28px !important;
  width: min(300px,54%) !important;
  min-height: 360px !important;
  padding: 14px !important;
  border: 8px solid #142334 !important;
  border-radius: 28px !important;
  background: #f1efea !important;
  box-shadow: 0 24px 50px -22px rgba(15,34,56,.5) !important;
  z-index: 3 !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}
.wa-phone__bar { display: flex !important; gap: 8px !important; align-items: center !important; padding-bottom: 8px !important; border-bottom: 1px solid #dad6cf !important; }
.wa-phone__bar div { display: grid !important; }
.wa-phone__avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; display: grid !important; place-items: center !important; background: #d9e8f7 !important; color: #1b3654 !important; font-size: 11px !important; font-weight: 800 !important; }
.wa-chat { max-width: 88% !important; padding: 9px 10px !important; border-radius: 10px !important; display: grid !important; gap: 4px !important; font-size: 12px !important; box-shadow: 0 1px 1px rgba(0,0,0,.04) !important; }
.wa-chat small { display: block; font-size: 9px !important; color: #667085 !important; text-align: right !important; }
.wa-chat--out { background: #dcf8c6 !important; margin-left: auto !important; }
.wa-chat--in { background: #fff !important; }
.wa-file { display: flex !important; gap: 9px !important; align-items: center !important; margin-left: auto !important; width: 88% !important; padding: 9px !important; background: #dcf8c6 !important; border-radius: 10px !important; font-size: 11px !important; }
.wa-file div { display: grid !important; }
.wa-file__icon { width: 34px !important; height: 38px !important; flex: 0 0 34px; border-radius: 7px !important; display: grid !important; place-items: center !important; background: #d74343 !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; }
.wa-response-card { position: absolute !important; left: 42px !important; bottom: 48px !important; z-index: 4 !important; display: flex !important; gap: 10px !important; align-items: center !important; padding: 12px 14px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid #cdebd7 !important; box-shadow: var(--shadow-md) !important; }
.wa-response-card div { display: grid !important; }
.wa-response-card__dot { width: 11px !important; height: 11px !important; flex: 0 0 11px; border-radius: 50% !important; background: #22c55e !important; box-shadow: 0 0 0 5px #e7f8ec !important; }
.whatsapp-proposals__copy { display: grid !important; gap: 20px !important; }
.wa-benefits { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
.wa-benefits article { display: grid !important; grid-template-columns: 40px minmax(0,1fr) !important; gap: 12px !important; padding: 16px !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; background: #fff !important; }
.wa-benefit__icon { width: 40px !important; height: 40px !important; border-radius: 12px !important; display: grid !important; place-items: center !important; background: #e7f8ec !important; color: #15803d !important; font-weight: 800 !important; }
.wa-benefits h3 { font-size: var(--fs-base) !important; }
.wa-benefits p { color: var(--text-secondary) !important; font-size: var(--fs-sm) !important; }

/* ---------- Pricing highlights: hard-limit SVG sizing ---------- */
.pricing-facts {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-bottom: 28px !important;
}
.pricing-facts > div {
  min-width: 0;
  min-height: 104px !important;
  padding: 18px !important;
  border-radius: var(--r-lg) !important;
  background: #fff !important;
  border: 1px solid var(--border) !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  box-shadow: var(--shadow-sm) !important;
}
.pricing-facts > div > span:last-child { min-width: 0; display: grid !important; gap: 5px !important; }
.pricing-facts strong { display: block; font-size: var(--fs-base) !important; line-height: 1.25 !important; }
.pricing-facts small { display: block; color: var(--text-secondary) !important; font-size: var(--fs-sm) !important; line-height: 1.45 !important; }
.fact-icon {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  flex: 0 0 46px !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--brand-primary);
  border: 1px solid #d8e4ef;
  background: #eef4fb;
}
.fact-icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.fact-icon--green { background: #e9f7ee !important; color: #15803d !important; border-color: #cdebd7 !important; }
.fact-icon--blue { background: #eaf2ff !important; color: #1e5fb8 !important; border-color: #d5e5fc !important; }
.fact-icon--amber { background: #fff5df !important; color: #a96005 !important; border-color: #f6dfac !important; }
.fact-icon--purple { background: #f4ecff !important; color: #6d3fb4 !important; border-color: #e4d3fa !important; }

/* ---------- Free Forever spotlight and billing switch ---------- */
.free-plan-featured {
  margin: 0 0 24px !important;
  display: grid !important;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;
  gap: 28px !important;
  align-items: center !important;
  padding: clamp(24px,4vw,40px) !important;
  border-radius: var(--r-xl) !important;
  border: 1px solid #cfe3f8 !important;
  background: linear-gradient(120deg,#edf7ff 0%,#f7fbff 45%,#eefaF2 100%) !important;
  box-shadow: var(--shadow-md) !important;
  position: relative !important;
  overflow: hidden !important;
}
.free-plan-featured__copy { display: grid !important; gap: 12px !important; position: relative; z-index: 1; }
.free-plan-featured__badge { width: max-content !important; max-width: 100%; padding: 6px 11px !important; border-radius: 999px !important; background: #fff !important; color: var(--brand-primary) !important; border: 1px solid #cfe3f8 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .05em !important; }
.free-plan-featured__cta { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
.free-plan-featured__features { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; position: relative; z-index: 1; }
.free-plan-featured__features span { min-height: 68px !important; padding: 12px !important; border: 1px solid #cfe3f8 !important; border-radius: 12px !important; background: rgba(255,255,255,.86) !important; display: grid !important; align-content: center !important; gap: 2px !important; color: var(--text-secondary) !important; font-size: var(--fs-sm) !important; }
.free-plan-featured__features b { font-size: var(--fs-lg) !important; color: var(--text-primary) !important; }
.free-plan-featured__wide { grid-column: 1/-1 !important; min-height: auto !important; display: block !important; font-weight: 650 !important; color: var(--text-primary) !important; }
.billing-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 4px 0 28px !important;
  padding: 14px 18px !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-lg) !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}
.billing-toggle__label { font-weight: 700 !important; color: var(--text-primary) !important; }
.billing-toggle__control { display: inline-flex !important; gap: 4px !important; padding: 4px !important; border: 1px solid var(--border) !important; background: #fff !important; border-radius: 999px !important; box-shadow: var(--shadow-sm) !important; }
.billing-toggle__control button { appearance: none; min-height: 40px !important; border: 0 !important; background: transparent !important; color: var(--text-secondary) !important; border-radius: 999px !important; padding: 8px 16px !important; font: inherit !important; font-weight: 700 !important; cursor: pointer; }
.billing-toggle__control button.is-active { background: var(--brand-primary) !important; color: #fff !important; }
.billing-toggle__hint { flex-basis: 100% !important; margin: 0 !important; text-align: center !important; font-size: var(--fs-sm) !important; color: var(--text-muted) !important; }

@media (max-width: 1024px) {
  .language-showcase__grid,
  .whatsapp-proposals__grid,
  .free-plan-featured { grid-template-columns: minmax(0,1fr) !important; }
  .pricing-facts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .whatsapp-proposals__visual { min-height: 520px !important; }
}
@media (max-width: 768px) {
  .pricing-facts { grid-template-columns: minmax(0,1fr) !important; }
  .wa-benefits { grid-template-columns: minmax(0,1fr) !important; }
  .free-plan-featured__features { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .whatsapp-proposals__visual { min-height: 610px !important; }
  .wa-proposal-card { left: 18px !important; top: 24px !important; width: 72% !important; }
  .wa-phone { right: 18px !important; bottom: 18px !important; width: 68% !important; }
}
@media (max-width: 520px) {
  .language-showcase__demo { padding: 14px !important; }
  .lang-toggle--multi button { flex: 1 1 auto !important; }
  .free-plan-featured__features { grid-template-columns: minmax(0,1fr) !important; }
  .whatsapp-proposals__visual { min-height: 560px !important; padding: 16px !important; }
  .wa-proposal-card { width: 82% !important; left: 12px !important; top: 18px !important; }
  .wa-phone { width: 78% !important; right: 12px !important; bottom: 14px !important; }
  .wa-response-card { left: 12px !important; right: 12px !important; bottom: 24px !important; }
}