/* ==============================================
   TARIQ DENTAL CARE — MOBILE FIRST CSS
   Teal #0D6E6E | Cyan #1BA8A8 | Dark #0B1B2B
============================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --teal:#0D6E6E; --cyan:#1BA8A8; --dark:#0B1B2B;
  --gray:#4A5568; --light:#E8F4F4; --bg:#F7FAFA; --white:#fff;
  --fd:'Playfair Display',serif; --fb:'Inter',sans-serif;
  --ease:.3s ease; --r:12px;
  --sh:0 2px 16px rgba(13,110,110,.10);
  --sh2:0 8px 40px rgba(13,110,110,.18);
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--dark);background:var(--white);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

/* BUTTONS */
.btn-primary{display:inline-block;background:var(--teal);color:#fff;padding:13px 28px;border-radius:50px;font-weight:600;font-size:15px;font-family:var(--fb);border:2px solid var(--teal);cursor:pointer;transition:var(--ease);text-align:center}
.btn-primary:hover{background:var(--cyan);border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,110,110,.25)}
.btn-outline{display:inline-block;background:transparent;color:#fff;padding:13px 28px;border-radius:50px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.65);cursor:pointer;transition:var(--ease);text-align:center}
.btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-white{background:#fff!important;color:var(--teal)!important;border-color:#fff!important}
.btn-white:hover{background:var(--dark)!important;color:#fff!important;border-color:var(--dark)!important}

/* NAVBAR */
.nav{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fff;border-bottom:1px solid #e0eeee;transition:box-shadow var(--ease)}
.nav.scrolled{box-shadow:0 4px 24px rgba(13,110,110,.14)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1300px;margin:0 auto}
.nav-logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--teal),var(--cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-size:18px;font-weight:700;flex-shrink:0}
.logo-txt{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--teal);line-height:1.1}
.logo-txt span{display:block;font-family:var(--fb);font-size:11px;font-weight:400;color:var(--cyan)}
.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:10001}
.burger span{display:block;width:24px;height:2px;background:var(--teal);border-radius:2px;transition:var(--ease)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-menu{position:fixed;top:0;right:-100%;width:min(80%,300px);height:100vh;background:#fff;display:flex;flex-direction:column;padding:80px 24px 30px;gap:2px;box-shadow:-4px 0 30px rgba(0,0,0,.12);transition:right .35s cubic-bezier(.4,0,.2,1);z-index:10000;overflow-y:auto}
.nav-menu.open{right:0}
.nav-menu li a{display:block;padding:13px 0;font-size:15px;font-weight:500;color:var(--dark);border-bottom:1px solid #f0f5f5;transition:color var(--ease)}
.nav-menu li a:hover{color:var(--teal)}
.nav-cta{display:block!important;background:var(--teal)!important;color:#fff!important;border-radius:50px!important;padding:13px 20px!important;text-align:center!important;border-bottom:none!important;margin-top:14px!important}
.nav-cta:hover{background:var(--cyan)!important}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998}
.nav-overlay.show{display:block}

/* HERO */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;animation:heroZoom 9s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1.0)}to{transform:scale(1.08)}}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,27,43,.88) 0%,rgba(13,110,110,.55) 55%,rgba(11,27,43,.40) 100%)}
.hero-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:100px 20px 32px}
.hero-badge{display:inline-block;background:rgba(27,168,168,.20);border:1px solid rgba(27,168,168,.40);color:#a8e8e8;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:500;margin-bottom:18px;width:fit-content;animation:fadeUp .7s .2s both}
.hero h1{font-family:var(--fd);font-size:38px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:8px;animation:fadeUp .7s .35s both}
.hero h1 em{font-style:italic;color:#72d9d9}
.hero-tagline{font-family:var(--fd);font-size:16px;font-style:italic;color:rgba(255,255,255,.75);margin-bottom:14px;animation:fadeUp .7s .5s both}
.hero-desc{font-size:14px;color:rgba(255,255,255,.80);line-height:1.75;margin-bottom:26px;max-width:500px;animation:fadeUp .7s .65s both}
.hero-btns{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;animation:fadeUp .7s .8s both}
.hero-btns a{width:100%}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;animation:fadeUp .7s .95s both}
.hero-pills span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:12px;padding:5px 13px;border-radius:50px;transition:background var(--ease)}
.hero-pills span:hover{background:rgba(27,168,168,.25)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* HERO STATS — always below content, never overlapping */
.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(11,27,43,.90);border-top:1px solid rgba(27,168,168,.25);flex-shrink:0}
.stat-item{padding:15px 6px;text-align:center;border-right:1px solid rgba(255,255,255,.07);transition:background var(--ease)}
.stat-item:last-child{border-right:none}
.stat-item:hover{background:rgba(27,168,168,.12)}
.stat-item strong{display:block;font-family:var(--fd);font-size:18px;color:#72d9d9;margin-bottom:3px;font-weight:700}
.stat-item span{font-size:10px;color:rgba(255,255,255,.55);font-weight:500}

/* MARQUEE */
.marquee{background:linear-gradient(90deg,var(--teal),var(--cyan));padding:12px 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-block;animation:scroll 22s linear infinite}
.marquee-track span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);padding:0 18px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTION LABELS */
.section-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.section-label.center{text-align:center}
.section-title{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:12px}
.section-title.center{text-align:center}
.section-sub{font-size:15px;color:var(--gray);line-height:1.65;margin-bottom:36px}
.section-sub.center{text-align:center}

