:root,[data-theme="light"]{--bg:#f5f2ed;--surface:#fffdfa;--surface2:#f1ebe4;--text:#1d2530;--muted:#677181;--line:#ddd5cc;--teal:#2b7c83;--violet:#5a43b8;--gold:#c99a3c;--shadow:0 18px 60px rgba(24,31,43,.12);--radius:24px;--font-body:'Plus Jakarta Sans',system-ui,sans-serif;--font-display:'Cormorant Garamond',serif}
[data-theme="dark"]{--bg:#131517;--surface:#1b1e22;--surface2:#242830;--text:#f3eee8;--muted:#b5bcc8;--line:#343a44;--teal:#83c5c9;--violet:#b6a7f5;--gold:#e7c16f;--shadow:0 20px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box;margin:0;padding:0} body{font-family:var(--font-body);background:radial-gradient(circle at top left, rgba(15,124,135,.08), transparent 30%),radial-gradient(circle at 85% 10%, rgba(93,63,203,.10), transparent 28%),var(--bg);color:var(--text);line-height:1.65} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} .lang-zh,.lang-zh *{font-family:'Noto Sans SC',var(--font-body)} .lang-hi,.lang-hi *{font-family:'Noto Sans Devanagari',var(--font-body)} body[dir="rtl"],body[dir="rtl"] *{font-family:'Noto Sans Arabic',var(--font-body)}
.container{width:min(1380px,calc(100% - 1.5rem));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;padding:.8rem 1rem;background:var(--teal);color:#fff;border-radius:12px;z-index:100}
header{position:sticky;top:0;z-index:50;background:rgba(245,242,237,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}[data-theme="dark"] header{background:rgba(19,21,23,.76)} .nav{display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;padding:1.15rem 0}.brand{display:flex;align-items:center;gap:.9rem}.brand img{width:120px;height:120px;object-fit:cover;border-radius:28px;box-shadow:0 22px 60px rgba(43,124,131,.22); border:3px solid rgba(201,154,60,.38); background:#fff; padding:.35rem} .brand strong{display:block;font-size:1.55rem;line-height:1.05}.brand span{display:block;color:var(--teal);font-size:1rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.top-links{display:flex;justify-content:center;gap:0rem;flex-wrap:wrap}.top-links a{width:132px;height:114px;display:grid;place-items:center;text-align:center;padding:0 1.15rem;font-weight:800;color:var(--text);position:relative;filter:drop-shadow(0 10px 20px rgba(201,154,60,.18));font-size:14px;line-height:1.05}.top-links a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,248,233,.98), rgba(247,233,197,.92));border:1.5px solid rgba(201,154,60,.5);clip-path:path("M 66 106 C 25 75 10 58 10 35 C 10 18 24 8 39 8 C 50 8 61 14 66 24 C 71 14 82 8 93 8 C 108 8 122 18 122 35 C 122 58 107 75 66 106 Z");z-index:-1}.top-links a:hover::before{background:linear-gradient(180deg, rgba(255,251,241,1), rgba(248,223,166,.96))} .controls{display:flex;gap:.7rem;align-items:center;justify-content:end} select,button,input,textarea{font:inherit}.lang-switch,.theme-toggle{min-height:46px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:.8rem 1rem}.theme-toggle{width:46px;padding:0}
.hero{padding:4rem 0 3rem}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1.4rem;align-items:center}.glass{background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}[data-theme="dark"] .glass{background:rgba(30,34,40,.45);border-color:rgba(255,255,255,.08)}.hero-copy{padding:2rem;border-radius:32px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;gap:.6rem;align-items:center;padding:.55rem .95rem;border-radius:999px;background:rgba(15,124,135,.1);color:var(--teal);font-weight:800;font-size:.93rem}h1{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.03em;margin-top:1rem;max-width:11ch}.hero-copy p{font-size:1.06rem;color:var(--muted);margin-top:1rem;max-width:60ch}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 1.2rem;border-radius:999px;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--violet));color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--surface);border-color:var(--line)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}.metric{padding:1rem 1.1rem;border-radius:22px;background:var(--surface);border:1px solid var(--line)}.metric strong{display:block;font-size:1.3rem}
.hero-visual{position:relative;min-height:620px}.frame{position:absolute;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5)}.frame img{width:100%;height:100%;object-fit:cover}.f1{inset:0 8% 22% 0}.f2{width:45%;height:38%;right:0;top:9%}.f3{width:42%;height:28%;left:9%;bottom:2%}.badge{position:absolute;right:6%;bottom:8%;padding:1rem 1.1rem;max-width:260px;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);font-weight:700}[data-theme="dark"] .badge{background:rgba(27,30,34,.92)}
section{padding:2.5rem 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem}.section-head h2{font-family:var(--font-display);font-size:clamp(2rem,3.1vw,3rem)}.section-head p{color:var(--muted);max-width:64ch}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.service{padding:1.4rem;display:flex;flex-direction:column;min-height:100%}.chip{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:rgba(15,124,135,.1);color:var(--teal);font-weight:800;margin-bottom:.9rem}.service p{color:var(--muted);margin:.8rem 0 1rem}.service ul{list-style:none;display:grid;gap:.55rem;margin-top:auto}.service li{padding-left:1rem;position:relative}.service li:before{content:'•';position:absolute;left:0;color:var(--violet)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{padding:1.5rem}.task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.task{padding:.8rem .9rem;border-radius:18px;background:var(--surface2);border:1px solid var(--line);font-size:.95rem}
.gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:1rem}figure{position:relative;min-height:270px;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}figure img{width:100%;height:100%;object-fit:cover}figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.85rem 1rem;border-radius:18px;background:rgba(16,20,27,.46);backdrop-filter:blur(10px);color:#fff;font-size:.92rem}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem}form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.45rem}.field.full{grid-column:1/-1}label{font-size:.92rem;font-weight:800}input,textarea,select{min-height:50px;border-radius:18px;border:1px solid var(--line);background:var(--surface2);padding:.9rem 1rem;color:var(--text)}textarea{min-height:150px;resize:vertical}
footer{padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.section-sep{display:flex;justify-content:center;align-items:center;padding:.7rem 0 0}.section-sep img{width:140px;height:140px;object-fit:cover;border-radius:50%;box-shadow:0 16px 36px rgba(43,124,131,.16);border:2px solid rgba(201,154,60,.25);background:#fff}
@media (max-width:1024px){.nav{grid-template-columns:1fr}.top-links,.controls{justify-content:flex-start}.hero-grid,.split,.gallery,.contact,.cards3{grid-template-columns:1fr}.hero-visual{min-height:560px}.metrics{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr 1fr}}
.treatment-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.treatment-card{overflow:hidden}.treatment-card img{width:100%;height:220px;object-fit:cover}.treatment-copy{padding:1rem}.treatment-copy h3{font-size:1rem;line-height:1.35;margin:.7rem 0}.treatment-copy p{color:var(--muted);font-size:.92rem}@media (max-width:1024px){.treatment-catalog{grid-template-columns:repeat(2,1fr)}} @media (max-width:640px){.treatment-catalog{grid-template-columns:1fr}.container{width:min(100% - 1rem,1380px)}.hero-visual{display:grid;gap:1rem;min-height:auto}.frame{position:relative;inset:auto !important;width:auto !important;height:220px !important}.badge{position:relative;right:auto;bottom:auto;max-width:none}form,.task-grid{grid-template-columns:1fr}.top-links{justify-content:flex-start;overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:.3rem}}

/*test*/
/* ===== TOP ANNOUNCEMENT BAR ===== */
.top-bar {
  color: black;
  padding: 10px 0;
  z-index: 101;
  font-size: 0.85rem;
}

.top-bar-container {
  width: min(1380px, calc(100% - 1.5rem));
  margin: 0 auto;
}

.top-bar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.availability-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.live-dot {
  width: 10px;
  height: 10px;
  background-color: #4ade80;
  border-radius: 50%;
  display: inline-block;
  animation: pulse 1.5s ease-in-out infinite;
  box-shadow: 0 0 6px #4ade80;
}

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

.call-now-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #2b7c83 0%, #5a43b8 100%);
  padding: 8px 18px;
  border-radius: 999px;
  color: white;
  font-weight: 700;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 0.9rem;
  backdrop-filter: blur(4px);
}


.phone-icon {
  stroke: white;
}

/* ===== STICKY HEADER WITH SCROLL EFFECT ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(245, 242, 237, 0.96);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
  transition: all 0.3s ease;
}

[data-theme="dark"] .site-header {
  background: rgba(19, 21, 23, 0.96);
}

/* Header shrink effect on scroll */
.site-header.scrolled {
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.site-header.scrolled .nav {
  padding: 0.6rem 0;
}

.site-header.scrolled .brand img {
  width: 45px;
  height: 45px;
}

.site-header.scrolled .brand strong {
  font-size: 1.2rem;
}

.site-header.scrolled .brand span {
  font-size: 0.8rem;
}

.site-header.scrolled .top-links a {
  width: 100px;
  height: 80px;
  font-size: 0.8rem;
}

/* Optional: Hide top bar when scrolling down (uncomment if you want) */
/* 
.top-bar.hide {
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}
*/
/* Fix scroll offset for anchor links */
html {
  scroll-padding-top: 320px;
  scroll-behavior: smooth;
}

/* Adjust scroll padding for mobile */
@media (max-width: 768px) {
  html {
    scroll-padding-top: 180px;
  }
  .brand img {
      width: 80px;
      height: 80px;
      padding: 0;
  }
  .brand strong {
      font-size: 20px;
  }
  .brand span {
      font-size: 15px;
   }
}