/* IMEDIX FINAL THEME - light luxury reference-inspired layer */
:root {
  --wrap: 940px;
  --gold: #d6b46a;
  --gold-light: #f4e4b3;
  --gold-dark: #a47c34;
  --navy: #0b1f3a;
  --blue: #2f6fed;
  --teal: #0aa6a6;
  --aqua: #8ee8df;
  --green: #25d366;
  --ink: #101828;
  --text: #24324a;
  --muted: #64748b;
  --dim: #98a2b3;
  --paper: #ffffff;
  --ivory: #fbf7ef;
  --mist: #f6fbfd;
  --line: rgba(15, 31, 58, .10);
  --line-gold: rgba(214, 180, 106, .25);
  --shadow: 0 22px 70px rgba(15,31,58,.10);
  --shadow-gold: 0 16px 46px rgba(47,111,237,.14);
  --radius: 18px;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --ease: cubic-bezier(.22,1,.36,1);
}

html { background: var(--mist); }
body {
  background:
    radial-gradient(circle at 12% 4%, rgba(47,111,237,.12), transparent 25rem),
    radial-gradient(circle at 88% 8%, rgba(142,232,223,.22), transparent 27rem),
    linear-gradient(180deg, #fbfdff 0%, #f5fbfd 50%, #fbf7ef 100%) !important;
  color: var(--text) !important;
  overflow-x: hidden;
}
::selection { background: var(--gold); color: #fff; }

.container,
.nav-container,
.hero-container,
.footer-container,
.footer-bottom,
.inner-hero .container,
section:not(.hero):not(.inner-hero) > .container {
  max-width: var(--wrap) !important;
}

.imx-cursor,
.imx-cursor-follower {
  position: fixed;
  pointer-events: none;
  z-index: 100000;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  display: none;
}
.imx-cursor { width: 8px; height: 8px; background: var(--gold); }
.imx-cursor-follower { width: 38px; height: 38px; border: 1px solid var(--gold); opacity: .55; }
body.cursor-ready .imx-cursor,
body.cursor-ready .imx-cursor-follower { display: block; }
body.cursor-hover .imx-cursor { transform: translate(-50%,-50%) scale(1.8); }
body.cursor-hover .imx-cursor-follower { opacity: .25; transform: translate(-50%,-50%) scale(.72); }

#navbar,
.inner-page-body #navbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  transform: none !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid rgba(16,24,40,.08) !important;
  box-shadow: 0 12px 42px rgba(16,24,40,.07) !important;
  backdrop-filter: blur(22px) saturate(1.14);
}
#navbar.scrolled,
.inner-page-body #navbar.scrolled {
  background: rgba(255,255,255,.96) !important;
  border-bottom-color: var(--line-gold) !important;
  box-shadow: 0 16px 46px rgba(16,24,40,.10) !important;
}
.nav-container { height: 74px !important; padding: 0 !important; }
.nav-logo img { height: 52px !important; filter: none !important; }
.nav-links { gap: .1rem !important; }
.nav-links a {
  color: #475467 !important;
  font-family: var(--font-body) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em !important;
  border-radius: 6px !important;
  position: relative;
  background: transparent !important;
}
.nav-links a::after {
  content: '';
  position: absolute;
  left: .85rem;
  right: .85rem;
  bottom: .25rem;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), var(--teal));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--ease);
}
.nav-links a:hover,
.nav-links a.active { color: var(--navy) !important; }
.nav-links a:hover::after,
.nav-links a.active::after { transform: scaleX(1); }
.btn-whatsapp {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #18b979, #0aa6a6) !important;
  box-shadow: 0 10px 26px rgba(37,211,102,.26) !important;
}

.hero,
.inner-page-body .inner-hero {
  width: 100% !important;
  border-radius: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}
.hero {
  min-height: 94vh !important;
  padding-top: 74px !important;
  background:
    linear-gradient(115deg, rgba(255,255,255,.97), rgba(246,250,255,.92) 45%, rgba(233,247,255,.82)),
    url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.hero::before,
.inner-page-body .inner-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: -20% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(47,111,237,.16), transparent 20rem),
    radial-gradient(circle at 82% 22%, rgba(142,232,223,.24), transparent 24rem),
    radial-gradient(circle at 50% 86%, rgba(214,180,106,.10), transparent 28rem) !important;
  animation: imxOrbFloat 12s ease-in-out infinite alternate;
}
.hero::after,
.inner-page-body .inner-hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .7;
  background-image:
    linear-gradient(rgba(47,111,237,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,166,166,.052) 1px, transparent 1px) !important;
  background-size: 76px 76px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}
