:root{
  --ink:#0d1b2a;
  --muted:#536779;
  --brand:#039d93;
  --brand2:#076b62;
  --leaf:#23864b;
  --gold:#f0b33b;
  --coral:#d96b55;
  --blue:#2c6bd8;
  --paper:#ffffff;
  --wash:#f5fbfa;
  --line:#d7e7e4;
  --shadow:0 18px 46px rgba(13,27,42,.11);
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
*{box-sizing:border-box}
body{
  margin:0;
  overflow-x:hidden;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans Bengali","Noto Sans Devanagari",Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#f4fbff 0%,#ffffff 32%,#f7fcf8 100%);
  font-size:17px;
  line-height:1.55;
}
a{color:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(3,157,147,.08),transparent 28%,rgba(240,179,59,.09) 58%,transparent 76%);z-index:-1}
.wrap{width:min(1180px,92vw);margin:auto}
.top-strip{background:#062f2d}
.top-strip .wrap{padding:8px 0}
.top-strip{color:#fff;font-size:14px}
.top-strip .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.top-strip a{color:#e6fffb;text-decoration:none;font-weight:800}
.top-login{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 9px;background:rgba(255,255,255,.10)}
.language{display:flex;gap:6px;flex-wrap:wrap}
.language button,.menu,.card,.part-box,.page-panel,.subpage-hero-box,.photo,.ill,.map,.faq details{border-radius:8px}
.language button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:white;padding:6px 10px;cursor:pointer;font-weight:800}
.language button.active{background:#fff;color:#063b38}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav .wrap{padding:10px 0}
.nav{box-shadow:0 6px 24px rgba(13,27,42,.06)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900;min-width:0}
.brand img{border-radius:8px}
.brand img{width:54px;height:54px;object-fit:contain}
.brand span{min-width:0}
.brand strong{display:block;line-height:1.15}
.brand small{display:block;color:var(--brand2);font-weight:800;margin-top:2px}
.navlinks{display:flex;gap:12px;align-items:center}
.navlinks a{color:#102033;text-decoration:none;font-weight:800;font-size:15px;white-space:nowrap}
.navlinks a.nav-home,.navlinks a.nav-location{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  min-width:40px;
  padding-inline:0;
  font-size:0;
}
.navlinks a.nav-home:before,.navlinks a.nav-location:before{
  content:"";
  width:20px;
  height:20px;
  background:currentColor;
  display:block;
}
.navlinks a.nav-home:before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.navlinks a.nav-location:before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-12a7 7 0 0 0-14 0c0 5.7 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-12a7 7 0 0 0-14 0c0 5.7 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.navlinks a.nav-appointment{
  color:#fff;
  padding:7px 13px;
  border:1px solid #d96b55;
  border-radius:999px;
  background:linear-gradient(135deg,#d96b55,#f0b33b);
  box-shadow:0 10px 22px rgba(217,107,85,.24);
}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.navlinks a:hover:after{transform:scaleX(1)}
.navlinks a.nav-appointment:after{display:none}
.menu{display:none;border:1px solid var(--line);background:white;padding:8px 10px;font-weight:900}
.fb-nav{
  position:sticky;
  top:0;
  z-index:55;
  background:#fff;
  border-bottom:1px solid #dce7ef;
  box-shadow:0 6px 22px rgba(13,27,42,.08);
  transform:translateY(0);
  transition:transform .24s ease, box-shadow .24s ease;
  will-change:transform;
}
.fb-nav.is-scroll-hidden{
  transform:translateY(calc(-100% - 4px));
  box-shadow:none;
  pointer-events:none;
}
.fb-nav-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0 6px;
}
.fb-clinic-brand{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:10px;
  color:#075b54;
  text-decoration:none;
}
.fb-clinic-logo{
  flex:0 0 auto;
  width:46px;
  height:46px;
  display:block;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  border:1px solid #d7e7e4;
  box-shadow:0 8px 18px rgba(13,27,42,.10);
}
.fb-clinic-name{
  display:block;
  min-width:0;
  color:#075b54;
  text-decoration:none;
  font-size:clamp(22px,3.8vw,34px);
  line-height:1;
  font-weight:900;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fb-whatsapp{
  flex:0 0 auto;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  border-radius:50%;
  background:#25d366;
  border:2px solid #eafff3;
  box-shadow:0 10px 24px rgba(37,211,102,.30);
}
.fb-whatsapp svg{
  width:28px;
  height:28px;
  display:block;
}
.fb-whatsapp .whatsapp-bubble{
  fill:#fff;
}
.fb-whatsapp .whatsapp-phone{
  fill:#25d366;
}
.fb-nav-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding:0 0 8px;
}
.fb-tab{
  min-width:0;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  color:#102033;
  border-radius:8px;
  border:1px solid #dbe8ee;
  background:#f0f2f5;
  font-size:15px;
  font-weight:900;
}
.fb-tab-primary{
  color:#fff;
  border-color:#d96b55;
  background:linear-gradient(135deg,#d96b55,#f0b33b);
  box-shadow:0 8px 18px rgba(217,107,85,.22);
}
.story-strip{
  background:#f0f2f5;
  border-bottom:1px solid #dce7ef;
  padding:9px 0 10px;
}
.story-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:1px 0 3px;
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.story-row::-webkit-scrollbar{display:none}
.story-card{
  position:relative;
  flex:0 0 104px;
  height:142px;
  overflow:hidden;
  border-radius:8px;
  color:#fff;
  text-decoration:none;
  background:#102033;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 8px 22px rgba(13,27,42,.16);
  scroll-snap-align:start;
}
.story-card video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0f172a;
}
.story-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,43,41,.08),rgba(5,43,41,.06) 45%,rgba(5,43,41,.84));
  z-index:1;
}
.story-card:after{
  content:"";
  position:absolute;
  top:7px;
  left:7px;
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid #fff;
  background:url("../images/logo.jpg") center/cover no-repeat;
  z-index:2;
}
.story-card span{
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  z-index:2;
  font-size:12px;
  line-height:1.15;
  font-weight:900;
  text-shadow:0 1px 4px rgba(0,0,0,.45);
}
.story-viewer{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(3,10,18,.88);padding:18px}
.story-viewer.is-open{display:flex}
.story-viewer video{max-width:min(420px,92vw);max-height:88vh;width:auto;height:auto;border-radius:14px;background:#000;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.story-viewer-close,.story-viewer-nav{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#0f172a;cursor:pointer;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.story-viewer-close{top:16px;right:16px;width:42px;height:42px;font-size:28px;line-height:1}
.story-viewer-nav{top:50%;width:46px;height:46px;transform:translateY(-50%);font-size:34px;line-height:1}
.story-viewer-prev{left:16px}
.story-viewer-next{right:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:900;border-radius:999px;padding:13px 20px;border:1px solid transparent;cursor:pointer;min-height:46px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),#13b8a9);box-shadow:0 12px 28px rgba(3,157,147,.24)}
.btn-appointment{
  color:#fff;
  border-color:#d96b55;
  background:linear-gradient(135deg,#d96b55,#f0b33b);
  box-shadow:0 12px 28px rgba(217,107,85,.26);
}
.btn-dark{
  color:#0b1f3a;
  border-color:#d6dff0;
  background-color:#fff;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 90'%3E%3Cg transform='translate(110 45)' fill='none' stroke='%23000080' stroke-opacity='.22'%3E%3Ccircle r='28' stroke-width='4'/%3E%3Ccircle r='5' fill='%23000080' fill-opacity='.16' stroke='none'/%3E%3Cg stroke-width='2'%3E%3Cpath d='M0 -28v22M0 6v22'/%3E%3Cpath d='M-28 0h22M6 0h22'/%3E%3Cpath d='M-20 -20l15 15M5 5l15 15'/%3E%3Cpath d='M20 -20L5 -5M-5 5l-15 15'/%3E%3Cpath d='M-11 -26l8 20M3 6l8 20'/%3E%3Cpath d='M11 -26l-8 20M-3 6l-8 20'/%3E%3Cpath d='M-26 -11l20 8M6 3l20 8'/%3E%3Cpath d='M26 -11L6 -3M-6 3l-20 8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(90deg,rgba(255,153,51,.22),rgba(255,255,255,.92) 32%,rgba(255,255,255,.96) 68%,rgba(19,136,8,.20));
  background-repeat:no-repeat;
  background-size:170px 70px,100% 100%;
  background-position:center,center;
  box-shadow:0 12px 28px rgba(11,31,58,.12);
  text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.9);
}
.btn-outline{border-color:#a8dcd7;color:#075b54;background:#fff}
.btn-soft{background:#ecfbf8;color:#075b54;border-color:#cdeeea}
.btn-call,.btn-gold{
  position:relative;
  overflow:hidden;
  color:#062f2d;
  border-color:#78c9ad;
  background-color:#fff;
  background-image:
    radial-gradient(ellipse at center,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.46) 55%,rgba(255,255,255,0) 72%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 90' preserveAspectRatio='none'%3E%3Cpath d='M0 74 L70 42 L135 55 L205 18 L285 64 L365 30 L445 60 L530 20 L600 64 L600 90 L0 90 Z' fill='%231f8a5b' fill-opacity='.48'/%3E%3Cpath d='M0 82 L92 58 L170 69 L246 45 L338 74 L425 50 L510 72 L600 54 L600 90 L0 90 Z' fill='%23076b62' fill-opacity='.28'/%3E%3Cpath d='M205 18 L231 48 L190 42 Z M365 30 L389 52 L348 48 Z M530 20 L553 46 L512 42 Z' fill='%23ffffff' fill-opacity='.62'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#ffffff 0%,#f7fffb 100%);
  background-repeat:no-repeat;
  background-size:100% 100%,100% 92%,100% 100%;
  background-position:center,bottom,center;
  text-shadow:0 1px 0 #fff,0 0 8px #fff,0 0 14px rgba(255,255,255,.96);
}
.part{padding:24px 0}
.part:first-of-type{padding-top:34px}
.part-box,.page-panel,.subpage-hero-box{
  background:rgba(255,255,255,.97);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.part:nth-of-type(2n) .part-box{background:linear-gradient(180deg,#ffffff,#f7fffc)}
.part:nth-of-type(3n) .part-box{background:linear-gradient(180deg,#ffffff,#fffaf0)}
.part-box{padding:42px}
.page-panel{padding:32px}
.subpage-hero-box{padding:38px 42px;margin-top:26px}
.part-box:before,.page-panel:before,.subpage-hero-box:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--brand),var(--gold),var(--coral),var(--blue))}
.part-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}
.part-header .copy{max-width:800px}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#e8fffb;border:1px solid #ade9e2;color:#09635c;padding:7px 12px;font-weight:900;font-size:13px}
h1,.hero h1{font-size:64px;line-height:.98;letter-spacing:0;margin:18px 0}
h2,.section h2{font-size:42px;line-height:1.08;letter-spacing:0;margin:10px 0 12px}
h3{letter-spacing:0}
.lead{font-size:22px;color:#44576d;max-width:840px}
.sub{color:#566a80;max-width:820px}
.hero-box{padding-top:44px}
.hero-part .wrap{display:grid;gap:16px}
.fb-post{
  background:#fff;
  border-color:#dbe7ec;
  box-shadow:0 8px 24px rgba(13,27,42,.10);
}
.hero-copy-post{max-width:920px}
.doctor-post{padding:22px}
.doctor-post .doctor-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:stretch;
}
.doctor-post .doctor-visual,
.doctor-post .quick-card{height:100%}
.doctor-post .quick-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.trust-strip,.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.hero-box .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-tile,.impact-tile{
  border:1px solid #dce8ef;
  background:linear-gradient(180deg,#ffffff,#f8fffd);
  border-radius:8px;
  padding:18px;
  min-height:118px;
}
.stat-tile{
  aspect-ratio:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid #b6e7df;
  background:radial-gradient(circle at 50% 24%,#ffffff 0%,#f0fffb 48%,#fff8e8 100%);
  box-shadow:0 20px 42px rgba(3,157,147,.20),inset 0 0 0 1px rgba(255,255,255,.85);
}
.stat-tile b{display:block;font-size:34px;line-height:1.04;margin-bottom:9px;color:#081827;font-weight:900}
.stat-tile span{display:block;color:#49657d;font-size:16px;line-height:1.28;font-weight:700}
.impact-tile b{display:block;font-size:26px;line-height:1.1;margin-bottom:6px;color:#102033}
.impact-tile span{display:block;color:#5d7189;font-size:14px}
.card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfffd);
  box-shadow:0 10px 28px rgba(13,27,42,.07);
}
.card:hover{box-shadow:0 16px 34px rgba(13,27,42,.10)}
.treatment-card,.route-card,.media-stack{display:flex;flex-direction:column;gap:12px}
.treatment-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-top:0;
  padding:18px;
  background:
    radial-gradient(circle at 88% 0%,rgba(3,157,147,.12),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fffd 68%,#fff9ed 100%);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.treatment-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--brand),#7ddbd3);
}
.treatment-card:after{
  content:"";
  position:absolute;
  right:-50px;
  bottom:-70px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:rgba(3,157,147,.07);
  z-index:-1;
}
.treatment-card:hover{
  transform:translateY(-5px);
  border-color:#ace7df;
  box-shadow:0 22px 48px rgba(13,27,42,.14);
}
.treatment-card:nth-child(2):before{background:linear-gradient(90deg,var(--gold),#ffe2a1)}
.treatment-card:nth-child(3):before{background:linear-gradient(90deg,var(--coral),#f4b7a7)}
.treatment-card:nth-child(4):before{background:linear-gradient(90deg,var(--blue),#93c5fd)}
.treatment-card h3{
  font-size:clamp(24px,2.1vw,31px);
  line-height:1.04;
  margin:0;
  color:#0b1a2b;
}
.treatment-card p{
  margin:0;
  color:#42566b;
  font-size:15px;
  line-height:1.45;
  font-weight:650;
}
.treatment-kicker{
  color:#09635c;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.symptom-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:2px 0 0;
  padding:0;
  list-style:none;
}
.symptom-chips li{
  border:1px solid #cdeeea;
  border-radius:999px;
  background:#f2fffc;
  color:#075b54;
  padding:5px 8px;
  font-size:12px;
  line-height:1;
  font-weight:850;
}
.treatment-card .btn{
  margin-top:auto;
  border-color:#9adbd4;
  background:linear-gradient(135deg,#ffffff,#ecfffb);
  color:#075b54;
  box-shadow:0 10px 22px rgba(3,157,147,.10);
}
.treatment-card:hover .btn{
  background:linear-gradient(135deg,var(--brand),#13b8a9);
  color:#fff;
  border-color:transparent;
}
.treatment-visual{
  margin:0;
  border:1px solid #d6eee9;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f7fffc);
  overflow:hidden;
  aspect-ratio:1.2/1;
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
.treatment-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.ill,.photo{border:1px solid #d6eee9}
.ill{background:linear-gradient(135deg,#dff8f4,#fff4d5);color:#0f766e;text-align:center}
.video{border-radius:8px;background:linear-gradient(135deg,#0f172a,#164e63);box-shadow:0 14px 32px rgba(13,27,42,.12)}
.video:before{content:"";position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background:#fff}
.video:after{content:"";position:absolute;top:33px;left:37px;border-left:13px solid #0f172a;border-top:9px solid transparent;border-bottom:9px solid transparent}
.review-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-height:430px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:auto;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  padding:4px 8px 12px 4px;
  scrollbar-color:#80d6cf #eefbf9;
}
.review-video-grid::-webkit-scrollbar{width:8px}
.review-video-grid::-webkit-scrollbar-track{background:#eefbf9;border-radius:999px}
.review-video-grid::-webkit-scrollbar-thumb{background:#80d6cf;border-radius:999px}
.review-video-card{
  display:grid;
  gap:9px;
  padding:10px;
  margin:0;
  min-width:0;
  border:1px solid #cdeeea;
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fffd 64%,#fff9ec 100%);
  box-shadow:0 14px 30px rgba(13,27,42,.08);
  align-content:start;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.review-video-card.is-playing{
  grid-column:1/-1;
  border-color:#0faaa0;
  background:linear-gradient(180deg,#ffffff 0%,#edfffc 58%,#fff6df 100%);
  box-shadow:0 20px 44px rgba(3,82,76,.18);
}
.review-video-card.is-playing b{font-size:19px}
.review-video-card small{
  color:#09635c;
  font-size:13px;
  font-weight:900;
  line-height:1.2;
}
.review-video-card b{
  color:#102033;
  font-size:16px;
  line-height:1.2;
}
.video-embed{
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid #d7e7e4;
  border-radius:8px;
  background:#0f172a;
}
.review-video-card:not(.is-playing) .video-embed{
  aspect-ratio:auto;
  height:150px;
}
.video-embed.reel-embed{
  aspect-ratio:auto;
  width:100%;
  height:150px;
  margin-inline:auto;
}
.review-video-card.is-playing .video-embed{
  aspect-ratio:16/9;
}
.review-video-card.is-playing .video-embed.reel-embed{
  aspect-ratio:auto;
  width:min(100%,300px);
  height:min(58vh,430px);
}
.video-embed iframe,
.video-embed video{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#0f172a;
}
.youtube-local-fallback{
  width:100%;
  height:100%;
  min-height:150px;
  display:grid;
  place-items:center;
  gap:10px;
  padding:18px;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg,#102033,#263445);
}
.youtube-local-fallback span{
  display:block;
  color:#dbeafe;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}
.youtube-local-fallback a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:#fff;
  color:#075b54;
  font-weight:900;
  text-decoration:none;
}
.video-fallback{
  justify-self:start;
  color:#075b54;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
.hero-actions,.call-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.split,.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.content-grid{grid-template-columns:1.15fr .85fr}
.info-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.info-list li{background:#f8fffd;border:1px solid #dcefeb;border-radius:8px;padding:13px 14px;color:#243447}
.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.check-list li{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px 12px 38px;color:#334155}
.check-list li:before{content:"";position:absolute;left:14px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--brand)}
.avoid-list li:before{background:var(--coral)}
.soft-list li{
  background:linear-gradient(135deg,#ffffff,#f3fffc);
  border-color:#cdeeea;
}
.disease-detail-card{
  display:grid;
  gap:18px;
}
.disease-detail-card h2{
  margin:10px 0 -4px;
  font-size:clamp(25px,3vw,34px);
}
.disease-detail-card p{
  color:#40576d;
  font-size:17px;
  line-height:1.62;
  margin:0;
}
.disease-diagram{
  display:grid;
  gap:8px;
  margin:0 0 6px;
  overflow:hidden;
  border:1px solid #d6eee9;
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#f8fffd);
  box-shadow:0 12px 28px rgba(13,27,42,.07);
}
.disease-diagram img{
  display:block;
  width:100%;
  max-height:380px;
  object-fit:contain;
  background:#fff;
}
.disease-diagram figcaption{
  padding:0 14px 12px;
  color:#075b54;
  font-size:13px;
  font-weight:900;
}
.disease-faq details{
  background:linear-gradient(180deg,#ffffff,#f8fffd);
  border-color:#cdeeea;
  box-shadow:0 8px 18px rgba(13,27,42,.04);
}
.disease-faq summary{
  color:#102033;
}
#clinic-photos .wrap{display:grid;gap:16px}
.comparison-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.merged-comparison{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.merged-comparison .part-header{margin-bottom:18px}
.faq-post{padding:32px 42px}
.faq-post .faq h3{margin:0 0 14px}
.table-scroll{overflow-x:auto;border-radius:8px}
.compare{min-width:720px;border-radius:8px}
.compare th{background:#073b38}
.compare tr:nth-child(even) td{background:#fbfffe}
.map{height:410px}
.timeline{border-left:3px solid #a7eee6;padding-left:18px}
.timeline p{margin:0 0 16px}
.form,.review-form{display:grid;gap:12px}
.review-wall .review-list{
  display:grid;
  gap:10px;
  align-content:start;
}
.review-wall .review-card{
  padding:13px 15px;
  min-height:96px;
}
.review-wall .review-toggle{
  margin-top:12px;
}
.form input,.form textarea,.form select,.review-form input,.review-form textarea,.review-form select{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  padding:14px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.form textarea,.review-form textarea{resize:vertical}
#appointment .appointment-label-row{margin-bottom:14px}
#appointment .appointment-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:20px;
  padding:30px;
  border:4px solid #f0b33b;
  border-radius:8px;
  background:
    radial-gradient(circle at 8% 0%,rgba(240,179,59,.46),transparent 34%),
    radial-gradient(circle at 96% 16%,rgba(217,107,85,.32),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(18,184,173,.22),transparent 42%),
    linear-gradient(135deg,#fff6cb 0%,#e8fffb 48%,#eef6ff 100%);
  box-shadow:0 30px 86px rgba(217,107,85,.26),0 18px 54px rgba(3,82,76,.23),0 0 0 10px rgba(240,179,59,.20);
}
#appointment .appointment-panel:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:10px;
  background:linear-gradient(90deg,#07998f,#f0b33b,#d96b55,#2563eb);
}
#appointment .appointment-panel:after{
  content:"";
  position:absolute;
  right:-64px;
  bottom:-72px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(240,179,59,.22);
}
#appointment .appointment-copy,#appointment .form{position:relative;z-index:1}
#appointment .appointment-copy h2{position:relative;font-size:40px;line-height:1.04;margin:12px 0 10px;padding-left:20px;color:#071827;text-shadow:0 1px 0 #fff}
#appointment .appointment-copy h2:before{content:"";position:absolute;left:0;top:.05em;bottom:.05em;width:8px;border-radius:999px;background:linear-gradient(180deg,#d96b55,#f0b33b,#07998f)}
#appointment .appointment-copy .sub{margin:0;color:#1f4863;font-size:20px;font-weight:800}
#appointment .form{padding:18px;border:1px solid rgba(240,179,59,.42);border-radius:8px;background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
#appointment .form input,#appointment .form textarea,#appointment .form select{background:rgba(255,255,255,.98);border:2px solid #5fcfc5;box-shadow:0 10px 26px rgba(3,82,76,.10)}
#appointment .form input:focus,#appointment .form textarea:focus,#appointment .form select:focus{outline:3px solid rgba(240,179,59,.34);border-color:#12b8ad}
#appointment .form .btn{margin-top:6px;min-height:62px;font-size:19px;background:linear-gradient(135deg,#d96b55,#f0b33b 44%,#07998f);box-shadow:0 18px 42px rgba(217,107,85,.32),0 10px 28px rgba(3,157,147,.26)}
.date-field{position:relative}
.date-field span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1;font-size:16px;font-weight:500;color:#777;pointer-events:none}
.date-field input{color:transparent}
.date-field input::-webkit-datetime-edit{color:transparent}
.date-field input:focus{color:transparent}
.date-field.has-value span{display:none}
.date-field.has-value input{color:var(--ink)}
.date-field.has-value input::-webkit-datetime-edit{color:var(--ink)}
.call-card{background:linear-gradient(135deg,#f8fffd,#fff7e5)}
.call-card .call-whatsapp-btn{
  width:100%;
  color:#fff;
  background:linear-gradient(135deg,#07998f,#20c7b9);
  box-shadow:0 16px 34px rgba(3,157,147,.26);
}
.floating-whatsapp .btn{box-shadow:0 14px 40px rgba(3,157,147,.35)}
.flow-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.flow-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.flow-reveal,.navlinks a:after{transition:none}
  .flow-reveal{opacity:1;transform:none}
}
@media(max-width:960px){
  html{scroll-padding-top:116px}
  body{font-size:18px;line-height:1.62}
  .top-strip{font-size:13px}
  .top-strip .wrap{align-items:center;flex-direction:row;flex-wrap:nowrap;padding:5px 0;gap:8px}
  .top-strip .wrap > div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
  .language{flex:0 0 auto;gap:4px}
  .language button{padding:4px 7px;font-size:12px;line-height:1.1}
  .top-login{padding:2px 7px}
  .nav .wrap{padding:6px 0;display:grid;grid-template-columns:minmax(225px,34%) minmax(0,1fr);column-gap:10px;align-items:center}
  .brand{gap:8px;min-width:0}
  .brand img{width:40px;height:40px}
  .brand strong,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand strong{font-size:15px;line-height:1.08}
  .brand small{font-size:13px;line-height:1.1}
  .menu{display:none}
  .navlinks,.navlinks.open{
    position:static;
    display:flex;
    width:100%;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
    padding:2px 0 0;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:29px;
    padding:5px 8px;
    border:1px solid #cdeeea;
    border-radius:999px;
    background:#f8fffd;
    color:#075b54;
    font-size:12.5px;
  }
  .navlinks a.nav-appointment{
    color:#fff;
    padding:5px 10px;
    border-color:#d96b55;
  }
  .navlinks a:after{display:none}
  .hero-grid,.split,.content-grid,.review-wall,.comparison-grid{grid-template-columns:1fr}
  .doctor-post .doctor-panel{grid-template-columns:1fr}
  .grid4,.grid3,.video-grid,.trust-gallery,.trust-strip,.impact-grid{grid-template-columns:1fr}
  .btn,
  .story-card span,
  .doctor-profile h3,
  .doctor-profile .doctor-profile-credential,
  .doctor-profile-list li,
  .doctor-profile-list .clinic-scroll li,
  .review-card,
  .review-card p,
  .call-card p,
  .call-card a{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
  }
  .btn{
    white-space:normal;
    line-height:1.18;
  }
  .doctor-profile-body{
    padding:16px 14px;
    display:grid;
    gap:10px;
  }
  .doctor-profile h3{
    font-size:22px;
    line-height:1.15;
    margin:0;
  }
  .doctor-profile .doctor-profile-credential{
    margin:0;
    font-size:14px;
    line-height:1.25;
  }
  .doctor-profile-list li{
    white-space:normal;
    line-height:1.35;
  }
  .doctor-profile-list .clinic-scroll{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    overflow:visible;
    scroll-snap-type:none;
    padding:0;
  }
  .doctor-profile-list .clinic-scroll li{
    flex:1 1 auto;
    white-space:normal;
    min-width:0;
    width:100%;
  }
  .doctor-profile .doctor-call{
    width:100%;
    white-space:normal;
    padding-inline:12px;
  }
  .trust-strip{
    grid-template-columns:repeat(3,minmax(112px,1fr));
    gap:10px;
    align-items:start;
  }
  .stat-tile{
    aspect-ratio:1;
    min-height:0;
    border-radius:8px;
    padding:14px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:radial-gradient(circle at 50% 24%,#ffffff 0%,#f0fffb 48%,#fff8e8 100%);
    box-shadow:0 18px 38px rgba(3,157,147,.20),inset 0 0 0 1px rgba(255,255,255,.85);
  }
  .stat-tile b{font-size:30px;margin-bottom:8px}
  .stat-tile span{font-size:15px;line-height:1.25}
  #treatments .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .treatment-card{padding:13px;gap:8px}
  .treatment-card .treatment-visual{aspect-ratio:1.18/1}
  .treatment-card .ill{height:78px;min-height:78px;font-size:16px;padding:8px}
  .treatment-card h3{font-size:20px;margin:0}
  .treatment-card p{font-size:13.5px;line-height:1.32;margin-bottom:2px}
  .treatment-kicker{font-size:10.5px}
  .symptom-chips{gap:4px}
  .symptom-chips li{font-size:10.5px;padding:4px 6px}
  .treatment-card .btn{min-height:38px;padding:8px 9px;font-size:12px;line-height:1.15}
  #clinic-photos .part-box{padding-bottom:16px}
  #clinic-photos .trust-gallery{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
  #clinic-photos .photo{min-height:84px;height:84px;padding:8px;font-size:13px}
  .merged-comparison{margin-top:18px;padding-top:18px}
  #appointment .split{gap:14px}
  #appointment .appointment-panel{gap:13px;padding:16px}
  #appointment .appointment-copy h2{font-size:29px;margin:9px 0 6px}
  #appointment .appointment-copy .sub{font-size:16px;line-height:1.45}
  #appointment .form{gap:9px}
  #appointment .form input,
  #appointment .form textarea,
  #appointment .form select{padding:11px 12px;font-size:15px}
  #appointment .call-card{padding:16px}
  #appointment .call-card h3{font-size:22px;margin-bottom:10px}
  #appointment .call-card p{margin:8px 0}
  .part{padding:14px 0}
  .part-box,.page-panel,.subpage-hero-box{padding:24px 18px}
  .part-header{display:block;margin-bottom:18px}
  h1,.hero h1{font-size:42px;line-height:1.02}
  h2,.section h2{font-size:30px;line-height:1.12}
  h3{font-size:22px}
  .lead{font-size:20px;line-height:1.55}
  .sub{font-size:17px}
  .btn{width:100%;padding:14px 18px;min-height:50px}
  .hero-actions,.call-row{gap:10px}
  .hero-actions .btn,
  .call-row .btn{
    width:100%;
    flex:1 1 100%;
    min-width:0;
    padding:12px 13px;
    text-align:center;
    white-space:normal;
    line-height:1.18;
  }
  .card{padding:18px}
  .disease-detail-card{gap:14px}
  .disease-detail-card h2{font-size:27px}
  .disease-detail-card p{font-size:16px;line-height:1.5}
  .disease-diagram img{max-height:300px}
  .impact-tile{min-height:auto}
  .impact-tile b{font-size:24px}
  .ill{min-height:150px;height:auto}
  .video{min-height:164px}
  .map{height:360px}
  .brand strong{font-size:15px}
  .brand small{font-size:13px}
  .floating-whatsapp{right:12px;bottom:12px}
  .floating-whatsapp .btn{width:auto;padding:12px 15px}
}
@media(max-width:480px){
  .wrap{width:min(100% - 24px,1180px)}
  h1,.hero h1{font-size:36px}
  h2,.section h2{font-size:27px}
  .lead{font-size:19px}
  .part-box,.page-panel,.subpage-hero-box{padding:22px 14px}
  .disease-detail-card h2{font-size:24px}
  .disease-detail-card p{font-size:15px}
  .disease-diagram img{max-height:230px}
  .disease-diagram figcaption{font-size:12px;padding:0 10px 10px}
  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-tile{padding:9px 6px}
  .stat-tile b{font-size:21px;margin-bottom:6px}
  .stat-tile span{font-size:12px}
  #clinic-photos .trust-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  #clinic-photos .photo{height:76px;min-height:76px}
  .merged-comparison{margin-top:16px;padding-top:16px}
  #treatments .grid4{gap:10px}
  .treatment-card{padding:10px;gap:7px}
  .treatment-card .treatment-visual{aspect-ratio:1/1}
  .treatment-card .ill{height:68px;min-height:68px;font-size:14px}
  .treatment-card h3{font-size:18px}
  .treatment-card p{display:block;font-size:12px;line-height:1.28}
  .treatment-kicker{font-size:9.5px}
  .symptom-chips li{font-size:9.5px;padding:4px 5px}
  .top-strip{font-size:12px}
  .language button{padding:4px 6px;font-size:11px}
  .brand img{width:36px;height:36px}
  .brand strong{font-size:14px}
  .brand small{font-size:12px}
  .nav .wrap{grid-template-columns:1fr;row-gap:3px}
  .navlinks a{font-size:12px;padding:5px 7px;min-height:28px}
  .navlinks a.nav-appointment{padding:5px 8px}
  #appointment .appointment-panel{padding:14px 10px}
  #appointment .appointment-copy h2{font-size:26px}
  .date-field span{font-size:14px;left:11px}
}
@media(max-width:840px){
  html{scroll-padding-top:88px}
  .nav .wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    padding:3px 0;
  }
  .brand{gap:6px;width:auto;flex:1 1 auto;min-width:112px;overflow:hidden}
  .brand img{width:31px;height:31px;flex:0 0 auto}
  .brand strong{font-size:13px;line-height:1.05}
  .brand small{display:none}
  .navlinks,.navlinks.open{
    display:flex;
    flex:0 1 auto;
    width:auto;
    flex-wrap:nowrap;
    gap:4px;
    overflow-x:auto;
    padding:0;
    max-width:calc(100vw - 132px);
    justify-content:flex-end;
  }
  .navlinks a{
    width:auto;
    min-width:0;
    min-height:29px;
    padding:4px 7px;
    white-space:nowrap;
    overflow-wrap:normal;
    text-align:center;
    line-height:1;
    font-size:11.5px;
  }
  .navlinks a.nav-home,.navlinks a.nav-location{width:29px;min-width:29px;padding:4px 0}
  .navlinks a.nav-home:before,.navlinks a.nav-location:before{width:16px;height:16px}
  .navlinks a:not(.nav-appointment){flex:0 1 auto}
  .navlinks a.nav-appointment{
    flex:0 0 auto;
    order:10;
    position:sticky;
    right:0;
    z-index:2;
    padding:4px 9px;
    box-shadow:0 8px 16px rgba(217,107,85,.22);
  }
}
@media(max-width:520px){
  .fb-nav-top{padding:7px 0 5px}
  .fb-clinic-name{font-size:21px}
  .fb-whatsapp{width:40px;height:40px;font-size:12px}
  .fb-nav-tabs{gap:5px;padding-bottom:7px}
  .fb-tab{min-height:34px;font-size:13px}
  .story-strip{padding:7px 0 8px}
  .story-card{flex-basis:88px;height:122px}
  .story-card:after{width:24px;height:24px}
  .story-card span{font-size:10.5px;left:7px;right:7px;bottom:7px}
  .story-viewer{padding:10px}
  .story-viewer video{max-width:100%;max-height:86vh}
  .story-viewer-nav{width:40px;height:40px;font-size:30px}
  .story-viewer-prev{left:8px}
  .story-viewer-next{right:8px}
  html{scroll-padding-top:104px}
  .wrap{width:min(100% - 20px,1180px)}
  .top-strip .wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    padding:5px 0;
  }
  .top-strip .wrap > div:first-child{font-size:11px}
  .language{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .language::-webkit-scrollbar{display:none}
  .language button{flex:1 1 0;min-width:0}
  .nav .wrap{gap:3px}
  .brand{flex-basis:auto;min-width:88px;gap:4px}
  .brand img{width:27px;height:27px}
  .brand strong{font-size:11.5px}
  .navlinks,.navlinks.open{gap:3px;max-width:calc(100vw - 104px)}
  .navlinks a{
    min-height:28px;
    font-size:10.5px;
    padding:4px 5px;
  }
  .navlinks a.nav-home,.navlinks a.nav-location{width:27px;min-width:27px}
  .navlinks a.nav-home:before,.navlinks a.nav-location:before{width:15px;height:15px}
  .navlinks a.nav-appointment{font-size:10.5px;padding:4px 7px}
  .doctor-profile-image{max-height:220px;object-fit:cover}
  .doctor-profile-body{padding:14px 12px}
  .doctor-profile-list{gap:6px}
  .doctor-profile-list li{padding:9px 10px;font-size:14px}
  .doctor-profile-list .clinic-scroll{gap:6px}
  .doctor-profile-list .clinic-scroll li{padding:8px 10px;font-size:13px}
  .review-card{padding:14px 14px 12px}
  .review-card b,.review-card p,.review-card .pill{white-space:normal;overflow-wrap:anywhere}
  .review-card p{font-size:14px;line-height:1.45}
  .call-card p{margin:8px 0}
  .call-card .btn{width:100%;white-space:normal;line-height:1.18}
}
@media(max-width:960px){
  #patient-trust .review-video-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    max-height:390px;
  }
  .review-video-card{padding:8px}
  .review-video-card b{font-size:14px}
  .review-video-card:not(.is-playing) .video-embed,
  .video-embed.reel-embed{height:135px}
  .review-video-card.is-playing .video-embed.reel-embed{height:min(55vh,390px)}
}
@media(max-width:520px){
  #patient-trust .review-video-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:340px;
  }
  #patient-trust .review-video-card{padding:7px}
  .review-video-card:not(.is-playing) .video-embed,
  .video-embed.reel-embed{height:115px}
  .review-video-card small{font-size:11px}
  .review-video-card b{font-size:12px}
  .review-video-card.is-playing b{font-size:16px}
  .review-video-card.is-playing .video-embed.reel-embed{height:min(52vh,360px)}
}

/* Final mobile polish: this layer intentionally wins over older responsive rules. */
@media(max-width:640px){
  html{scroll-padding-top:96px}
  body{font-size:14px;line-height:1.45}
  .wrap{width:min(100% - 16px,1180px)}
  .part{padding:9px 0}
  .part-box,.page-panel,.subpage-hero-box{padding:16px 10px}
  h1,.hero h1{font-size:30px;line-height:1.05;margin:10px 0}
  h2,.section h2{font-size:22px;line-height:1.12;margin:7px 0 8px}
  h3{font-size:17px;line-height:1.16}
  p,.sub,.lead,li{font-size:14px;line-height:1.42}
  .pill{font-size:10px;padding:5px 8px;white-space:nowrap}
  .review-wall{gap:12px}
  .review-list-title{margin-bottom:8px}
  .review-wall .review-list{
    gap:8px;
    max-height:336px;
    padding-right:4px;
  }
  .review-wall .review-card{
    min-height:60px;
    padding:9px 10px;
  }
  .review-card b{
    display:inline-block;
    max-width:58%;
    font-size:12.5px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
  .review-card .pill{
    display:inline-block;
    max-width:40%;
    padding:4px 6px;
    font-size:9px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
  .review-card p{
    margin:5px 0 0;
    font-size:12px;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .fb-nav-top{padding:6px 0 4px}
  .fb-clinic-brand{gap:7px}
  .fb-clinic-logo{width:34px;height:34px}
  .fb-clinic-name{font-size:18px;line-height:1.05}
  .fb-whatsapp{width:34px;height:34px;font-size:10px}
  .fb-whatsapp svg{width:23px;height:23px}
  .fb-nav-tabs{
    grid-template-columns:36px minmax(54px,.8fr) minmax(104px,1.2fr) 36px;
    gap:4px;
    padding-bottom:6px;
  }
  .fb-tab{
    min-height:32px;
    padding:4px 7px;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .fb-tab-icon{
    font-size:0;
    padding:0;
  }
  .fb-tab-icon:before{
    content:"";
    width:18px;
    height:18px;
    display:block;
    background:currentColor;
  }
  .fb-tab-home:before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.8 12 3l9 7.8v9.7a1 1 0 0 1-1 1h-5.2v-6.2H9.2v6.2H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.8 12 3l9 7.8v9.7a1 1 0 0 1-1 1h-5.2v-6.2H9.2v6.2H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .fb-tab-location:before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7m0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7m0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  .btn,.form button,.review-form button{
    min-height:38px;
    width:100%;
    padding:9px 12px;
    font-size:12px;
    line-height:1;
    white-space:nowrap!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .hero-actions,.call-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
  .hero-actions .btn,.call-row .btn{width:100%;min-width:0;padding-inline:7px;font-size:11px}
  #appointment .form .btn{min-height:42px;font-size:12px;letter-spacing:0}

  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}
  .stat-tile{
    height:104px;
    min-height:104px;
    max-height:104px;
    aspect-ratio:auto;
    padding:10px 6px;
    overflow:hidden;
    border:1px solid #bfe7e0;
    background:linear-gradient(160deg,#ffffff,#eafffb 58%,#fff5dc);
    box-shadow:0 10px 22px rgba(3,82,76,.10),inset 0 0 0 1px rgba(255,255,255,.9);
  }
  .stat-tile b{font-size:18px;line-height:1.04;margin:0 0 5px}
  .stat-tile span{font-size:10.5px;line-height:1.18;font-weight:900;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  .doctor-profile-image{max-height:200px;object-fit:cover}
  .doctor-profile-body{padding:13px 11px;gap:8px}
  .doctor-profile h3{font-size:20px;line-height:1.1}
  .doctor-profile .doctor-profile-credential{font-size:12px}
  .doctor-profile-list{gap:6px;margin-bottom:8px}
  .doctor-profile-list li{padding:8px 9px;font-size:12.5px;line-height:1.28}
  .doctor-profile-list .clinic-scroll{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    max-height:76px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:4px;
    scroll-snap-type:y proximity;
  }
  .doctor-profile-list .clinic-scroll li{
    min-height:34px;
    padding:7px 9px;
    font-size:12px;
    line-height:1.2;
    scroll-snap-align:start;
  }
  .doctor-profile .doctor-call{
    min-height:42px;
    color:#fff;
    border:0;
    background:linear-gradient(135deg,#d96b55,#f0b33b 45%,#039d93);
    box-shadow:0 14px 32px rgba(217,107,85,.26),0 8px 20px rgba(3,157,147,.18);
  }

  #treatments .part-header{margin-bottom:12px}
  #treatments .part-header h2{font-size:20px}
  #treatments .part-header .sub{font-size:12px;line-height:1.25}
  #treatments .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .treatment-card{
    height:226px;
    min-height:226px;
    padding:9px;
    gap:6px;
    overflow:hidden;
  }
  .treatment-card .treatment-visual{height:112px;aspect-ratio:auto;margin:0}
  .treatment-card .treatment-visual img{height:100%;object-fit:contain}
  .treatment-kicker{font-size:9.5px;line-height:1.1;letter-spacing:.04em}
  .treatment-card h3{
    font-size:14.5px;
    line-height:1.12;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .treatment-card p{
    display:none;
  }
  .symptom-chips{gap:4px;margin:0}
  .symptom-chips li{font-size:9px;line-height:1;padding:4px 6px}
  .treatment-card .btn{
    min-height:31px;
    padding:7px 8px;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #appointment .appointment-panel{padding:13px 9px;gap:9px}
  #appointment .appointment-copy h2{font-size:22px;line-height:1.1;margin:5px 0}
  #appointment .appointment-copy .sub{font-size:12.5px;line-height:1.35}
  #appointment .form{padding:10px;gap:8px}
  #appointment .form input,#appointment .form textarea,#appointment .form select{
    min-height:39px;
    padding:9px 10px;
    font-size:13px;
  }
  .date-field span{
    position:static;
    display:block;
    transform:none;
    margin:0 0 4px;
    font-size:11px;
    line-height:1.1;
    color:#40566d;
  }
  .date-field input,
  .date-field input:focus,
  .date-field input::-webkit-datetime-edit,
  .date-field.has-value input,
  .date-field.has-value input::-webkit-datetime-edit{
    color:var(--ink)!important;
  }
  .date-field.has-value span{display:block}

  .comparison-grid,.table-scroll{width:100%;max-width:100%;overflow:hidden}
  .compare{
    width:100%;
    min-width:0!important;
    table-layout:fixed;
    font-size:10.5px;
    line-height:1.22;
  }
  .compare th,.compare td{
    padding:7px 4px;
    overflow-wrap:anywhere;
    word-break:normal;
    vertical-align:top;
  }
}

@media(max-width:370px){
  body{font-size:13.5px}
  .fb-clinic-logo{width:30px;height:30px}
  .fb-clinic-name{font-size:16px}
  .fb-tab{font-size:10px;padding-inline:5px}
  .fb-nav-tabs{grid-template-columns:34px minmax(48px,.72fr) minmax(92px,1.28fr) 34px}
  .hero-actions .btn,.call-row .btn{font-size:10px}
  .stat-tile{height:98px;min-height:98px;max-height:98px;padding:8px 4px}
  .stat-tile b{font-size:16px}
  .stat-tile span{font-size:9.5px}
  .treatment-card{height:218px;min-height:218px}
  .treatment-card .treatment-visual{height:104px}
  .treatment-card h3{font-size:13.5px}
  .symptom-chips li{font-size:8px;padding:3px 4px}
  .compare{font-size:9.5px}
}

.fb-tab-icon{
  font-size:0;
  padding-inline:0;
}
.fb-tab-icon:before{display:none!important}
.fb-tab-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
  flex:0 0 auto;
}

.floating-video-player{
  position:fixed;
  left:14px;
  bottom:82px;
  z-index:75;
  width:124px;
  aspect-ratio:9/16;
  border:2px solid #fff;
  border-radius:16px;
  overflow:hidden;
  background:#0f172a;
  box-shadow:0 18px 46px rgba(13,27,42,.28);
  touch-action:none;
  cursor:grab;
  transition:transform .24s ease,opacity .24s ease;
}
.floating-video-player.is-dragging{
  cursor:grabbing;
  transition:none;
}
.floating-video-player video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#0f172a;
}
.review-lazy-media{
  width:100%;
  min-height:220px;
  border:0;
  border-radius:18px;
  display:grid;
  place-items:center;
  gap:10px;
  color:#fff;
  background:linear-gradient(135deg,#063b38,#0f766e);
  background-size:cover;
  background-position:center;
  cursor:pointer;
  font:inherit;
  font-weight:900;
  overflow:hidden;
  position:relative;
}
.review-lazy-media:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.72));
}
.review-lazy-media span,
.review-lazy-media b{
  position:relative;
  z-index:1;
}
.review-lazy-media span{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  color:#063b38;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
}
.reel-embed .review-lazy-media{
  min-height:476px;
}
.floating-video-player:not(.is-expanded) video{
  pointer-events:none;
}
.floating-video-player:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:44%;
  background:linear-gradient(180deg,transparent,rgba(2,6,23,.82));
  pointer-events:none;
}
.floating-video-player span{
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  z-index:2;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-align:center;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
  pointer-events:none;
}
.floating-video-close,
.floating-video-minimize,
.floating-video-sound{
  position:absolute;
  top:7px;
  z-index:20;
  width:24px;
  height:24px;
  border:0;
  border-radius:50%;
  color:#0f172a;
  background:rgba(255,255,255,.92);
  font-size:11px;
  line-height:1;
  font-weight:900;
  display:grid;
  place-items:center;
  cursor:pointer;
  pointer-events:auto;
  user-select:none;
}
.floating-video-close{right:7px}
.floating-video-minimize{
  left:7px;
  display:none;
  width:auto;
  padding:0 10px;
  border-radius:999px;
}
.floating-video-sound{
  left:7px;
  width:auto;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  font-size:10px;
  white-space:nowrap;
}
.floating-video-player.is-dismissed{
  opacity:0;
  pointer-events:none;
  transform:translateX(-130%) translateY(12px) scale(.88);
}
.floating-video-player.is-expanded{
  left:50%;
  top:50%;
  bottom:auto;
  width:min(82vw,340px,44vh);
  z-index:95;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(3,43,39,.38),0 0 0 9999px rgba(6,22,21,.42);
  transform:translate(-50%,-50%)!important;
}
.floating-video-player.is-expanded video{
  object-fit:contain;
  background:#020617;
  pointer-events:auto;
}
.floating-video-player.is-expanded .floating-video-close,
.floating-video-player.is-expanded .floating-video-minimize,
.floating-video-player.is-expanded .floating-video-sound{
  top:10px;
  height:32px;
  width:auto;
  min-width:62px;
  padding:0 11px;
  border-radius:999px;
  font-size:12px;
  box-shadow:0 8px 18px rgba(2,6,23,.22);
}
.floating-video-player.is-expanded .floating-video-close{right:10px}
.floating-video-player.is-expanded .floating-video-minimize{
  left:10px;
  display:grid;
}
.floating-video-player.is-expanded .floating-video-sound{
  left:50%;
  transform:translateX(-50%);
}
.floating-video-player.is-expanded .floating-video-hint{display:none}
@media(max-width:640px){
  .floating-video-player{
    left:10px;
    bottom:76px;
    width:104px;
    border-radius:14px;
  }
  .floating-video-player.is-expanded{
    width:min(82vw,310px,44vh);
    border-radius:20px;
  }
  .floating-video-close{width:22px;height:22px;font-size:10px}
  .floating-video-player.is-expanded .floating-video-close,
  .floating-video-player.is-expanded .floating-video-minimize,
  .floating-video-player.is-expanded .floating-video-sound{
    height:34px;
    min-width:68px;
    font-size:12px;
  }
}