/* LIFE by Dr. Pat — gem-themed chrome for inner pages. Loads after style.v3/v4 + page-strip. */
:root{--gold:#C9A24B;--gold-rgb:201,162,75;--gold-edge:#9C7A2E;--text-body:#4A3D34;--text-muted:#8A7C6D;--border-soft:#E9E0D3;
  --gem:#009473;--gem-rgb:0,148,115;--gem-deep:#0C3B30;--gem-ink:#0C3B30;--gem-ground:#F6F4EC;--gem-hi:#7FF2C4}
html[data-gem="ruby"]{--gem:#E0115F;--gem-rgb:224,17,95;--gem-deep:#9B0E45;--gem-ink:#2A1720;--gem-ground:#FBF6F0;--gem-hi:#FF7FAE}
html[data-gem="emerald"]{--gem:#009473;--gem-rgb:0,148,115;--gem-deep:#0C3B30;--gem-ink:#0C3B30;--gem-ground:#F6F4EC;--gem-hi:#7FF2C4}
html[data-gem="sapphire"]{--gem:#0F52BA;--gem-rgb:15,82,186;--gem-deep:#151667;--gem-ink:#0B0E24;--gem-ground:#F2F4F8;--gem-hi:#8DB6FF;--border-soft:#DDE2EC}
html[data-gem] body{background:var(--gem-ground)}

/* ---- page body: the gem re-themes style.v3 through its own variables ---- */
html[data-gem]{--brand-primary:var(--gem-ink);--brand-secondary:var(--gold);--brand-accent:var(--gem);--brand-success:var(--gem);--brand-success-2:var(--gem-hi);
  --brand-soft:rgba(var(--gem-rgb),.07);--brand-tint:rgba(var(--gold-rgb),.09);--brand-light:var(--gem-ground);--brand-ink:var(--gem-ink);--brand-body:var(--text-body);--brand-muted:var(--text-muted);--brand-line:var(--border-soft);--radius:6px;
  --shadow-sm:0 2px 6px rgba(0,0,0,.05),0 8px 20px -10px rgba(0,0,0,.12);--shadow-md:0 30px 70px -34px rgba(12,59,48,.4);--shadow-lg:0 40px 90px -40px rgba(12,59,48,.45);
  --shadow-accent:0 8px 20px -8px rgba(var(--gem-rgb),.4);--shadow-emerald:0 8px 20px -8px rgba(var(--gem-rgb),.4)}
html[data-gem] body{font-family:"Cloud",system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.72;color:var(--text-body)}
html[data-gem] a{color:var(--gold)}
html[data-gem] a:hover{color:var(--gem-deep)}
html[data-gem] h1,html[data-gem] h2,html[data-gem] h3,html[data-gem] h4{color:var(--gem-ink);font-family:"Cloud",system-ui,sans-serif}
html[data-gem] h1,html[data-gem] h2{font-weight:700;letter-spacing:-.02em;line-height:1.1}
html[data-gem] h3,html[data-gem] h4{font-weight:600;letter-spacing:0}
html[data-gem]:lang(th) h1,html[data-gem]:lang(th) h2,html[data-gem]:lang(ar) h1,html[data-gem]:lang(ar) h2,html[data-gem]:lang(hi) h1,html[data-gem]:lang(hi) h2{letter-spacing:0;line-height:1.25}
html[data-gem] .page-strip h1,html[data-gem] .page-strip h2,html[data-gem] .page-strip p{color:#fff}
html[data-gem] .page-strip .breadcrumbs a{color:rgba(255,255,255,.88)}
html[data-gem] .btn{font-weight:600;border-radius:100px}
html[data-gem] .btn--primary,html[data-gem] .btn--accent,html[data-gem] .calc-btn{background-color:var(--gem);background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%);color:#fff;border:0;text-shadow:0 1px 0 rgba(0,0,0,.18);box-shadow:0 4px 0 var(--gem-deep),0 8px 10px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14)}
html[data-gem] .btn--primary:hover,html[data-gem] .btn--accent:hover,html[data-gem] .calc-btn:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 var(--gem-deep),0 10px 12px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14)}
html[data-gem] .btn--primary:active,html[data-gem] .btn--accent:active{transform:translateY(4px);box-shadow:0 0 0 var(--gem-deep),0 2px 3px rgba(0,0,0,.15),inset 0 1.5px 0 rgba(255,255,255,.25),inset 0 2px 4px rgba(0,0,0,.18)}
html[data-gem] .btn--ghost{background:linear-gradient(180deg,#FFFDF8,#F3E9D6);border:1.5px solid var(--gold);color:#7A5A16;box-shadow:0 3px 0 var(--gold-edge)}
html[data-gem] .btn--ghost:hover{color:var(--gem-deep);border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 0 var(--gold-edge)}
html[data-gem] .table th{background:rgba(var(--gem-rgb),.1);color:var(--gem-deep)}
html[data-gem] .section--soft{background:rgba(var(--gem-rgb),.06)}
html[data-gem] .section--ruby{background:rgba(var(--gold-rgb),.09)}
html[data-gem] .card,html[data-gem] .calc-box,html[data-gem] .result{border-radius:6px}

/* ---- header ---- */
.site-header{background:color-mix(in srgb,var(--gem-ground) 90%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);border-bottom:1px solid rgba(var(--gold-rgb),.45);box-shadow:none}
.site-header.scrolled{background:color-mix(in srgb,var(--gem-ground) 96%,transparent);box-shadow:0 18px 40px -30px rgba(0,0,0,.25)}
.site-header .nav{padding:12px 0;gap:20px}
.site-header .nav__brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header .nav__brand-logo{height:56px;filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 2px 10px rgba(0,0,0,.22)) saturate(1.12) contrast(1.06)}
.site-header .nav__brand:hover .nav__brand-logo{transform:none}
.site-header .nav__links{gap:clamp(10px,1.5vw,22px);font-family:"Cloud",system-ui,sans-serif}
.site-header .nav__links>li>a{font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--gem-ink);padding:10px 0}
.site-header .nav__links>li>a:hover,.site-header .nav__links>li:hover>a{color:var(--gem)}
.site-header .nav__dropdown{background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:6px;min-width:250px;padding:10px 0;max-height:72vh;overflow:auto;box-shadow:0 30px 70px -30px rgba(0,0,0,.28);left:-16px}
.site-header .nav__dropdown a{display:block;padding:9px 18px;border-radius:0;font-size:13px;font-weight:400;letter-spacing:0;color:var(--text-body)}
.site-header .nav__dropdown a:hover{color:var(--gem-deep);background:rgba(var(--gem-rgb),.1)}
.site-header .lsx-trigger{color:var(--gem-ink)}
.site-header .lsx-trigger:hover{color:var(--gem)}
.site-header .nav__toggle{border:1.5px solid var(--gold);border-radius:100px;color:#7A5A16;background:linear-gradient(180deg,#FFFDF8,#F3E9D6)}
.site-header .nav__langsel select{color:#7A5A16;border:1.5px solid var(--gold);background-color:#FBF6EC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237A5A16' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 0 var(--gold-edge)}
.site-header .nav__langsel select:hover,.site-header .nav__langsel select:focus-visible{border-color:var(--gold);color:var(--gem-deep);box-shadow:0 2px 0 var(--gold-edge),0 0 0 3px rgba(var(--gold-rgb),.25)}
.site-header .nav__book{display:flex;align-items:center}
.site-header .nav__links>li.nav__book>a{position:relative;display:inline-flex;align-items:center;background-color:var(--gem);background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%);color:#fff;border:0;border-radius:100px;padding:10px 22px;font-size:13px;font-weight:600;letter-spacing:.3px;line-height:1.2;text-shadow:0 1px 0 rgba(0,0,0,.18);box-shadow:0 4px 0 var(--gem-deep),0 8px 10px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .15s}
.site-header .nav__links>li.nav__book>a:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 var(--gem-deep),0 10px 12px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14)}
.site-header .nav__links>li.nav__book>a:active{transform:translateY(4px);box-shadow:0 0 0 var(--gem-deep),0 2px 3px rgba(0,0,0,.15),inset 0 1.5px 0 rgba(255,255,255,.25),inset 0 2px 4px rgba(0,0,0,.18)}
@media (max-width:980px){
  .site-header .nav__links.open{background:var(--gem-ground);border-bottom:1px solid rgba(var(--gold-rgb),.45);top:81px;max-height:calc(100vh - 81px)}
  .site-header .nav__links>li>a{font-size:16px;padding:14px 4px;border-bottom:1px solid var(--border-soft);display:block}
  .site-header .nav__dropdown{min-width:0;border:0;box-shadow:none;background:transparent;padding:4px 0 8px 16px;max-height:none;left:0}
  .site-header .nav__dropdown a{font-size:14.5px;padding:11px 4px}
  .site-header .nav__links>li.nav__book{padding:18px 0 10px}
  .site-header .nav__links>li.nav__book>a{display:flex;justify-content:center;padding:13px 28px;font-size:14px;border-bottom:0}
}
.clinic-license{background:transparent!important;color:var(--text-muted)!important;border-bottom:1px solid rgba(var(--gold-rgb),.35);font-size:.8rem!important;letter-spacing:.5px}

/* ---- footer ---- */
.footer{background:var(--gem-ground);border-top:1.5px solid var(--gold);padding:72px 32px 36px;color:var(--text-body);font-family:"Cloud",system-ui,sans-serif;font-weight:300}
.footer .container{max-width:1080px;margin:0 auto;padding:0}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border-soft)}
.footer__logo{height:96px;width:auto;display:block;margin-bottom:20px}
.footer__tagline{font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;line-height:1.6;color:var(--text-muted);margin:0;max-width:260px}
.footer__col-title{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gem-deep);margin:0 0 16px}
.footer__col-title:lang(th),.footer__col-title:lang(ar),.footer__col-title:lang(hi),.footer__col-title:lang(ja),.footer__col-title:lang(ko),.footer__col-title:lang(zh-Hans){letter-spacing:0;text-transform:none;font-size:14px}
.footer__links{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:300}
.footer__links a{color:var(--text-body);text-decoration:none}
.footer__links a:hover{color:var(--gem)}
.footer__legal{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;font-weight:300;color:var(--text-muted)}
.footer__legal-links{display:flex;gap:16px;align-items:center}
.footer__legal a{color:var(--text-body);text-decoration:none}
.footer__legal a:hover{color:var(--gem)}
.footer__gems{display:inline-flex;gap:6px;margin-inline-start:10px}
.footer__gems i{width:10px;height:10px;border-radius:50%;display:block;background:var(--border-soft)}
html[data-gem="ruby"] .footer__gems i:nth-child(1),html[data-gem="emerald"] .footer__gems i:nth-child(2),html[data-gem="sapphire"] .footer__gems i:nth-child(3){background:radial-gradient(circle at 34% 26%,#fff 0%,var(--gem-hi) 15%,var(--gem) 50%,var(--gem-deep) 100%);box-shadow:0 0 0 3px rgba(var(--gem-rgb),.12),0 2px 6px -1px rgba(var(--gem-rgb),.55)}
@media (max-width:900px){.footer{padding:56px 24px 28px}.footer__grid{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr;gap:30px}.footer__logo{height:80px}}

/* ---- floating call button takes the page gem ---- */
.fab--call{background:linear-gradient(180deg,var(--gem-hi),var(--gem) 55%,var(--gem-deep))!important;box-shadow:0 8px 20px -6px rgba(var(--gem-rgb),.5),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15)!important}