@keyframes imxOrbFloat {
  0% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(1.4rem,-1.2rem,0) scale(1.04); }
  100% { transform: translate3d(-1rem,1rem,0) scale(.98); }
}
.hero-bg-grid,
.hero-particles { display: none !important; }
.hero-container {
  position: relative !important;
  z-index: 2 !important;
  min-height: calc(94vh - 74px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px) !important;
  grid-template-areas:
    "badge visual"
    "title visual"
    "sub visual"
    "actions visual"
    "stats visual" !important;
  gap: 1.2rem 2.4rem !important;
  align-content: center !important;
  padding: 4.2rem 0 4.8rem !important;
}
.hero-badge { grid-area: badge !important; }
.hero-title { grid-area: title !important; }
.hero-sub { grid-area: sub !important; }
.hero-actions { grid-area: actions !important; }
.hero-stats { grid-area: stats !important; }
.hero-visual { grid-area: visual !important; }
.hero-badge,
.inner-hero .section-tag {
  color: var(--blue) !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(13,143,131,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 10px 30px rgba(16,24,40,.06) !important;
}
.hero-title {
  font-family: var(--font-display) !important;
  font-size: clamp(3.45rem, 6.4vw, 6.7rem) !important;
  font-weight: 500 !important;
  line-height: .92 !important;
  color: var(--navy) !important;
  margin: 0 !important;
  text-wrap: balance;
}
.hero-title em,
.stroke-text {
  color: var(--blue) !important;
  -webkit-text-stroke: 0 !important;
  font-style: italic !important;
}
.hero-sub {
  max-width: 560px !important;
  color: #475467 !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
}
.hero-actions { margin: .4rem 0 1rem !important; }
.btn-primary,
.btn-ghost {
  border-radius: 999px !important;
  min-height: 50px !important;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--blue), var(--navy)) !important;
  box-shadow: 0 16px 40px rgba(13,143,131,.22) !important;
}
.btn-primary:hover { transform: translateY(-3px) !important; background: linear-gradient(135deg, #4f8cff, var(--blue)) !important; }
.btn-ghost {
  color: var(--navy) !important;
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(47,111,237,.18) !important;
}
.btn-ghost:hover { color: var(--blue) !important; border-color: rgba(47,111,237,.35) !important; }
.hero-stats {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  border-radius: var(--radius) !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(18px);
}
.stat { padding: 1rem .65rem !important; display: block !important; }
.stat-div { display: none !important; }
.stat-num,
.stat > span:last-of-type { color: var(--blue) !important; font-family: var(--font-display) !important; }
.stat p { color: #667085 !important; text-transform: uppercase; letter-spacing: .08em; font-size: .68rem !important; }

.hero-visual { width: 100% !important; min-height: 470px !important; margin: 0 !important; animation: imxFadeUp 1s ease .5s both; }
.hero-visual::before,
.hero-visual::after {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
.hero-visual::before {
  width: 310px; height: 310px;
  border: 1px solid var(--line-gold);
  box-shadow: inset 0 0 70px rgba(199,162,74,.10), 0 0 80px rgba(13,143,131,.10);
  animation: imxSpin 18s linear infinite;
}
.hero-visual::after {
  width: 210px; height: 210px;
  border: 1px dashed rgba(199,162,74,.46);
  animation: imxSpin 12s linear infinite reverse;
}
@keyframes imxSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
.care-card {
  border-radius: var(--radius) !important;
  border: 1px solid rgba(47,111,237,.16) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,253,251,.86)) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(18px);
}
.care-card-main { inset: 4rem 1rem auto auto !important; width: min(330px,100%) !important; padding: 1.25rem !important; z-index: 2; }
.care-patient { background: rgba(47,111,237,.055) !important; border-color: rgba(47,111,237,.12) !important; }
.care-patient h3,
.care-card-side strong { color: var(--navy) !important; }
.care-patient p,
.care-card-side p,
.care-card-top span,
.care-mini-label { color: var(--muted) !important; }
.care-card-top strong,
.care-steps i { color: var(--blue) !important; }
.care-avatar,
.why-icon,
.tl-dot,
.testi-avatar,
#cwSend {
  background: linear-gradient(135deg, var(--blue), var(--navy)) !important;
  color: #fff !important;
}
.care-progress { background: rgba(16,24,40,.07) !important; }
.care-progress span { background: linear-gradient(90deg, var(--blue), var(--aqua), var(--gold-light)) !important; }
.care-steps div { color: var(--text) !important; }
.care-card-side { left: -.3rem !important; right: auto !important; bottom: 102px !important; width: 172px !important; animation: imxFloat 6s ease-in-out infinite; }
.care-card-side.accent { left: auto !important; right: 0 !important; bottom: 24px !important; background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(239,247,255,.92)) !important; animation-delay: -2s; }
@keyframes imxFloat { 50% { transform: translateY(-12px); } }
@keyframes imxFadeUp { from { opacity:0; transform: translateY(24px); } to { opacity:1; transform: translateY(0); } }