/* ABOUT */
.about-sec{padding:64px 0;background:#fff}
.about-img-wrap{position:relative;margin-bottom:40px}
.about-img-wrap img{width:100%;height:280px;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh2)}
.about-badge{position:absolute;bottom:-16px;right:16px;background:#fff;border-radius:var(--r);padding:14px 18px;box-shadow:var(--sh2);text-align:center}
.about-badge strong{display:block;font-family:var(--fd);font-size:22px;color:var(--teal)}
.about-badge span{font-size:11px;color:var(--gray)}
.about-text p{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:14px}
.about-list{margin:16px 0 24px;display:flex;flex-direction:column;gap:10px}
.about-list li{font-size:14px;font-weight:500;color:var(--dark);padding-left:20px;position:relative}
.about-list li::before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:700}

/* SERVICES SECTION */
.services-sec{padding:64px 0;background:var(--bg)}
.srv-grid{display:flex;flex-direction:column;gap:20px}
.srv-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform var(--ease),box-shadow var(--ease)}
.srv-card:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.srv-card-img{position:relative;height:200px;overflow:hidden}
.srv-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.srv-card:hover .srv-card-img img{transform:scale(1.07)}
.srv-badge{position:absolute;top:12px;left:12px;background:rgba(13,110,110,.85);color:#fff;font-size:11px;font-weight:600;padding:3px 12px;border-radius:50px}
.srv-card-body{padding:20px}
.srv-card-body h3{font-family:var(--fd);font-size:18px;color:var(--dark);margin-bottom:8px}
.srv-card-body p{font-size:14px;color:var(--gray);line-height:1.6;margin-bottom:12px}
.srv-link{color:var(--cyan);font-weight:600;font-size:14px;transition:var(--ease)}
.srv-link:hover{color:var(--teal)}

/* WHY US */
.why-sec{padding:64px 0;background:var(--dark);position:relative;overflow:hidden}
.why-sec::before{content:'';position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(27,168,168,.10) 0%,transparent 70%);pointer-events:none}
.why-img-wrap{margin-bottom:36px;position:relative}
.why-img-wrap img{width:100%;height:260px;object-fit:cover;border-radius:var(--r)}
.why-badge{position:absolute;bottom:-14px;left:14px;background:linear-gradient(135deg,var(--teal),var(--cyan));color:#fff;border-radius:12px;padding:14px 18px;box-shadow:var(--sh2)}
.why-badge strong{display:block;font-family:var(--fd);font-size:18px;margin-bottom:2px}
.why-badge span{font-size:11px;opacity:.85}
.why-text{padding-top:16px}
.why-text .section-label{color:#72d9d9}
.why-text .section-title{color:#fff}
.why-text>p{font-size:14px;color:rgba(255,255,255,.70);line-height:1.75;margin-bottom:28px}
.why-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.wstat{background:rgba(255,255,255,.05);border:1px solid rgba(27,168,168,.18);border-radius:10px;padding:16px 10px;text-align:center;transition:var(--ease)}
.wstat:hover{background:rgba(27,168,168,.10)}
.wstat strong{display:block;font-family:var(--fd);font-size:26px;color:#72d9d9;margin-bottom:4px}
.wstat span{font-size:11px;color:rgba(255,255,255,.55)}

/* TESTIMONIALS */
.testi-sec{padding:64px 0;background:#fff}
.testi-grid{display:flex;flex-direction:column;gap:16px;margin-top:36px}
.rev-card{background:var(--bg);border-radius:var(--r);padding:24px 20px;border-left:4px solid var(--cyan);transition:var(--ease)}
.rev-card:hover{box-shadow:var(--sh);transform:translateY(-3px)}
.rev-stars{color:#f5a623;font-size:16px;letter-spacing:2px;margin-bottom:10px}
.rev-text{font-size:14px;color:var(--gray);line-height:1.7;font-style:italic;margin-bottom:14px}
.rev-author{display:flex;align-items:center;gap:10px}
.rev-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--cyan));color:#fff;font-family:var(--fd);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rev-name{font-size:14px;font-weight:600;color:var(--dark)}
.rev-loc{font-size:12px;color:var(--gray)}

/* CTA */
.cta-sec{padding:56px 0;background:var(--light)}
.cta-box{background:linear-gradient(135deg,var(--teal) 0%,var(--cyan) 100%);border-radius:18px;padding:40px 24px;text-align:center;position:relative;overflow:hidden}
.cta-box::after{content:'';position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.cta-box h2{font-family:var(--fd);font-size:26px;color:#fff;margin-bottom:10px}
.cta-box p{font-size:14px;color:rgba(255,255,255,.82);margin-bottom:6px;line-height:1.6}
.cta-box .btn-primary{margin-top:24px}

/* MAP */
.map-wrap iframe{display:block;width:100%;height:280px;border:none}

/* FOOTER */
.footer{background:var(--dark);color:#fff;padding:56px 0 0}
.footer-grid{display:flex;flex-direction:column;gap:32px;padding-bottom:40px}
.footer-logo{font-family:var(--fd);font-size:20px;color:var(--cyan);margin-bottom:12px}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:10px}
.footer-rating{font-size:13px;color:#f5a623}
.footer-col h4{font-family:var(--fd);font-size:15px;color:#fff;margin-bottom:14px}
.footer-col ul li{margin-bottom:8px;font-size:13px;color:rgba(255,255,255,.55)}
.footer-col ul li a{color:rgba(255,255,255,.55);transition:var(--ease)}
.footer-col ul li a:hover{color:var(--cyan)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:18px 0;display:flex;flex-direction:column;gap:6px;text-align:center}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.30)}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,var(--teal) 0%,var(--dark) 100%);padding:110px 20px 52px;text-align:center}
.page-hero .section-label{color:#72d9d9;margin-bottom:10px}
.page-hero h1{font-family:var(--fd);font-size:30px;color:#fff;margin-bottom:12px}
.page-hero p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.7;max-width:500px;margin:0 auto}

/* SERVICES PAGE */
.srv-full-sec{padding:56px 0;background:var(--bg)}
.srv-full-list{display:flex;flex-direction:column;gap:20px}
.srv-full-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform var(--ease),box-shadow var(--ease)}
.srv-full-card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.srv-full-card img{width:100%;height:200px;object-fit:cover}
.srv-full-body{padding:20px}
.srv-tag{display:inline-block;background:var(--light);color:var(--teal);font-size:11px;font-weight:700;padding:3px 12px;border-radius:50px;margin-bottom:8px}
.srv-full-body h3{font-family:var(--fd);font-size:19px;color:var(--dark);margin-bottom:8px}
.srv-full-body p{font-size:14px;color:var(--gray);line-height:1.65;margin-bottom:14px}

/* GALLERY */
.gallery-sec{padding:56px 0;background:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.gallery-item{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.gallery-item:hover img{transform:scale(1.05)}

/* TESTIMONIALS PAGE */
.testi-full-sec{padding:56px 0;background:#fff}
.testi-full-grid{display:flex;flex-direction:column;gap:16px;margin-top:36px}
.rev-big{background:var(--bg);border-radius:var(--r);padding:28px 22px;border-top:4px solid var(--cyan);transition:var(--ease)}
.rev-big:hover{box-shadow:var(--sh);transform:translateY(-3px)}
.rating-band{padding:52px 0;background:var(--light);text-align:center}
.rating-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rating-item strong{display:block;font-family:var(--fd);font-size:48px;color:var(--teal);line-height:1;margin-bottom:8px}
.rating-item span{font-size:13px;color:var(--gray)}

/* CONTACT */
.contact-sec{padding:56px 0;background:var(--bg)}
.contact-info{margin-bottom:36px}
.contact-info h3{font-family:var(--fd);font-size:22px;color:var(--dark);margin-bottom:20px}
.ci-block{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #deeaea}
.ci-block:last-of-type{border-bottom:none}
.ci-block strong{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:5px}
.ci-block p{font-size:14px;color:var(--gray);line-height:1.65}
.contact-map{border-radius:var(--r);overflow:hidden;margin-top:20px}
.contact-map iframe{display:block;width:100%;height:240px;border:none}

/* APPOINTMENT */
.appt-sec{padding:56px 0;background:#fff}
.form-card{background:var(--bg);border-radius:16px;padding:28px 20px;box-shadow:var(--sh2)}
.form-card h3{font-family:var(--fd);font-size:22px;color:var(--dark);margin-bottom:22px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--dark);margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1.5px solid #cce0e0;border-radius:10px;font-family:var(--fb);font-size:14px;color:var(--dark);background:#fff;outline:none;transition:border-color var(--ease);-webkit-appearance:none;appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(27,168,168,.12)}
.form-group textarea{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-submit{width:100%;padding:14px;background:var(--teal);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--fb);transition:var(--ease)}
.form-submit:hover{background:var(--cyan);transform:translateY(-2px)}
.success-msg{display:none;background:#e6f9f3;color:#166a47;border:1px solid #b3e8d0;border-radius:10px;padding:14px 16px;margin-top:14px;font-size:14px;line-height:1.6}
.appt-info{margin-bottom:32px}
.appt-info h3{font-family:var(--fd);font-size:24px;color:var(--dark);margin-bottom:12px}
.appt-info>p{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:20px}
.appt-info img{border-radius:var(--r);width:100%;height:220px;object-fit:cover;margin-top:20px;box-shadow:var(--sh)}
.info-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #deeaea}
.info-item:last-of-type{border-bottom:none}
.info-item strong{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:4px}
.info-item span{font-size:14px;color:var(--gray);line-height:1.6}
.trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}
.trust-box{background:#fff;border-radius:var(--r);padding:24px 16px;text-align:center;box-shadow:var(--sh);transition:var(--ease)}
.trust-box:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.trust-box strong{display:block;font-family:var(--fd);font-size:28px;color:var(--teal);margin-bottom:6px}
.trust-box span{font-size:13px;color:var(--gray)}

/* ABOUT PAGE */
.about-pg{padding:56px 0}
.about-pg-block{margin-bottom:52px}
.about-pg-block img{width:100%;height:260px;object-fit:cover;border-radius:var(--r);margin-bottom:24px;box-shadow:var(--sh)}
.about-pg-block p{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:14px}
.values-grid{display:flex;flex-direction:column;gap:20px;margin-top:32px}
.val-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.val-card img{width:100%;height:180px;object-fit:cover}
.val-card-body{padding:20px}
.val-card-body h3{font-family:var(--fd);font-size:18px;color:var(--teal);margin-bottom:8px}
.val-card-body p{font-size:14px;color:var(--gray);line-height:1.65}
.stats-band{padding:52px 0;background:var(--teal);text-align:center}
.stats-band-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.stats-band-item strong{display:block;font-family:var(--fd);font-size:42px;color:#72d9d9;margin-bottom:6px}
.stats-band-item span{font-size:13px;color:rgba(255,255,255,.72)}

/* 404 */
.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}

/* REVEAL ANIMATION */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* ================================
   DESKTOP — 768px and above
================================ */
@media (min-width:768px){

  /* Navbar desktop */
  .burger{display:none}
  .nav-overlay{display:none!important}
  .nav-menu{position:static;width:auto;height:auto;background:none;flex-direction:row;padding:0;gap:4px;box-shadow:none;overflow:visible;right:auto}
  .nav-menu li a{padding:8px 12px;font-size:14px;border-bottom:none;border-radius:8px}
  .nav-menu li a:hover{background:var(--light);color:var(--teal)}
  .nav-cta{background:var(--teal)!important;color:#fff!important;border-radius:50px!important;padding:9px 20px!important;margin-top:0!important;border-bottom:none!important}
  .nav-cta:hover{background:var(--cyan)!important}

  /* Hero desktop */
  .hero-body{padding:130px 48px 44px;max-width:720px;margin-left:4%}
  .hero h1{font-size:60px}
  .hero-tagline{font-size:20px}
  .hero-desc{font-size:16px}
  .hero-btns{flex-direction:row}
  .hero-btns a{width:auto}
  .stat-item strong{font-size:24px}
  .stat-item span{font-size:12px}
  .stat-item{padding:22px 16px}

  /* About desktop */
  .about-sec{padding:90px 0}
  .about-desktop{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .about-desktop .about-img-wrap{margin-bottom:0}
  .about-img-wrap{margin-bottom:0}
  .about-img-wrap img{height:480px}

  /* Services desktop */
  .services-sec{padding:90px 0}
  .srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .srv-card-img{height:210px}
  .section-title{font-size:40px}
  .section-sub{font-size:16px;margin-bottom:48px}

  /* Why us desktop */
  .why-sec{padding:90px 0}
  .why-desktop{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .why-img-wrap{margin-bottom:0}
  .why-img-wrap img{height:480px}
  .wstat strong{font-size:32px}

  /* Testimonials desktop */
  .testi-sec{padding:90px 0}
  .testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

  /* CTA desktop */
  .cta-box{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:56px 60px}
  .cta-box h2{font-size:34px}
  .cta-box .btn-primary{margin-top:0;white-space:nowrap;flex-shrink:0}

  /* Map */
  .map-wrap iframe{height:420px}

  /* Footer */
  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:44px}
  .footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}

  /* Page hero */
  .page-hero{padding:130px 24px 70px}
  .page-hero h1{font-size:48px}
  .page-hero p{font-size:16px}

  /* Services page */
  .srv-full-sec{padding:80px 0}
  .srv-full-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
  .srv-full-card img{height:220px}

  /* Gallery */
  .gallery-sec{padding:80px 0}
  .gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}

  /* Testimonials page */
  .testi-full-sec{padding:80px 0}
  .testi-full-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .rating-band-grid{gap:40px}

  /* Contact */
  .contact-sec{padding:80px 0}
  .contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:52px}
  .contact-info{margin-bottom:0}
  .contact-map iframe{height:280px}

  /* Appointment */
  .appt-sec{padding:80px 0}
  .appt-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:52px}
  .appt-info{margin-bottom:0}
  .appt-info img{height:260px}
  .form-card{padding:40px}
  .trust-row{grid-template-columns:repeat(4,1fr)}

  /* About page */
  .about-pg{padding:80px 0}
  .about-pg-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .about-pg-layout img{height:380px;margin-bottom:0}
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  .stats-band-grid{grid-template-columns:repeat(4,1fr)}
}

/* EXTRA SMALL */
@media (max-width:380px){
  .hero h1{font-size:32px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.07)}
  .form-row{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .trust-row{grid-template-columns:1fr}
  .rating-band-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════
   PREMIUM ENHANCEMENTS v4
══════════════════════════════════════════ */

/* 1. HERO OVERLAY — lighter for clearer text */
.hero-bg::after {
  background: linear-gradient(
    160deg,
    rgba(11,27,43,.75) 0%,
    rgba(13,110,110,.42) 52%,
    rgba(11,27,43,.30) 100%
  ) !important;
}

/* 2. EMERGENCY BAR */
.emergency-bar {
  background: linear-gradient(90deg, #0B1B2B 0%, #0D6E6E 50%, #0B1B2B 100%);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  text-align: center;
}
.emergency-bar .eb-icon {
  font-size: 18px;
  animation: pulse-icon 2s infinite;
}
@keyframes pulse-icon { 0%,100%{transform:scale(1)} 50%{transform:scale(1.2)} }
.emergency-bar p {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
.emergency-bar strong { color: #72d9d9; }
.emergency-bar .eb-call {
  display: inline-block;
  background: #25D366;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 50px;
  transition: var(--ease);
  white-space: nowrap;
}
.emergency-bar .eb-call:hover { background: #1da851; transform: translateY(-1px); }

/* 3. BEFORE & AFTER GALLERY */
.ba-sec { padding: 64px 0; background: var(--dark); }
.ba-sec .section-label { color: #72d9d9; }
.ba-sec .section-title { color: #fff; }
.ba-sec .section-sub { color: rgba(255,255,255,.65); }
.ba-grid { display: flex; flex-direction: column; gap: 20px; margin-top: 36px; }
.ba-card {
  border-radius: var(--r);
  overflow: hidden;
  position: relative;
  background: #0B1B2B;
  box-shadow: var(--sh2);
}
.ba-imgs { display: grid; grid-template-columns: 1fr 1fr; }
.ba-imgs img { width: 100%; height: 200px; object-fit: cover; }
.ba-label-before,
.ba-label-after {
  position: absolute;
  top: 12px;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 50px;
  letter-spacing: .06em;
}
.ba-label-before { left: 12px; background: rgba(11,27,43,.80); color: #fff; }
.ba-label-after  { right: 12px; background: var(--cyan); color: #fff; }
.ba-divider {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 3px;
  background: #fff;
  transform: translateX(-50%);
}
.ba-divider::before {
  content: '↔';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  color: var(--teal);
  font-size: 14px;
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.ba-info { padding: 16px 18px; }
.ba-info h4 { font-family: var(--fd); font-size: 16px; color: #fff; margin-bottom: 4px; }
.ba-info p  { font-size: 13px; color: rgba(255,255,255,.55); }

/* 4. MEET THE DOCTOR */
.doctor-sec { padding: 64px 0; background: var(--bg); }
.doctor-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--sh2);
}
.doctor-img-wrap { position: relative; }
.doctor-img-wrap img { width: 100%; height: 320px; object-fit: cover; object-position: top; }
.doctor-exp-badge {
  position: absolute;
  bottom: -20px; right: 20px;
  background: linear-gradient(135deg, var(--teal), var(--cyan));
  color: #fff;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: var(--sh2);
  text-align: center;
}
.doctor-exp-badge strong { display: block; font-family: var(--fd); font-size: 26px; line-height: 1; }
.doctor-exp-badge span  { font-size: 11px; opacity: .88; }
.doctor-body { padding: 36px 24px 28px; }
.doctor-body h3 { font-family: var(--fd); font-size: 24px; color: var(--dark); margin-bottom: 4px; }
.doctor-title { font-size: 13px; color: var(--cyan); font-weight: 600; margin-bottom: 14px; letter-spacing: .04em; }
.doctor-body p { font-size: 14px; color: var(--gray); line-height: 1.78; margin-bottom: 18px; }
.doctor-degrees { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.degree-tag {
  background: var(--light);
  color: var(--teal);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 50px;
  letter-spacing: .04em;
}
.doctor-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.doc-stat { background: var(--bg); border-radius: 10px; padding: 14px 10px; text-align: center; }
.doc-stat strong { display: block; font-family: var(--fd); font-size: 22px; color: var(--teal); margin-bottom: 3px; }
.doc-stat span { font-size: 11px; color: var(--gray); }

/* 5. TRUST BADGES */
.trust-sec { padding: 64px 0; background: #fff; }
.trust-badges { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 36px; }
.trust-badge {
  background: var(--bg);
  border-radius: var(--r);
  padding: 24px 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: var(--ease);
  border: 1px solid transparent;
}
.trust-badge:hover { border-color: rgba(27,168,168,.25); box-shadow: var(--sh); transform: translateY(-3px); }
.tb-icon {
  width: 46px; height: 46px;
  background: linear-gradient(135deg, var(--teal), var(--cyan));
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.tb-text strong { display: block; font-family: var(--fd); font-size: 15px; color: var(--dark); margin-bottom: 4px; }
.tb-text p { font-size: 13px; color: var(--gray); line-height: 1.55; }

/* 6. GOOGLE REVIEWS HIGHLIGHT */
.reviews-highlight {
  background: linear-gradient(135deg, var(--teal) 0%, #0a5555 100%);
  border-radius: 18px;
  padding: 32px 24px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.rh-score { font-family: var(--fd); font-size: 64px; font-weight: 700; color: #fff; line-height: 1; }
.rh-stars { color: #f5a623; font-size: 24px; letter-spacing: 4px; }
.rh-count { font-size: 13px; color: rgba(255,255,255,.72); }
.rh-badge {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 50px;
}
.rh-badge a { color: #72d9d9; }

/* 7. FLOATING CALL BUTTON */
.float-call {
  position: fixed;
  bottom: 92px;
  right: 20px;
  z-index: 99998;
  background: var(--teal);
  width: 56px; height: 56px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(13,110,110,.40);
  transition: transform .2s ease;
  text-decoration: none;
}
.float-call:hover { transform: scale(1.12); }
.float-call svg { width: 24px; height: 24px; }
.float-call .call-tooltip {
  position: absolute;
  right: 66px;
  background: var(--dark);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  font-family: 'Inter', sans-serif;
}
.float-call .call-tooltip::after {
  content: '';
  position: absolute;
  right: -6px; top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: var(--dark);
  border-right: none;
}
.float-call:hover .call-tooltip { opacity: 1; }

/* ── DESKTOP 768px+ ── */
@media(min-width:768px){
  .emergency-bar p { font-size: 14px; }
  .ba-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
  .ba-imgs img { height: 220px; }
  .doctor-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 0; }
  .doctor-img-wrap img { height: 100%; min-height: 440px; }
  .doctor-exp-badge { bottom: 24px; right: -20px; }
  .doctor-body { padding: 48px 40px; }
  .trust-badges { grid-template-columns: repeat(4,1fr); gap: 20px; }
  .reviews-highlight { flex-direction: row; text-align: left; gap: 32px; padding: 36px 40px; }
  .rh-left { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
}