.why-section,
.services-section,
.treatments-section,
.cost-section,
.hospitals-section,
.process-section,
.testimonials-section,
.countries-section,
.contact-section,
.comfort-section,
.info-band {
  padding: 5.6rem 0 !important;
  background: #fff !important;
  position: relative;
}
.services-section,
.process-section,
.countries-section,
.comfort-section,
.info-band:nth-of-type(even) { background: linear-gradient(180deg, #f4fbfd, #fbf7ef) !important; }
.section-tag {
  color: var(--blue) !important;
  border: 1px solid rgba(47,111,237,.16) !important;
  background: rgba(47,111,237,.055) !important;
}
.section-title {
  color: var(--navy) !important;
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  text-wrap: balance;
}
.section-title em { color: var(--blue) !important; font-style: italic !important; }
.section-sub { color: var(--muted) !important; }
.why-grid,
.services-grid,
.hosp-grid,
.testi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; }
.contact-grid,
.treat-grid { grid-template-columns: 1fr !important; }
.contact-info { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.contact-info .wa-card { grid-column: 1 / -1 !important; }
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.cost-table-wrap,
.treat-cost,
.country-item,
.info-card,
.prep-panel {
  border-radius: var(--radius) !important;
  background: linear-gradient(145deg, #fff, #f8fcfa) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
  position: relative;
  overflow: hidden;
}
.why-card,
.service-card,
.hosp-card,
.testi-card,
.ci-card,
.info-card { padding: 1.55rem !important; }
.why-card::before,
.service-card::before,
.hosp-card::before,
.testi-card::before,
.ci-card::before,
.info-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--blue), var(--aqua), transparent) !important;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s var(--ease);
  opacity: 1 !important;
}
.why-card:hover,
.service-card:hover,
.hosp-card:hover,
.testi-card:hover,
.ci-card:hover,
.info-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(47,111,237,.18) !important;
  box-shadow: 0 18px 52px rgba(47,111,237,.16) !important;
}
.why-card:hover::before,
.service-card:hover::before,
.hosp-card:hover::before,
.testi-card:hover::before,
.ci-card:hover::before,
.info-card:hover::before { transform: scaleX(1); }
.why-card h3,
.service-card h3,
.hosp-card h3,
.tl-content h3,
.ci-card h3,
.info-card h3,
.prep-panel h3 { color: var(--navy) !important; }
.why-card p,
.service-card p,
.hosp-card p,
.tl-content p,
.ci-item p,
.testi-author p,
.info-card p,
.prep-panel li { color: var(--muted) !important; }
.sc-icon,
.info-card i {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--blue), var(--navy)) !important;
  margin-bottom: 1rem !important;
}
.sc-number { color: rgba(199,162,74,.16) !important; }
.sc-tags span,
.hosp-tags span,
.cost-badge,
.country-item {
  color: var(--blue) !important;
  background: rgba(47,111,237,.06) !important;
  border-color: rgba(47,111,237,.18) !important;
}
.treatments-tabs { background: #fff !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
.tab-btn { color: var(--muted) !important; border-radius: 10px !important; }
.tab-btn.active { color: #fff !important; background: linear-gradient(135deg, var(--blue), var(--navy)) !important; }
.treat-info h3 { color: var(--navy) !important; }
.treat-info p,
.treat-list li { color: var(--muted) !important; border-color: var(--line) !important; }
.treat-list li i { color: var(--blue) !important; }
.treat-img,
.treat-img-inner { border-radius: var(--radius) !important; }
.treat-cost { background: linear-gradient(145deg, rgba(199,162,74,.08), #fff) !important; }
.cost-range,
.china-price { color: var(--blue) !important; }
.cost-table { background: #fff !important; }
.cost-table th { background: #f5faf8 !important; color: var(--blue) !important; border-color: var(--line) !important; }
.cost-table td { color: var(--text) !important; border-color: var(--line) !important; }
.cost-table td small { color: var(--muted) !important; }
.cost-table th.hl-col,
.cost-table td.hl-col { background: rgba(47,111,237,.055) !important; }
.testi-stars { color: var(--blue) !important; }
.testi-text { color: var(--text) !important; }
.testi-author span,
.hosp-badge,
.tl-phase,
.ci-item > i,
.ci-item a,
.mini-label { color: var(--blue) !important; }
.timeline::before { background: linear-gradient(to bottom, var(--gold), rgba(13,143,131,.18)) !important; }
.form-group label { color: var(--blue) !important; }
.form-group input,
.form-group select,
.form-group textarea,
.file-upload-area {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  border-radius: 12px !important;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--blue) !important; box-shadow: 0 0 0 4px rgba(13,143,131,.1) !important; }

.info-grid { display: grid !important; gap: 1rem !important; }
.info-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.info-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.prep-panel { margin-top: 1.2rem !important; padding: 1.55rem !important; display: grid !important; grid-template-columns: .75fr 1.25fr !important; gap: 1.5rem !important; }
.inner-page-body .inner-hero {
  margin: 74px 0 0 !important;
  padding: 5rem 0 !important;
  background:
    linear-gradient(115deg, rgba(255,255,255,.97), rgba(246,252,250,.92), rgba(226,249,244,.84)),
    url('https://images.unsplash.com/photo-1505751172876-fa1923c5c528?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.inner-page-body .inner-hero .container { position: relative; z-index: 2; }
.inner-page-body .inner-hero h1 { color: var(--navy) !important; max-width: 820px !important; }
.inner-page-body .inner-hero p { color: #475467 !important; }
.inner-page-body .services-section,
.inner-page-body .treatments-section,
.inner-page-body .hospitals-section,
.inner-page-body .contact-section,
.inner-page-body .info-band {
  width: min(var(--wrap), calc(100% - 2rem)) !important;
  margin: 1.2rem auto !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}
.footer,
.inner-page-body .footer {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #0b1f3a 0%, #123a6f 58%, #0a6f7a 100%) !important;
  border-top: 1px solid var(--line-gold) !important;
}
.footer-brand p,
.footer-col a,
.footer-addr,
.footer-bottom p { color: rgba(255,255,255,.68) !important; }
.footer-col h4 { color: #fff !important; }
.footer-col a:hover { color: var(--gold-light) !important; }

.chatbot-bubble,
.cw-msg.user .cw-bubble,
.cw-header { background: linear-gradient(135deg, var(--blue), var(--navy)) !important; color: #fff !important; }
.chatbot-widget { background: #fff !important; border-color: rgba(47,111,237,.18) !important; }
.cw-messages,
.cw-quick-replies { background: var(--mist) !important; }
.cw-msg.bot .cw-bubble,
.cw-typing { background: #fff !important; color: var(--text) !important; border-color: var(--line) !important; }
.cw-qr { color: var(--blue) !important; background: #fff !important; border-color: rgba(13,143,131,.18) !important; }
#cwInput { background: #fff !important; color: var(--text) !important; border-color: var(--line) !important; }

.imx-reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s ease, transform .75s var(--ease); }
.imx-reveal.revealed { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  :root { --wrap: calc(100% - 2rem); }
  .hero-container {
    grid-template-columns: 1fr !important;
    grid-template-areas: "badge" "title" "sub" "actions" "stats" "visual" !important;
    min-height: auto !important;
    padding: 4rem 0 4.5rem !important;
  }
  .hero-visual { max-width: 560px !important; min-height: 430px !important; }
  .info-grid.four,
  .info-grid.three { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .nav-container { padding: 0 1rem !important; }
}
@media (max-width: 900px) {
  .nav-links { background: #fff !important; border-color: rgba(47,111,237,.18) !important; }
  .nav-links a { border-bottom-color: var(--line) !important; }
}
@media (max-width: 760px) {
  :root { --wrap: calc(100% - 1rem); }
  body.cursor-ready .imx-cursor,
  body.cursor-ready .imx-cursor-follower { display: none; }
  .nav-container { height: 68px !important; }
  .hero { padding-top: 68px !important; min-height: auto !important; }
  .hero-container { padding: 3.2rem 0 4rem !important; }
  .hero-title { font-size: clamp(2.6rem, 14vw, 4rem) !important; }
  .hero-stats { grid-template-columns: 1fr 1fr !important; }
  .hero-visual { min-height: 465px !important; }
  .care-card-main { width: 100% !important; inset: 0 auto auto 0 !important; }
  .care-card-side,
  .care-card-side.accent { width: calc(50% - .5rem) !important; bottom: 24px !important; }
  .care-card-side { left: 0 !important; right: auto !important; }
  .care-card-side.accent { right: 0 !important; left: auto !important; }
  .why-grid,
  .services-grid,
  .hosp-grid,
  .testi-grid,
  .contact-info,
  .info-grid.four,
  .info-grid.three { grid-template-columns: 1fr !important; }
  .prep-panel { grid-template-columns: 1fr !important; gap: 1rem !important; }
  .inner-page-body .inner-hero { margin-top: 68px !important; padding: 3.4rem 0 !important; }
  .inner-page-body .services-section,
  .inner-page-body .treatments-section,
  .inner-page-body .hospitals-section,
  .inner-page-body .contact-section,
  .inner-page-body .info-band { width: calc(100% - 1rem) !important; }
}
@media (max-width: 520px) {
  .hero-actions a { width: 100% !important; justify-content: center !important; }
  .care-card-side p { display: none !important; }
  .section-title { font-size: clamp(2rem, 11vw, 3rem) !important; }
  .why-card,
  .service-card,
  .hosp-card,
  .testi-card,
  .ci-card,
  .info-card,
  .contact-form-wrap,
  .tl-content,
  .prep-panel { padding: 1.2rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ===== BLUE GREEN RED FINAL PALETTE OVERRIDE ===== */
:root {
  --bgr-blue: #155EEF;
  --bgr-blue-dark: #0B2D6B;
  --bgr-green: #00A86B;
  --bgr-green-soft: #E8FFF6;
  --bgr-red: #E11D48;
  --bgr-red-soft: #FFF1F4;
  --bgr-sky: #EEF6FF;
  --bgr-ink: #0F172A;
  --bgr-text: #334155;
  --bgr-line: rgba(15, 23, 42, 0.10);
  --bgr-shadow: 0 22px 70px rgba(15, 23, 42, 0.11);
}

body {
  background:
    radial-gradient(circle at 8% 5%, rgba(21,94,239,.16), transparent 25rem),
    radial-gradient(circle at 92% 8%, rgba(0,168,107,.15), transparent 25rem),
    radial-gradient(circle at 78% 58%, rgba(225,29,72,.08), transparent 22rem),
    linear-gradient(180deg, #fbfdff 0%, #f1f7ff 45%, #f4fff9 100%) !important;
  color: var(--bgr-text) !important;
}

#navbar,
.inner-page-body #navbar {
  background: rgba(255,255,255,.92) !important;
  border-bottom-color: rgba(21,94,239,.13) !important;
}
.nav-links a:hover,
.nav-links a.active { color: var(--bgr-blue-dark) !important; }
.nav-links a::after {
  background: linear-gradient(90deg, var(--bgr-blue), var(--bgr-green), var(--bgr-red)) !important;
}
.btn-whatsapp {
  background: linear-gradient(135deg, var(--bgr-green), #0E9F6E) !important;
}

.hero {
  background:
    linear-gradient(115deg, rgba(255,255,255,.96), rgba(238,246,255,.92) 42%, rgba(232,255,246,.78)),
    url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.hero::before,
.inner-page-body .inner-hero::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(21,94,239,.20), transparent 20rem),
    radial-gradient(circle at 82% 20%, rgba(0,168,107,.18), transparent 24rem),
    radial-gradient(circle at 54% 82%, rgba(225,29,72,.12), transparent 26rem) !important;
}
.hero::after,
.inner-page-body .inner-hero::after {
  background-image:
    linear-gradient(rgba(21,94,239,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,168,107,.055) 1px, transparent 1px) !important;
}
.hero-badge,
.inner-hero .section-tag {
  color: var(--bgr-blue) !important;
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(21,94,239,.18) !important;
}
.hero-title,
.inner-page-body .inner-hero h1,
.section-title,
.why-card h3,
.service-card h3,
.hosp-card h3,
.tl-content h3,
.ci-card h3,
.info-card h3,
.prep-panel h3,
.treat-info h3 {
  color: var(--bgr-blue-dark) !important;
}
.hero-title em,
.stroke-text,
.section-title em {
  color: var(--bgr-red) !important;
}
.hero-sub,
.inner-page-body .inner-hero p,
.section-sub,
.why-card p,
.service-card p,
.hosp-card p,
.tl-content p,
.info-card p,
.prep-panel li,
.treat-info p,
.treat-list li {
  color: var(--bgr-text) !important;
}
.btn-primary {
  background: linear-gradient(135deg, var(--bgr-blue), var(--bgr-green)) !important;
  color: #fff !important;
  box-shadow: 0 18px 48px rgba(21,94,239,.22) !important;
}
.btn-primary:hover {
  background: linear-gradient(135deg, var(--bgr-green), var(--bgr-red)) !important;
}
.btn-ghost {
  color: var(--bgr-blue-dark) !important;
  border-color: rgba(21,94,239,.24) !important;
  background: rgba(255,255,255,.78) !important;
}
.hero-stats,
.care-card,
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.cost-table-wrap,
.treat-cost,
.country-item,
.info-card,
.prep-panel {
  background: linear-gradient(145deg, #ffffff, #f8fbff) !important;
  border-color: var(--bgr-line) !important;
  box-shadow: var(--bgr-shadow) !important;
}
.stat-num,
.stat > span:last-of-type,
.cost-range,
.china-price {
  color: var(--bgr-red) !important;
}
.stat p { color: #475569 !important; }
.hero-visual::before { border-color: rgba(21,94,239,.25) !important; }
.hero-visual::after { border-color: rgba(0,168,107,.35) !important; }
.care-avatar,
.why-icon,
.sc-icon,
.tl-dot,
.testi-avatar,
.info-card i,
#cwSend {
  background: linear-gradient(135deg, var(--bgr-blue), var(--bgr-green)) !important;
  color: #fff !important;
}
.care-card-top strong,
.care-steps i,
.hosp-badge,
.tl-phase,
.ci-item > i,
.ci-item a,
.mini-label,
.testi-author span,
.treat-list li i {
  color: var(--bgr-green) !important;
}
.care-progress span {
  background: linear-gradient(90deg, var(--bgr-blue), var(--bgr-green), var(--bgr-red)) !important;
}
.why-card::before,
.service-card::before,
.hosp-card::before,
.testi-card::before,
.ci-card::before,
.info-card::before {
  background: linear-gradient(90deg, var(--bgr-blue), var(--bgr-green), var(--bgr-red)) !important;
}
.why-card:hover,
.service-card:hover,
.hosp-card:hover,
.testi-card:hover,
.ci-card:hover,
.info-card:hover {
  border-color: rgba(21,94,239,.25) !important;
  box-shadow: 0 22px 64px rgba(21,94,239,.16) !important;
}
.section-tag {
  color: var(--bgr-blue) !important;
  background: linear-gradient(135deg, rgba(21,94,239,.08), rgba(0,168,107,.08)) !important;
  border-color: rgba(21,94,239,.16) !important;
}
.services-section,
.process-section,
.countries-section,
.comfort-section,
.info-band:nth-of-type(even) {
  background: linear-gradient(180deg, var(--bgr-sky), var(--bgr-green-soft)) !important;
}
.why-section,
.treatments-section,
.testimonials-section,
.contact-section,
.info-band {
  background: #fff !important;
}
.sc-tags span,
.hosp-tags span,
.cost-badge,
.country-item {
  color: var(--bgr-blue-dark) !important;
  background: linear-gradient(135deg, rgba(21,94,239,.07), rgba(0,168,107,.08)) !important;
  border-color: rgba(21,94,239,.14) !important;
}
.tab-btn.active {
  background: linear-gradient(135deg, var(--bgr-blue), var(--bgr-green)) !important;
  color: #fff !important;
}
.cost-table th { color: var(--bgr-blue) !important; background: #F1F7FF !important; }
.cost-table th.hl-col,
.cost-table td.hl-col { background: #EEFFF6 !important; }
.form-group label { color: var(--bgr-blue) !important; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--bgr-blue) !important;
  box-shadow: 0 0 0 4px rgba(21,94,239,.10) !important;
}
.inner-page-body .inner-hero {
  background:
    linear-gradient(115deg, rgba(255,255,255,.97), rgba(238,246,255,.93), rgba(232,255,246,.84)),
    url('https://images.unsplash.com/photo-1505751172876-fa1923c5c528?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.footer,
.inner-page-body .footer {
  background: linear-gradient(135deg, var(--bgr-blue-dark) 0%, #124FA8 52%, #008F5F 100%) !important;
}
.chatbot-bubble,
.cw-msg.user .cw-bubble,
.cw-header {
  background: linear-gradient(135deg, var(--bgr-blue), var(--bgr-green)) !important;
}
.cw-qr { color: var(--bgr-blue) !important; border-color: rgba(21,94,239,.18) !important; }

/* ===== OPACITY + SMOOTH TRANSITION FIX ===== */
:root {
  --smooth: cubic-bezier(0.22, 1, 0.36, 1);
}

body {
  background-color: #fbfdff !important;
}

#navbar,
.inner-page-body #navbar {
  background: rgba(255,255,255,.98) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

.hero {
  background:
    linear-gradient(115deg, rgba(255,255,255,.99), rgba(241,247,255,.97) 42%, rgba(235,255,246,.94)),
    url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.inner-page-body .inner-hero {
  background:
    linear-gradient(115deg, rgba(255,255,255,.99), rgba(241,247,255,.97), rgba(235,255,246,.94)),
    url('https://images.unsplash.com/photo-1505751172876-fa1923c5c528?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.hero::before,
.inner-page-body .inner-hero::before {
  opacity: .95 !important;
}
.hero::after,
.inner-page-body .inner-hero::after {
  opacity: .82 !important;
}

.hero-badge,
.inner-hero .section-tag,
.hero-stats,
.care-card,
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.cost-table-wrap,
.treat-cost,
.country-item,
.info-card,
.prep-panel,
.form-group input,
.form-group select,
.form-group textarea,
.file-upload-area,
.chatbot-widget,
.cw-msg.bot .cw-bubble,
.cw-typing,
.cw-qr,
#cwInput {
  background-color: #ffffff !important;
}
.hero-badge,
.inner-hero .section-tag {
  background: #ffffff !important;
}
.hero-stats,
.care-card,
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.cost-table-wrap,
.treat-cost,
.country-item,
.info-card,
.prep-panel {
  background: linear-gradient(145deg, #ffffff, #fbfdff) !important;
  border-color: rgba(15,23,42,.14) !important;
}
.care-card-side.accent {
  background: linear-gradient(145deg, #ffffff, #f1f7ff) !important;
}

.hero-title,
.inner-page-body .inner-hero h1,
.section-title,
.why-card h3,
.service-card h3,
.hosp-card h3,
.tl-content h3,
.ci-card h3,
.info-card h3,
.prep-panel h3,
.treat-info h3 {
  color: #0b2d6b !important;
}
.hero-sub,
.inner-page-body .inner-hero p,
.section-sub,
.why-card p,
.service-card p,
.hosp-card p,
.tl-content p,
.info-card p,
.prep-panel li,
.treat-info p,
.treat-list li,
.ci-item p,
.testi-author p {
  color: #334155 !important;
}

*, *::before, *::after {
  transition-timing-function: var(--smooth) !important;
}

.nav-links a,
.nav-links a::after,
.btn-primary,
.btn-ghost,
.btn-whatsapp,
.wa-btn-large,
.cw-whatsapp-cta,
.chatbot-bubble,
.wa-float,
#cwSend,
.cw-qr,
.tab-btn,
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.info-card,
.prep-panel,
.country-item,
.care-card,
.form-group input,
.form-group select,
.form-group textarea,
.file-upload-area {
  transition:
    transform .42s var(--smooth),
    box-shadow .42s var(--smooth),
    border-color .36s var(--smooth),
    background .36s var(--smooth),
    color .28s ease,
    opacity .32s ease !important;
}

.why-card:hover,
.service-card:hover,
.hosp-card:hover,
.testi-card:hover,
.ci-card:hover,
.info-card:hover,
.country-item:hover {
  transform: translateY(-7px) scale(1.01) !important;
}
.btn-primary:hover,
.btn-ghost:hover,
.btn-whatsapp:hover,
.wa-btn-large:hover,
.cw-whatsapp-cta:hover,
.chatbot-bubble:hover,
.wa-float:hover,
#cwSend:hover {
  transform: translateY(-3px) !important;
}

.imx-reveal {
  transition:
    opacity .82s ease,
    transform .82s var(--smooth) !important;
}

.cw-msg,
.chatbot-widget {
  transition:
    opacity .36s ease,
    transform .42s var(--smooth),
    box-shadow .42s var(--smooth) !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .001ms !important;
  }
}

/* ===== SECTION COLOR ZONES: BLUE / GREEN / RED ===== */
:root {
  --zone-blue-bg: #E8F1FF;
  --zone-blue-bg-2: #DCEAFF;
  --zone-green-bg: #E6FFF4;
  --zone-green-bg-2: #D8F8EA;
  --zone-red-bg: #FFF0F3;
  --zone-red-bg-2: #FFE3E8;
}

body {
  background:
    linear-gradient(180deg, #E8F1FF 0%, #E6FFF4 45%, #FFF0F3 100%) !important;
}

.hero {
  background:
    linear-gradient(115deg, rgba(232,241,255,.98), rgba(220,234,255,.96) 42%, rgba(214,232,255,.92)),
    url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.hero::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(21,94,239,.24), transparent 20rem),
    radial-gradient(circle at 82% 22%, rgba(0,168,107,.18), transparent 24rem),
    radial-gradient(circle at 55% 84%, rgba(225,29,72,.10), transparent 24rem) !important;
}

/* BLUE SECTIONS */
.why-section,
.hospitals-section,
.info-band {
  background:
    radial-gradient(circle at 10% 12%, rgba(21,94,239,.16), transparent 20rem),
    linear-gradient(180deg, var(--zone-blue-bg) 0%, var(--zone-blue-bg-2) 100%) !important;
}
.why-section .section-tag,
.hospitals-section .section-tag,
.info-band .section-tag {
  color: var(--bgr-blue) !important;
  border-color: rgba(21,94,239,.24) !important;
  background: rgba(255,255,255,.64) !important;
}
.why-section .section-title em,
.hospitals-section .section-title em,
.info-band .section-title em {
  color: var(--bgr-blue) !important;
}
.why-section .why-card::before,
.hospitals-section .hosp-card::before,
.info-band .info-card::before {
  background: linear-gradient(90deg, var(--bgr-blue), #60A5FA) !important;
}

/* GREEN SECTIONS */
.comfort-section,
.services-section,
.process-section,
.contact-section {
  background:
    radial-gradient(circle at 88% 10%, rgba(0,168,107,.20), transparent 22rem),
    linear-gradient(180deg, var(--zone-green-bg) 0%, var(--zone-green-bg-2) 100%) !important;
}
.comfort-section .section-tag,
.services-section .section-tag,
.process-section .section-tag,
.contact-section .section-tag {
  color: var(--bgr-green) !important;
  border-color: rgba(0,168,107,.24) !important;
  background: rgba(255,255,255,.64) !important;
}
.comfort-section .section-title em,
.services-section .section-title em,
.process-section .section-title em,
.contact-section .section-title em {
  color: var(--bgr-green) !important;
}
.comfort-section .info-card::before,
.services-section .service-card::before,
.process-section .tl-content::before,
.contact-section .ci-card::before {
  background: linear-gradient(90deg, var(--bgr-green), #34D399) !important;
}

/* RED SECTIONS */
.treatments-section,
.cost-section,
.testimonials-section,
.countries-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(225,29,72,.16), transparent 20rem),
    linear-gradient(180deg, var(--zone-red-bg) 0%, var(--zone-red-bg-2) 100%) !important;
}
.treatments-section .section-tag,
.cost-section .section-tag,
.testimonials-section .section-tag,
.countries-section .section-tag {
  color: var(--bgr-red) !important;
  border-color: rgba(225,29,72,.22) !important;
  background: rgba(255,255,255,.66) !important;
}
.treatments-section .section-title em,
.cost-section .section-title em,
.testimonials-section .section-title em,
.countries-section .section-title em {
  color: var(--bgr-red) !important;
}
.treatments-section .treat-cost,
.cost-section .cost-table-wrap,
.testimonials-section .testi-card,
.countries-section .country-item {
  border-color: rgba(225,29,72,.15) !important;
}
.treatments-section .tab-btn.active,
.cost-section .btn-primary,
.testimonials-section .testi-avatar {
  background: linear-gradient(135deg, var(--bgr-red), var(--bgr-blue)) !important;
}

/* Stronger surface so sections do not feel washed out */
.why-card,
.service-card,
.hosp-card,
.testi-card,
.tl-content,
.contact-form-wrap,
.ci-card,
.cost-table-wrap,
.treat-cost,
.country-item,
.info-card,
.prep-panel,
.hero-stats,
.care-card {
  background: rgba(255,255,255,.92) !important;
  border-width: 1.5px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.13) !important;
}

/* Inner pages: full banner with page-specific color depth */
.inner-page-body .inner-hero {
  background:
    linear-gradient(115deg, rgba(232,241,255,.98), rgba(230,255,244,.94), rgba(255,240,243,.88)),
    url('https://images.unsplash.com/photo-1505751172876-fa1923c5c528?auto=format&fit=crop&w=2200&q=88') center/cover !important;
}
.inner-page-body .services-section,
.inner-page-body .contact-section {
  background:
    radial-gradient(circle at 88% 0%, rgba(0,168,107,.18), transparent 18rem),
    linear-gradient(180deg, var(--zone-green-bg), var(--zone-green-bg-2)) !important;
}
.inner-page-body .treatments-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(225,29,72,.14), transparent 18rem),
    linear-gradient(180deg, var(--zone-red-bg), var(--zone-red-bg-2)) !important;
}
.inner-page-body .hospitals-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(21,94,239,.15), transparent 18rem),
    linear-gradient(180deg, var(--zone-blue-bg), var(--zone-blue-bg-2)) !important;
}

/* Footer keeps all three colors */
.footer,
.inner-page-body .footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(21,94,239,.36), transparent 24rem),
    radial-gradient(circle at 52% 0%, rgba(0,168,107,.30), transparent 22rem),
    radial-gradient(circle at 88% 0%, rgba(225,29,72,.28), transparent 22rem),
    linear-gradient(135deg, #0B2D6B 0%, #085C4A 52%, #8F1232 100%) !important;
}