<?php
/* ============================================================
   CONSULTATION FORM HANDLER — identical to index.php so leads
   arrive in the same format. Must stay above ANY output.
============================================================ */
if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $TO_EMAIL  = 'maayogaashram@gmail.com';
    $SITE_NAME = 'Maa Yoga Ashram';
    $SELF      = strtok($_SERVER['REQUEST_URI'], '?');

    if (!empty($_POST['website'])) { header('Location: ' . $SELF . '?sent=1#consult'); exit; }

    $clean = function ($v) { return trim(htmlspecialchars(strip_tags((string) $v), ENT_QUOTES, 'UTF-8')); };
    $name     = $clean($_POST['name']         ?? '');
    $cc       = $clean($_POST['country_code'] ?? '');
    $phone    = $clean($_POST['phone']        ?? '');
    $interest = $clean($_POST['interest']     ?? '');
    $source   = $clean($_POST['source']       ?? 'Skin and Hair Care - Hero consultation');

    $valid = ($name !== '' && preg_match('/^[0-9 ]{6,15}$/', $phone) && $interest !== '');

    if ($valid) {
        $subject  = 'New consultation request — ' . $name;
        $body     = "New enquiry from the website\n";
        $body    .= "--------------------------------\n";
        $body    .= "Name     : $name\n";
        $body    .= "Phone    : $cc $phone\n";
        $body    .= "Interest : $interest\n";
        $body    .= "Source   : $source\n";
        $body    .= "Time     : " . date('d M Y, H:i') . " (server time)\n";
        $body    .= "IP       : " . ($_SERVER['REMOTE_ADDR'] ?? 'n/a') . "\n";

        $headers  = "From: {$SITE_NAME} <no-reply@maayogashram.com>\r\n";
        $headers .= "Reply-To: {$SITE_NAME} <{$TO_EMAIL}>\r\n";
        $headers .= "Content-Type: text/plain; charset=UTF-8\r\n";

        $sent = @mail($TO_EMAIL, $subject, $body, $headers);
        header('Location: ' . $SELF . '?sent=' . ($sent ? '1' : '0') . '#consult');
        exit;
    }

    header('Location: ' . $SELF . '?sent=0#consult');
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Ayurvedic Skin &amp; Hair Care in Rishikesh | Maa Yoga Ashram</title>
  <meta name="description" content="Doctor-led Ayurvedic care for psoriasis, eczema, acne, fungal infections, vitiligo, hair fall and scalp problems at Maa Yoga Ashram, Rishikesh — Virechana, Raktamokshana, Nasya and diet correction alongside your dermatology treatment.">

  <link rel="canonical" href="https://maayogashram.com/skin-hair-health">
  <meta name="theme-color" content="#0e3b2e">
  <link rel="shortcut icon" type="image/x-icon" href="mya-logo.png">
  <link rel="alternate" href="https://maayogashram.com/skin-hair-health" hreflang="en-in">
  <link rel="alternate" href="https://maayogashram.com/skin-hair-health" hreflang="x-default">

  <meta property="og:title" content="Ayurvedic Skin &amp; Hair Care in Rishikesh | Maa Yoga Ashram">
  <meta property="og:description" content="Ayurvedic care for psoriasis, eczema, acne, fungal infections, vitiligo and hair fall — treating the internal picture, not just the surface.">
  <meta property="og:url" content="https://maayogashram.com/skin-hair-health">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://maayogashram.com/assets/image/maa-yoga-ashram-rishikesh-india.webp">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Ayurvedic Skin &amp; Hair Care in Rishikesh | Maa Yoga Ashram">
  <meta name="twitter:description" content="Ayurvedic care for psoriasis, eczema, acne, fungal infections, vitiligo and hair fall — treating the internal picture, not just the surface.">
  <meta name="twitter:image" content="https://maayogashram.com/assets/image/maa-yoga-ashram-rishikesh-india.webp">

  <!-- Existing site CSS (header/footer + vendor) -->
  <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
  <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/vendor/slick.css">
  <link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
  <link rel="stylesheet" href="assets/css/app.css">

  <!-- Redesign additions: fonts + icons -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FPDMCEZ9BN"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-FPDMCEZ9BN');
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      { "@type": "ListItem", "position": "1", "name": "Home", "item": "https://maayogashram.com" },
      { "@type": "ListItem", "position": "2", "name": "Skin & Hair Health", "item": "https://maayogashram.com/skin-hair-health" }
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "MedicalWebPage",
    "name": "Skin & Hair Health",
    "url": "https://maayogashram.com/skin-hair-health",
    "about": { "@type": "MedicalCondition", "name": "Skin and hair disorders" },
    "audience": { "@type": "Patient" },
    "provider": {
      "@type": "MedicalOrganization",
      "name": "Maa Yoga Ashram",
      "url": "https://maayogashram.com",
      "telephone": "+91 8077829974",
      "medicineSystem": "Ayurvedic",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Aamkhala, Badrinath Road, Tapovan",
        "addressLocality": "Rishikesh",
        "addressRegion": "Uttarakhand",
        "postalCode": "249201",
        "addressCountry": "IN"
      }
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      { "@type": "Question", "name": "Can Ayurveda cure psoriasis?",
        "acceptedAnswer": { "@type": "Answer", "text": "Psoriasis is a chronic condition with no cure in any system of medicine, and we will not claim one. What Ayurvedic treatment can realistically achieve is longer gaps between flares, milder flares, less itching and scaling, and better tolerance of the condition. Many guests reduce how often they need topical steroids, but that decision belongs with their dermatologist." } },
      { "@type": "Question", "name": "Why does Ayurveda treat skin problems from the inside?",
        "acceptedAnswer": { "@type": "Answer", "text": "Because in Ayurveda most chronic skin disease is Kushta — a disorder of blood and tissue, not of the surface. Virechana, the purificatory therapy that clears Pitta and vitiated Rakta, is the classical mainstay, supported by diet correction. Creams manage the surface; they do not change what is producing it." } },
      { "@type": "Question", "name": "Will my vitiligo patches repigment?",
        "acceptedAnswer": { "@type": "Answer", "text": "Sometimes, partially, and unpredictably. Response is better in recent, small, non-hairy-area patches and in younger people, and poorer over the hands, feet and lips. We will give you an honest assessment rather than a promise, and we do not guarantee repigmentation." } },
      { "@type": "Question", "name": "I have a spreading ringworm that steroid cream made worse. Can you help?",
        "acceptedAnswer": { "@type": "Answer", "text": "That pattern is extremely common in India, and combination steroid-antifungal creams are usually the reason — they suppress the redness while the fungus spreads further. The first requirement is stopping the steroid cream and getting a proper antifungal course from a doctor. Our role is supportive: diet, hygiene, immunity and the recurrence pattern." } },
      { "@type": "Question", "name": "Do you offer beauty treatments, facials or cosmetic procedures?",
        "acceptedAnswer": { "@type": "Answer", "text": "We offer classical Ayurvedic beauty care — Mukhalepa herbal facial applications, Abhyanga, Shiro Abhyanga and Rasayana with a diet and sleep routine that changes the skin from within. We do not offer injectables, lasers, chemical peels or any cosmetic surgical procedure." } }
    ]
  }
  </script>

  <!-- ============================================================
       SHARED REDESIGN STYLES — keep this block IDENTICAL to index.php.
       (Best long-term move: cut it into assets/css/mya.css and link it
       from every page so they can never drift apart.)
  ============================================================ -->
  <style>
  .mya{
    --ivory:#f7f4ec; --sand:#efe9dd; --canvas:#ffffff;
    --green-900:#0e3b2e; --green-700:#0b6b50; --brand:#0b815f;
    --gold:#b08d57; --gold-2:#c8a86a; --gold-soft:#efe3cd;
    --ink:#26302b; --ink-soft:#5d685f; --ink-mute:#8c948b;
    --line:#e2ddce; --line-strong:#ccc6b4;
    --radius:14px; --maxw:1200px;
    font-family:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    color:var(--ink); background:var(--ivory); line-height:1.65; font-weight:400;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  .mya *{box-sizing:border-box;}
  .mya img{max-width:100%; display:block;}
  .mya .container-mya{max-width:var(--maxw); margin:0 auto; padding:0 10px;}
  .mya .sec{padding:84px 0;}
  .mya .sec.tight{padding:60px 0;}
  .mya .bg-sand{background:var(--sand);}
  .mya .bg-ivory{background:var(--ivory);}
  .mya .bg-white{background:var(--canvas);}
  .mya .center{text-align:center;}

  .mya .eyebrow{font-size:16px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); font-weight:500; margin:0 0 10px;}
  .mya h2.title, .mya h3.title{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; color:var(--green-900); line-height:1.15; margin:0; letter-spacing:.2px;}
  .mya h2.title{font-size:clamp(28px,4vw,44px);}
  .mya h3.title{font-size:clamp(22px,3vw,30px);}
  .mya .lead{color:var(--ink-soft); max-width:620px; margin:12px auto 0; font-size:17px;}
  .mya .divider{width:64px; height:2px; background:var(--gold); border-radius:2px; margin:22px auto 0;}
  .mya .divider.left{margin-left:0;}

  .mya .btn{display:inline-flex; align-items:center; gap:9px; font-family:'Jost',sans-serif; font-size:16px; font-weight:500;
    padding:13px 28px; border-radius:999px; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:.25s ease;}
  .mya .btn-primary{background:var(--green-900); color:#fff;}
  .mya .btn-primary:hover{background:var(--gold); color:#2c261c;}
  .mya .btn-gold{background:var(--gold); color:#2c261c;}
  .mya .btn-gold:hover{background:#fff; color:var(--green-900);}
  .mya .btn-ghost{background:transparent; color:var(--green-900); border-color:var(--line-strong);}
  .mya .btn-ghost:hover{border-color:var(--green-900); background:var(--green-900); color:#fff;}
  .mya .btn-block{width:100%; justify-content:center;}

  /* ---------- HERO ---------- */
  .mya .hero{position:relative; color:#fff;}
  .mya .hero-media{position:absolute; inset:0; z-index:0;}
  .mya .hero-media img{width:100%; height:100%; object-fit:cover;}
  .mya .hero-scrim{position:absolute; inset:0; z-index:1;
    background:linear-gradient(100deg, rgba(14,59,46,.86) 0%, rgba(14,59,46,.72) 42%, rgba(14,59,46,.30) 100%);}
  .mya .hero-inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:96px 24px;
    display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center;}
  .mya .hero-eyebrow{color:var(--gold-2); font-size:12px; letter-spacing:3px; text-transform:uppercase; margin:0 0 14px;}
  .mya .hero h1{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:clamp(34px,5vw,56px);
    line-height:1.1; margin:0 0 18px; letter-spacing:.3px;}
  .mya .hero h1 .accent{color:var(--gold-2); font-style:italic;}
  .mya .hero p.sub{color:#e9efe9; font-size:18px; max-width:520px; margin:0 0 24px;}
  .mya .hero-chips{display:flex; flex-wrap:wrap; gap:10px;}
  .mya .chip{display:inline-flex; align-items:center; gap:8px; font-size:18px; color:#f3efe4;
    border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:7px 15px; background:rgba(255,255,255,.06);}
  .mya .chip i{color:var(--gold-2);}

  /* ---------- FORM CARD ---------- */
  .mya .form-card{background:var(--canvas); color:var(--ink); border-radius:18px; padding:28px;
    box-shadow:0 24px 60px rgba(8,33,25,.28); border:1px solid rgba(176,141,87,.25);}
  .mya .form-card .fc-eyebrow{color:var(--gold); font-size:11px; letter-spacing:2.5px; text-transform:uppercase; margin:0 0 4px;}
  .mya .form-card h2{font-family:'Cormorant Garamond',serif; color:var(--green-900); font-size:26px; font-weight:600; margin:0 0 4px;}
  .mya .form-card .fc-note{color:var(--ink-mute); font-size:13.5px; margin:0 0 18px;}
  .mya .field, .mya .select-wrap select, .mya .form-card input{width:100%; font-family:'Jost',sans-serif; font-size:15px; color:var(--ink);
    background:var(--ivory); border:1px solid var(--line-strong); border-radius:10px; padding:13px 14px; outline:none; transition:.2s;}
  .mya .form-card input::placeholder{color:var(--ink-mute);}
  .mya .field:focus, .mya .form-card input:focus, .mya .select-wrap select:focus{border-color:var(--brand); background:#fff; box-shadow:0 0 0 3px rgba(11,129,95,.12);}
  .mya .form-row{display:grid; gap:12px;}
  .mya .phone-grid{display:grid; grid-template-columns:96px 1fr; gap:10px;}
  .mya .select-wrap{position:relative;}
  .mya .select-wrap select{appearance:none; -webkit-appearance:none; cursor:pointer;}
  .mya .select-wrap::after{content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:11px; color:var(--ink-mute);
    position:absolute; right:14px; top:50%; transform:translateY(-50%); pointer-events:none;}
  .mya .fc-secure{display:flex; align-items:center; justify-content:center; gap:7px; color:var(--ink-mute); font-size:12.5px; margin:14px 0 0;}
  .mya .fc-secure i{color:var(--brand);}
  .mya .hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
  .mya .form-alert{border-radius:10px; padding:12px 14px; font-size:14px; margin:0 0 16px; display:flex; align-items:center; gap:9px;}
  .mya .form-alert.ok{background:#e8f3ee; color:#0e5a3f; border:1px solid #bfe0d1;}
  .mya .form-alert.err{background:#fdecec; color:#a12626; border:1px solid #f2c7c7;}

  /* ---------- TRUST STRIP ---------- */
  .mya .trust{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 28px; padding:22px 12px;}
  .mya .trust .t-label{font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--ink-mute);}
  .mya .trust .badge{display:inline-flex; align-items:center; gap:8px; font-size:16px; color:var(--green-900); font-weight:500;
    border:1px solid var(--line); background:var(--canvas); border-radius:999px; padding:8px 16px;}
  .mya .trust .badge i{color:var(--gold);}
  .mya .stars{color:var(--gold-2);}

  /* ---------- SPLIT ---------- */
  .mya .split{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
  .mya .split .media img{border-radius:var(--radius); width:100%; object-fit:cover; box-shadow:0 18px 44px rgba(14,59,46,.12);}
  .mya .split p{color:var(--ink-soft); margin:0 0 16px;}
  .mya .link-more{display:inline-flex; align-items:center; gap:8px; color:var(--green-900); font-weight:500; text-decoration:none;}
  .mya .link-more i{color:var(--gold); transition:transform .2s;}
  .mya .link-more:hover i{transform:translateX(4px);}

  /* ---------- TREATMENT / FACILITY GRID ---------- */
  .mya .tgrid{display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-top:40px;}
  .mya .tcard{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;
    background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); padding:24px 12px; text-decoration:none;
    transition:.25s ease;}
  .mya .tcard:hover{border-color:var(--gold); transform:translateY(-4px); box-shadow:0 16px 34px rgba(14,59,46,.10);}
  .mya .tcard .ring{width:60px; height:60px; border-radius:50%; background:var(--gold-soft); color:var(--gold);
    display:flex; align-items:center; justify-content:center; font-size:24px; transition:.25s;}
  .mya .tcard:hover .ring{background:var(--green-900); color:var(--gold-2);}
  .mya .tcard .lbl{font-size:13.5px; color:var(--ink); font-weight:500; line-height:1.3;}

  /* ---------- DOCTORS ---------- */
  .mya .docs{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
  .mya .doc{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:.25s;}
  .mya .doc:hover{box-shadow:0 18px 40px rgba(14,59,46,.12); transform:translateY(-3px);}
  .mya .doc .photo{aspect-ratio:4/3; background:var(--sand); overflow:hidden;}
  .mya .doc .photo img{width:100%; height:100%; object-fit:cover;}
  .mya .doc .body{padding:20px;}
  .mya .doc .name{font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; color:var(--green-900); margin:0;}
  .mya .doc .role{color:var(--gold); font-size:13px; letter-spacing:.5px; margin:2px 0 12px;}
  .mya .doc .tags{display:flex; flex-wrap:wrap; gap:8px;}
  .mya .doc .tag{font-size:12px; color:var(--ink-soft); border:1px solid var(--line); border-radius:999px; padding:4px 12px;}

  /* ---------- PROGRAMS ---------- */
  .mya .progs{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:40px;}
  .mya .prog{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:.25s;}
  .mya .prog:hover{box-shadow:0 18px 40px rgba(14,59,46,.12); transform:translateY(-3px);}
  .mya .prog .photo{aspect-ratio:16/10; overflow:hidden; background:var(--sand);}
  .mya .prog .photo img{width:100%; height:100%; object-fit:cover; transition:transform .5s;}
  .mya .prog:hover .photo img{transform:scale(1.05);}
  .mya .prog .body{padding:20px; display:flex; flex-direction:column; flex:1;}
  .mya .prog .name{font-family:'Cormorant Garamond',serif; font-size:21px; font-weight:600; color:var(--green-900); margin:0 0 6px;}
  .mya .prog .meta{display:flex; align-items:center; gap:6px; color:var(--ink-mute); font-size:13px; margin-bottom:4px; text-align:center;}
  .mya .prog .price{color:var(--green-700); font-weight:500; font-size:14px; margin:2px 0 16px;}
  .mya .prog .cta{margin-top:auto;}
  .meta {
    width: fit-content;
    margin: 0 auto;
}

  /* ---------- STEPS ---------- */
  .mya .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
  .mya .step{text-align:center; position:relative; padding:0 10px;}
  .mya .step .num{width:52px; height:52px; margin:0 auto 16px; border-radius:50%; border:1.5px solid var(--gold);
    color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600;
    display:flex; align-items:center; justify-content:center;}
  .mya .step h4{font-family:'Cormorant Garamond',serif; font-size:20px; color:var(--green-900); margin:0 0 6px; font-weight:600;}
  .mya .step p{color:var(--ink-soft); font-size:14.5px; margin:0;}

  /* ---------- VALUES ---------- */
  .mya .values{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
  .mya .value{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); padding:32px 24px; text-align:center;}
  .mya .value .ring{width:56px; height:56px; margin:0 auto 16px; border-radius:50%; background:var(--gold-soft); color:var(--gold);
    display:flex; align-items:center; justify-content:center; font-size:22px;}
  .mya .value h4{font-family:'Cormorant Garamond',serif; font-size:20px; color:var(--green-900); margin:0 0 8px; font-weight:600;}
  .mya .value p{color:var(--ink-soft); font-size:14.5px; margin:0;}

  /* ---------- FAQ ---------- */
  .mya .faq{max-width:760px; margin:36px auto 0;}
  .mya .faq-item{border-bottom:1px solid var(--line);}
  .mya .faq-q{width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:20px 0;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    font-family:'Jost',sans-serif; font-size:16px; color:var(--green-900); font-weight:500;}
  .mya .faq-q i{color:var(--gold); transition:transform .3s; flex-shrink:0;}
  .mya .faq-item.open .faq-q i{transform:rotate(45deg);}
  .mya .faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
  .mya .faq-a p{color:var(--ink-soft); font-size:15px; margin:0; padding:0 0 20px;}

  /* ---------- VISIT ---------- */
  .mya .map-frame{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); box-shadow:0 18px 44px rgba(14,59,46,.12); min-height:320px;}
  .mya .map-frame iframe{width:100%; height:100%; min-height:320px; border:0; display:block;}
  .mya .visit-info .row{display:flex; gap:12px; align-items:flex-start; margin-bottom:16px;}
  .mya .visit-info .row i{color:var(--gold); font-size:18px; margin-top:3px;}
  .mya .visit-info .row span{color:var(--ink-soft);}

  /* ---------- FINAL CTA ---------- */
  .mya .final{background:var(--green-900); color:#fff; text-align:center;}
  .mya .final h2{font-family:'Cormorant Garamond',serif; font-size:clamp(28px,4vw,42px); font-weight:600; margin:0 0 10px; color:#fff;}
  .mya .final p{color:#cfe0d6; font-size:17px; margin:0 0 26px;}

  /* ---------- YouTube lazy ---------- */
  .mya .youtube-player{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--radius); cursor:pointer; background:var(--sand);}
  .mya .youtube-player img{width:100%; top:-16.82%; left:0; opacity:1; position:absolute;}
  .mya .youtube-player .play{height:66px; width:66px; left:50%; top:50%; margin-left:-33px; margin-top:-33px; position:absolute;
    background:rgba(14,59,46,.85); border-radius:50%;}
  .mya .youtube-player .play:before{content:""; position:absolute; left:26px; top:20px; border-style:solid; border-width:13px 0 13px 20px; border-color:transparent transparent transparent #fff;}
  .mya .youtube-player iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

  /* ---------- reveal on scroll ---------- */
  .mya .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}
  .mya .reveal.in{opacity:1; transform:none;}

  /* =================== RESPONSIVE =================== */
  @media (max-width:992px){
    .mya .hero-inner{grid-template-columns:1fr; gap:32px; padding:72px 24px;}
    .mya .hero p.sub{max-width:none;}
    .mya .tgrid{grid-template-columns:repeat(4,1fr);}
    .mya .docs{grid-template-columns:repeat(3,1fr);}
    .mya .progs{grid-template-columns:repeat(2,1fr);}
    .mya .quotes{grid-template-columns:1fr; }
    .mya .blogs{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:768px){
    .mya .sec{padding:56px 0;}
    .mya .split{grid-template-columns:1fr; gap:28px;}
    .mya .split .media{order:-1;}
    .mya .tgrid{grid-template-columns:repeat(3,1fr); gap:12px;}
    .mya .docs{grid-template-columns:1fr; }
    .mya .progs{grid-template-columns:1fr 1fr; gap:16px;}
    .mya .steps{grid-template-columns:1fr; gap:28px;}
    .mya .values{grid-template-columns:1fr; }
    .mya .blogs{grid-template-columns:1fr;}
    .mya .trust{gap:12px 18px;}
  }
  @media (max-width:480px){
    .mya .container-mya{padding:0 18px;}
    .mya .tgrid{grid-template-columns:repeat(2,1fr);}
    .mya .progs{grid-template-columns:1fr;}
    .mya .form-card{padding:22px;}
    .mya .hero h1{font-size:32px;}
  }
  @media (prefers-reduced-motion:reduce){
    .mya .reveal{opacity:1; transform:none; transition:none;}
    .mya *{scroll-behavior:auto;}
  }

  /* ---------- expert CTA card ---------- */
  .mya .expert-cta{display:flex; align-items:center; gap:22px; background:var(--canvas);
    border:1px solid var(--line); border-left:4px solid var(--brand);
    border-radius:var(--radius); padding:22px 26px; margin:48px auto 0; max-width:900px;
    text-align:left; box-shadow:0 12px 30px rgba(14,59,46,.08);}
  .mya .expert-cta p{margin:0; flex:1; font-size:16.5px; color:var(--ink);}
  .mya .expert-cta a{color:var(--green-900); text-decoration:underline; text-decoration-color:var(--gold); text-underline-offset:4px;}
  .mya .expert-cta a:hover{color:var(--brand);}
  .mya .expert-actions{display:flex; gap:10px; flex-shrink:0;}
  .mya .ec-btn{display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px;
    font-size:14px; font-weight:500; text-decoration:none !important; transition:.25s ease; white-space:nowrap;}
  .mya .ec-call{background:var(--green-900) !important; color:#fff !important;}
  .mya .ec-call:hover{background:var(--gold) !important; color:#2c261c !important;}
  .mya .ec-wa{background:#25D366 !important; color:#fff !important; box-shadow:0 6px 18px rgba(37,211,102,.28);}
  .mya .ec-wa:hover{background:#1ea952 !important;}
  .mya .ec-btn i{font-size:16px;}
  @media (max-width:520px){ .mya .ec-btn span{display:none;} .mya .ec-btn{padding:12px 14px;} }

  /* ---------- online consultation band ---------- */
  .mya .online-band{margin-top:34px; background:var(--green-900); color:#fff;
    border-radius:var(--radius); padding:38px 32px; text-align:left; overflow:hidden; position:relative;}
  .mya .online-band::before{content:""; position:absolute; top:-40px; right:-40px; width:180px; height:180px;
    background:radial-gradient(circle, rgba(200,168,106,.20), transparent 70%); border-radius:50%;}
  .mya .ob-head{text-align:center; margin-bottom:26px; position:relative;}
  .mya .ob-head h3{font-family:'Cormorant Garamond',serif; color:#fff; font-size:clamp(22px,3vw,30px);
    font-weight:600; margin:0 0 6px; line-height:1.2;}
  .mya .ob-eye{color:var(--gold-2); font-style:italic;}
  .mya .ob-head p{color:#cfe0d6; font-size:15px; margin:0;}
  .mya .ob-feats{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; position:relative; margin-bottom:26px;}
  .mya .ob-feat{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:14px 8px;
    border-left:1px solid rgba(255,255,255,.14);}
  .mya .ob-feat:first-child{border-left:none;}
  .mya .ob-ic{width:48px; height:48px; border-radius:50%; background:rgba(200,168,106,.18);
    color:var(--gold-2); display:flex; align-items:center; justify-content:center; font-size:19px;}
  .mya .ob-feat span:last-child{color:#e9efe9; font-size:13px; line-height:1.35;}
  .mya .ob-cta{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; position:relative;}
  .mya .online-band .btn-ghost{color:#fff; border-color:rgba(255,255,255,.35);}
  .mya .online-band .btn-ghost:hover{background:#fff; color:var(--green-900); border-color:#fff;}
  @media (max-width:992px){
    .mya .ob-feats{grid-template-columns:repeat(3,1fr); gap:20px;}
    .mya .ob-feat{border-left:none;}
  }
  @media (max-width:768px){
    .mya .expert-cta{flex-direction:column; text-align:center; padding:22px;}
    .mya .expert-cta p{text-align:center;}
    .mya .ob-feats{grid-template-columns:repeat(2,1fr);}
    .mya .online-band{padding:30px 22px;}
  }

  /* ---------- testimonial marquee ---------- */
  .mya .tm-wrap{position:relative; margin-top:44px; overflow:hidden;}
  .mya .tm-wrap::before, .mya .tm-wrap::after{content:""; position:absolute; top:0; bottom:0; width:90px; z-index:2; pointer-events:none;}
  .mya .tm-wrap::before{left:0; background:linear-gradient(90deg, var(--sand), rgba(239,233,221,0));}
  .mya .tm-wrap::after{right:0; background:linear-gradient(270deg, var(--sand), rgba(239,233,221,0));}
  .mya .tm-track{display:flex; gap:22px; width:max-content; animation:mya-marquee 48s linear infinite;}
  .mya .tm-wrap:hover .tm-track{animation-play-state:paused;}
  @keyframes mya-marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  .mya .tm-card{width:330px; flex-shrink:0; background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius);
    padding:26px; display:flex; flex-direction:column; gap:14px; text-align:left; box-shadow:0 8px 24px rgba(14,59,46,.05);}
  .mya .tm-stars{color:var(--gold-2); font-size:13px; letter-spacing:3px;}
  .mya .tm-card p{color:var(--ink-soft); font-size:14.5px; font-style:italic; margin:0; flex:1; line-height:1.7;}
  .mya .tm-who{display:flex; align-items:center; gap:12px;}
  .mya .tm-who .av{width:44px; height:44px; border-radius:50%; background:var(--gold-soft); color:var(--gold);
    display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-weight:600; font-size:17px;}
  .mya .tm-who .n{font-weight:500; color:var(--green-900); font-size:14.5px;}
  .mya .tm-who .r{color:var(--ink-mute); font-size:12.5px;}
  @media (prefers-reduced-motion:reduce){
    .mya .tm-track{animation:none; flex-wrap:wrap; width:auto; justify-content:center;}
    .mya .tm-dup{display:none;}
    .mya .tm-wrap::before, .mya .tm-wrap::after{display:none;}
  }

  /* ---------- awards ---------- */
  .mya .awards{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:44px;}
  .mya .award{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:.25s;}
  .mya .award:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(14,59,46,.12);}
  .mya .award .photo{aspect-ratio:4/3; background:var(--sand); overflow:hidden; display:flex; align-items:center; justify-content:center; color:var(--gold);}
  .mya .award .photo img{width:100%; height:100%; object-fit:cover;}
  .mya .award .cap{padding:14px 16px; font-size:13.5px; color:var(--ink-soft); line-height:1.55; text-align:left;}

  /* ---------- illustrated cards ---------- */
  .mya .illus{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
  .mya .illus-card{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius); padding:36px 26px 30px; text-align:center; transition:.25s;}
  .mya .illus-card:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(14,59,46,.10); border-color:var(--gold);}
  .mya .illus-card svg{width:112px; height:112px; margin:0 auto 20px; display:block;}
  .mya .illus-card h4{font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:600; color:var(--green-900); margin:0 0 8px;}
  .mya .illus-card p{color:var(--ink-soft); font-size:14.5px; margin:0;}

  /* ---------- success videos ---------- */
  .mya .vids{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px;}
  .mya .vid{position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:0 12px 30px rgba(14,59,46,.10);}
  .mya .vid .vtag{position:absolute; top:12px; left:12px; z-index:3; background:rgba(14,59,46,.88); color:#fff; font-size:12px; font-weight:500; padding:5px 13px; border-radius:999px; pointer-events:none;}
  .mya .vid .vver{position:absolute; top:12px; right:12px; z-index:3; background:rgba(255,255,255,.94); color:var(--green-900); font-size:12px; font-weight:500; padding:5px 13px; border-radius:999px; pointer-events:none;}
  .mya .vid .vver i{color:var(--brand); margin-right:4px;}

  /* ---------- gallery + lightbox ---------- */
  .mya .gal{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:170px; gap:14px; margin-top:44px;}
  .mya .gal a{display:block; position:relative; border-radius:var(--radius); overflow:hidden; cursor:zoom-in;}
  .mya .gal a img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
  .mya .gal a:hover img{transform:scale(1.07);}
  .mya .gal a::after{content:""; position:absolute; inset:0; background:rgba(14,59,46,0); transition:.3s;}
  .mya .gal a:hover::after{background:rgba(14,59,46,.18);}
  .mya .gal .tall{grid-row:span 2;}
  .mya-lb{position:fixed; inset:0; background:rgba(12,26,20,.93); display:none; align-items:center; justify-content:center; z-index:3000; padding:28px;}
  .mya-lb.open{display:flex;}
  .mya-lb img{max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.5);}
  .mya-lb .lb-close{position:absolute; top:18px; right:22px; background:none; border:none; color:#fff; font-size:30px; cursor:pointer; line-height:1;}

  @media (max-width:992px){
    .mya .awards{grid-template-columns:repeat(2,1fr);}
    .mya .vids{grid-template-columns:repeat(2,1fr);}
    .mya .gal{grid-template-columns:repeat(3,1fr); grid-auto-rows:150px;}
  }
  @media (max-width:768px){
    .mya .illus{grid-template-columns:1fr;}
    .mya .tm-card{width:280px;}
    .mya .gal{grid-template-columns:repeat(2,1fr); grid-auto-rows:130px;}
  }
  @media (max-width:520px){
    .mya .awards{grid-template-columns:1fr;}
    .mya .vids{grid-template-columns:1fr;}
  }

  /* ---------- NABH + cashless insurance band ---------- */
  .mya .nabh{background:var(--green-900);}
  .mya .nabh .eyebrow{color:var(--gold-2);}
  .mya .nabh h2.title{color:#fff;}
  .mya .nabh .lead{color:#cfe0d6;}
  .mya .nabh .divider{background:var(--gold-2);}
  .mya .nabh-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; margin-top:48px; align-items:start;}
  .mya .nabh-badge{display:flex; gap:20px; align-items:center; margin-bottom:20px;}
  .mya .nabh-badge .bimg{width:104px; height:104px; flex-shrink:0; background:#fff; border-radius:14px; padding:10px;
    display:flex; align-items:center; justify-content:center;}
  .mya .nabh-badge .bimg img{max-width:100%; max-height:100%; object-fit:contain; display:block;}
  .mya .nabh h3{font-family:'Cormorant Garamond',serif; color:#fff; font-size:23px; font-weight:600; margin:0 0 10px;}
  .mya .nabh .ntext{color:#cfe0d6; font-size:15px; line-height:1.8; margin:0 0 14px; text-align:left;}
  .mya .ins-card{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:var(--radius); padding:30px;}
  .mya .ins-pills{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 20px;}
  .mya .ins-pill{font-size:13px; color:#f3efe4; border:1px solid rgba(255,255,255,.30); background:rgba(255,255,255,.05);
    border-radius:999px; padding:8px 16px; display:inline-flex; align-items:center; gap:7px;}
  .mya .ins-pill i{color:var(--gold-2);}
  .mya .ins-note{display:flex; gap:11px; align-items:flex-start; color:#cfe0d6; font-size:14px; line-height:1.7;
    border-top:1px solid rgba(255,255,255,.14); padding-top:18px; text-align:left;}
  .mya .ins-note i{color:var(--gold-2); margin-top:3px; flex-shrink:0;}
  @media (max-width:992px){ .mya .nabh-grid{grid-template-columns:1fr; gap:30px;} }
  @media (max-width:520px){ .mya .nabh-badge{flex-direction:column; align-items:flex-start;} }

  /* ============ FIXES (app.css overrides) ============ */
  .mya h1, .mya h2, .mya h3, .mya h4, .mya h5, .mya p{ text-align:inherit; }
  .mya .center{ text-align:center; }
  .mya .hero h1{ color:#ffffff; }
  .mya .hero h1 .accent{ color:var(--gold-2); }
  .mya .hero-inner{ padding-top:132px; }
  @media (max-width:992px){ .mya .hero-inner{ padding-top:108px; } }
  @media (max-width:480px){ .mya .hero-inner{ padding-top:92px; } }
  </style>
  <!-- ============================================================
       PAGE-ONLY STYLES — components that exist only on this page.
       Everything above is shared with index.php; keep it that way.
  ============================================================ -->
  <style>
  /* breadcrumb in hero */
  .mya .crumb{font-size:13.5px; color:rgba(255,255,255,.72); margin:0 0 18px; letter-spacing:.4px;}
  .mya .crumb a{color:rgba(255,255,255,.72); text-decoration:none;}
  .mya .crumb a:hover{color:var(--gold-2);}
  .mya .crumb i{font-style:normal; padding:0 8px; opacity:.5;}
  .mya .crumb strong{color:var(--gold-2); font-weight:400;}

  /* quick jump to a condition */
  .mya .jump{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:36px;}
  .mya .jump a{font-size:14px; color:var(--green-900); background:var(--canvas); border:1px solid var(--line);
    border-radius:999px; padding:9px 18px; text-decoration:none; transition:.22s ease;}
  .mya .jump a:hover{border-color:var(--gold); background:var(--green-900); color:#fff;}

  /* condition cards */
  .mya .conds{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:44px; text-align:left;}
  .mya .cond{background:var(--canvas); border:1px solid var(--line); border-radius:var(--radius);
    padding:32px 30px; display:flex; flex-direction:column; scroll-margin-top:110px; transition:.25s;}
  .mya .cond:hover{border-color:var(--gold); box-shadow:0 18px 40px rgba(14,59,46,.09);}
  .mya .cond-head{display:flex; align-items:center; gap:14px; margin-bottom:16px;}
  .mya .cond-head .ring{width:50px; height:50px; flex-shrink:0; border-radius:50%; background:var(--gold-soft);
    color:var(--gold); display:flex; align-items:center; justify-content:center; font-size:20px;}
  .mya .cond-head h3{font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600;
    color:var(--green-900); margin:0; line-height:1.2;}
  .mya .cond > p{color:var(--ink-soft); font-size:15px; margin:0 0 14px;}
  .mya .cond .ayur{border-left:2px solid var(--gold); padding-left:16px; margin:0 0 20px;
    color:var(--ink-soft); font-size:14.5px; font-style:italic;}
  .mya .cond .ayur b{font-style:normal; color:var(--green-900); font-weight:500;}
  .mya .care{margin-top:auto; background:var(--ivory); border:1px solid var(--line);
    border-radius:12px; padding:20px 22px;}
  .mya .care h4{font-family:'Jost',sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase;
    color:var(--gold); font-weight:500; margin:0 0 12px;}
  .mya .care ul{list-style:none; margin:0; padding:0; display:grid; gap:9px;}
  .mya .care li{position:relative; padding-left:24px; font-size:14.5px; color:var(--ink-soft); line-height:1.6;}
  .mya .care li i{position:absolute; left:0; top:6px; font-size:12px; color:var(--brand);}
  .mya .cond .note{display:flex; gap:9px; align-items:flex-start; margin:14px 0 0; padding-top:14px;
    border-top:1px solid var(--line); font-size:13.5px; color:var(--ink-mute); line-height:1.6;}
  .mya .cond .note i{color:var(--gold); margin-top:3px; flex-shrink:0;}

  /* emergency / red-flag band */
  .mya .redflag{background:var(--canvas); border:1px solid var(--line); border-left:4px solid #c0392b;
    border-radius:var(--radius); padding:30px 32px; margin-top:44px; text-align:left;
    box-shadow:0 12px 30px rgba(14,59,46,.08);}
  .mya .redflag h3{font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600;
    color:var(--green-900); margin:0 0 8px; display:flex; align-items:center; gap:11px;}
  .mya .redflag h3 i{color:#c0392b; font-size:20px;}
  .mya .redflag > p{color:var(--ink-soft); font-size:15px; margin:0 0 18px;}
  .mya .rf-list{display:grid; grid-template-columns:repeat(2,1fr); gap:10px 24px; list-style:none; margin:0 0 18px; padding:0;}
  .mya .rf-list li{position:relative; padding-left:24px; font-size:14.5px; color:var(--ink-soft);}
  .mya .rf-list li i{position:absolute; left:0; top:6px; font-size:12px; color:#c0392b;}
  .mya .rf-foot{font-size:14px; color:var(--ink); background:var(--ivory); border-radius:10px; padding:14px 16px; margin:0;}

  /* what a programme looks like */
  .mya .plan{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:44px;
    background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; text-align:left;}
  .mya .plan div{background:var(--canvas); padding:28px 24px;}
  .mya .plan b{display:block; font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:600;
    color:var(--green-900); line-height:1.2; margin-bottom:8px;}
  .mya .plan em{display:block; font-style:normal; font-size:12px; letter-spacing:2px; text-transform:uppercase;
    color:var(--gold); margin-bottom:12px;}
  .mya .plan span{font-size:14.5px; color:var(--ink-soft); line-height:1.65;}

  /* know your numbers band */
  .mya .impact{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:44px;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius); overflow:hidden;}
  .mya .impact div{background:var(--green-900); padding:32px 24px; text-align:center;}
  .mya .impact b{display:block; font-family:'Cormorant Garamond',serif; font-size:32px; font-weight:600;
    color:var(--gold-2); line-height:1; margin-bottom:9px;}
  .mya .impact em{display:block; font-style:normal; font-size:11px; letter-spacing:2px; text-transform:uppercase;
    color:#a9c4b6; margin-bottom:10px;}
  .mya .impact span{font-size:13px; color:#cfe0d6; line-height:1.5;}
  .mya .nums-note{margin:26px auto 0; max-width:760px; font-size:13.5px; color:#a9c4b6; text-align:center;}

  @media (max-width:992px){
    .mya .conds{grid-template-columns:1fr;}
    .mya .plan{grid-template-columns:repeat(2,1fr);}
    .mya .impact{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:640px){
    .mya .rf-list{grid-template-columns:1fr;}
    .mya .plan{grid-template-columns:1fr;}
    .mya .cond{padding:26px 22px;}
    .mya .redflag{padding:24px 22px;}
  }
  @media (max-width:420px){ .mya .impact{grid-template-columns:1fr;} }
  </style>
</head>

<body class="tt-smooth-scroll">

  <div id="scroll-container">

    <!-- ================= HEADER (identical to index.php) ================= -->
<header class="mya-header" id="myaHeader">

  <!-- utility bar -->
  <div class="mh-utility">
    <div class="mh-row">
      <span class="mh-u-left"><i class="fa-solid fa-location-dot"></i> Rishikesh, India · NABH-aligned care</span>
      <span class="mh-u-right">
        <a href="tel:+918077829974"><i class="fa-solid fa-phone"></i> +91 80778 29974</a>
        <a href="https://api.whatsapp.com/send?phone=918077829974" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> WhatsApp</a>
      </span>
    </div>
  </div>

  <!-- main nav -->
  <div class="mh-main">
    <div class="mh-row">
      <button class="mh-burger" id="myaBurger" aria-label="Open menu" aria-expanded="false" aria-controls="myaDrawer">
        <span></span><span></span><span></span>
      </button>

      <a class="mh-logo" href="/"><img src="mya-logo.png" alt="Maa Yoga Ashram" onerror="this.outerHTML='Maa Yoga Ashram';"></a>

      <div class="mh-right">
        <nav class="mh-nav">
          <a href="about-us">About</a>
          <div class="mh-item">
            <a class="mh-parent" href="#programs">Retreats <i class="fa-solid fa-chevron-down"></i></a>
            <div class="mh-drop">
              <a href="yoga-retreat-rishikesh-india">Yoga Retreat</a>
              <a href="ayurveda-retreats-in-rishikesh">Ayurveda Retreat</a>
              <a href="ayurveda-courses-rishikesh">Ayurveda Courses</a>
              <a href="vedic-hindu-wedding-ceremony-india">Vedic Hindu Wedding</a>
            </div>
          </div>
          <div class="mh-item">
            <a class="mh-parent" href="ayurveda-treatment-rishikesh">Treatments <i class="fa-solid fa-chevron-down"></i></a>
            <!-- NOTE: point each therapy at its own page when those pages exist -->
            <div class="mh-drop cols">
              <a href="ayurveda-treatment-rishikesh">Panchakarma Detox</a>
              <a href="ayurveda-treatment-rishikesh">Abhyanga Therapy</a>
              <a href="ayurveda-treatment-rishikesh">Shirodhara</a>
              <a href="neurological-mental-health">Stress &amp; Anxiety</a>
              <a href="neurological-mental-health">Sleep &amp; Insomnia</a>
              <a href="ayurveda-treatment-rishikesh">Joint &amp; Back Care</a>
              <a href="ayurveda-treatment-rishikesh">Digestive Health</a>
              <a href="ayurveda-treatment-rishikesh">Weight Balance</a>
              <a href="ayurveda-treatment-rishikesh">Respiratory Care</a>
              <a href="ayurveda-treatment-rishikesh">Skin &amp; Hair</a>
              <a href="ayurveda-treatment-rishikesh">Women's Wellness</a>
              <a href="ayurveda-treatment-rishikesh">Yoga Therapy</a>
            </div>
          </div>
          <a href="index#doctors">Doctors</a>
          <a href="blogs">Blogs</a>
          <a href="contact-us">Contact</a>
        </nav>
        <a class="mh-cta" href="#consult">Book consultation</a>
      </div>

      <a class="mh-mcall" href="tel:+918077829974" aria-label="Call us"><i class="fa-solid fa-phone"></i></a>
    </div>
  </div>

  <!-- mobile drawer + overlay -->
  <div class="mh-overlay" id="myaOverlay"></div>
  <aside class="mh-drawer" id="myaDrawer" aria-hidden="true">
    <div class="mh-drawer-top">
      <span class="mh-logo dark"><img src="mya-logo.png" alt="Maa Yoga Ashram" onerror="this.outerHTML='Maa Yoga Ashram';"></span>
      <button class="mh-close" id="myaClose" aria-label="Close menu"><i class="fa-solid fa-xmark"></i></button>
    </div>
    <nav class="mh-drawer-nav">
      <a href="about-us">About</a>
      <button class="mdd-toggle" type="button">Retreats <i class="fa-solid fa-chevron-down"></i></button>
      <div class="mdd-panel">
        <a href="yoga-retreat-rishikesh-india">Yoga Retreat</a>
        <a href="ayurveda-retreats-in-rishikesh">Ayurveda Retreat</a>
        <a href="ayurveda-courses-rishikesh">Ayurveda Courses</a>
        <a href="vedic-hindu-wedding-ceremony-india">Vedic Hindu Wedding</a>
      </div>
      <button class="mdd-toggle" type="button">Treatments <i class="fa-solid fa-chevron-down"></i></button>
      <div class="mdd-panel">
        <a href="ayurveda-treatment-rishikesh">Panchakarma Detox</a>
        <a href="ayurveda-treatment-rishikesh">Abhyanga Therapy</a>
        <a href="ayurveda-treatment-rishikesh">Shirodhara</a>
        <a href="neurological-mental-health">Stress &amp; Anxiety</a>
        <a href="neurological-mental-health">Sleep &amp; Insomnia</a>
        <a href="ayurveda-treatment-rishikesh">Joint &amp; Back Care</a>
        <a href="ayurveda-treatment-rishikesh">Skin &amp; Hair</a>
        <a href="ayurveda-treatment-rishikesh">Women's Wellness</a>
      </div>
      <a href="index#doctors">Doctors</a>
      <a href="blogs">Journal</a>
      <a href="contact-us">Contact</a>
    </nav>
    <a class="mh-cta block" href="#consult">Book consultation</a>
    <div class="mh-drawer-contact">
      <a href="tel:+918077829974"><i class="fa-solid fa-phone"></i> +91 80778 29974</a>
      <a href="https://api.whatsapp.com/send?phone=918077829974" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> WhatsApp us</a>
    </div>
  </aside>
</header>

<style>
/* ===== HEADER (identical to index.php) ===== */
.mya-header{position:fixed; inset:0 0 auto 0; z-index:1000; font-family:'Jost',-apple-system,sans-serif;
  transition:background .3s ease, box-shadow .3s ease;}
.mya-header a{text-decoration:none;}
.mya-header .mh-row{max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:16px;}

.mya-header .mh-utility{border-bottom:1px solid rgba(255,255,255,.16); transition:.3s;}
.mya-header .mh-utility .mh-row{padding:8px 24px; justify-content:space-between; font-size:16px;}
.mya-header .mh-utility span, .mya-header .mh-utility a{color:rgba(255,255,255,.9);}
.mya-header .mh-utility a{margin-left:18px; transition:color .2s;}
.mya-header .mh-utility a:hover{color:#fff;}
.mya-header .mh-utility i{color:#c8a86a; margin-right:5px;}

.mya-header .mh-main .mh-row{padding-top:15px; padding-bottom:15px;}
.mya-header .mh-logo{font-family:'Cormorant Garamond',Georgia,serif; font-size:24px; font-weight:600; letter-spacing:.5px; color:#fff; display:flex; align-items:center;}
.mya-header .mh-logo img{height:56px; width:auto; display:block;
  background:#fff; padding:6px 10px; border-radius:12px; border:1px solid rgba(226,221,206,0);
  box-shadow:0 4px 16px rgba(8,33,25,.18); transition:box-shadow .3s ease, border-color .3s ease;}
.mya-header.solid .mh-logo img{box-shadow:none; border-color:#e2ddce;}
.mya-header .mh-logo.dark img{height:46px; background:transparent; padding:0; border:none; box-shadow:none;}
.mya-header .mh-right{display:flex; align-items:center; gap:28px; margin-left:auto;}
.mya-header .mh-nav{display:flex; gap:26px;}
.mya-header .mh-nav a{color:rgba(255,255,255,.92); font-size:18px; position:relative; padding:4px 0;}
.mya-header .mh-nav a::after{content:""; position:absolute; left:0; bottom:0; width:0; height:1.5px; background:#c8a86a; transition:width .25s;}
.mya-header .mh-nav a:hover{color:#fff;}
.mya-header .mh-nav a:hover::after{width:100%;}
.mya-header .mh-cta{background:#c8a86a; color:#2c261c; padding:11px 22px; border-radius:999px; font-size:14px; font-weight:500; transition:.25s; white-space:nowrap;}
.mya-header .mh-cta:hover{background:#fff; color:#0e3b2e;}

.mya-header .mh-burger{display:none; flex-direction:column; gap:5px; width:40px; height:40px; align-items:center; justify-content:center; background:none; border:none; cursor:pointer;}
.mya-header .mh-burger span{width:22px; height:2px; background:#fff; border-radius:2px; transition:.3s;}
.mya-header .mh-mcall{display:none; width:40px; height:40px; align-items:center; justify-content:center; color:#fff; font-size:17px;}

.mya-header .mh-item{position:relative; display:flex; align-items:center;}
.mya-header .mh-parent i{font-size:10px; margin-left:6px; transition:transform .25s; vertical-align:1px;}
.mya-header .mh-item:hover .mh-parent i, .mya-header .mh-item:focus-within .mh-parent i{transform:rotate(180deg);}
.mya-header .mh-drop{position:absolute; top:100%; left:50%; transform:translate(-50%,14px);
  background:#fff; border:1px solid #e2ddce; border-radius:14px; box-shadow:0 26px 60px rgba(14,59,46,.20);
  padding:14px; display:grid; gap:8px; min-width:240px; opacity:0; visibility:hidden;
  transition:opacity .25s ease, transform .25s ease, visibility .25s; z-index:1100;}
.mya-header .mh-drop::before{content:""; position:absolute; top:-14px; left:0; right:0; height:14px;}
.mya-header .mh-item:hover .mh-drop, .mya-header .mh-item:focus-within .mh-drop{opacity:1; visibility:visible; transform:translate(-50%,8px);}
.mya-header .mh-nav .mh-drop a{display:block; background:#0e3b2e !important; border-radius:9px; padding:10px 16px;
  font-size:13.5px; text-align:center; white-space:nowrap; transition:.2s; color:#fff !important;}
.mya-header .mh-nav .mh-drop a:hover{background:#c8a86a !important; color:#2c261c !important;}
.mya-header .mh-nav .mh-drop a::after{display:none;}
.mya-header .mh-drop.cols{grid-template-columns:repeat(3,1fr); min-width:580px;}

.mya-header .mdd-toggle{display:flex; justify-content:space-between; align-items:center; width:100%;
  background:none; border:none; border-bottom:1px solid #e2ddce; padding:14px 0; cursor:pointer;
  font-family:'Jost',sans-serif; font-size:17px; color:#26302b; text-align:left;}
.mya-header .mdd-toggle i{font-size:12px; color:#b08d57; transition:transform .3s;}
.mya-header .mdd-toggle.open i{transform:rotate(180deg);}
.mya-header .mdd-panel{max-height:0; overflow:hidden; transition:max-height .32s ease; display:grid; gap:8px;}
.mya-header .mdd-panel.open{border-bottom:1px solid #e2ddce;}
.mya-header .mdd-panel a{background:#0e3b2e; color:#fff !important; border-radius:9px; padding:10px 14px;
  font-size:14px; text-align:center; border-bottom:none !important; margin:0;}
.mya-header .mdd-panel a:first-child{margin-top:12px;}
.mya-header .mdd-panel a:last-child{margin-bottom:12px;}

.mya-header.solid{background:#f7f4ec; box-shadow:0 6px 24px rgba(14,59,46,.09);}
.mya-header.solid .mh-utility{display:none;}
.mya-header.solid .mh-logo{color:#0e3b2e;}
.mya-header.solid .mh-nav a{color:#26302b;}
.mya-header.solid .mh-nav a:hover{color:#0e3b2e;}
.mya-header.solid .mh-cta{background:#0e3b2e; color:#fff;}
.mya-header.solid .mh-cta:hover{background:#c8a86a; color:#2c261c;}
.mya-header.solid .mh-burger span{background:#0e3b2e;}
.mya-header.solid .mh-mcall{color:#0e3b2e;}

.mya-header .mh-overlay{position:fixed; inset:0; background:rgba(14,59,46,.45); opacity:0; visibility:hidden; transition:.3s; z-index:1001;}
.mya-header .mh-drawer{position:fixed; top:0; left:0; height:100%; width:min(84vw,340px); background:#f7f4ec; z-index:1002;
  transform:translateX(-100%); transition:transform .32s ease; padding:22px; display:flex; flex-direction:column; gap:18px; overflow-y:auto;}
.mya-header.menu-open .mh-overlay{opacity:1; visibility:visible;}
.mya-header.menu-open .mh-drawer{transform:none;}
.mya-header .mh-drawer-top{display:flex; align-items:center; justify-content:space-between;}
.mya-header .mh-logo.dark{color:#0e3b2e; font-size:22px;}
.mya-header .mh-close{background:none; border:none; font-size:22px; color:#0e3b2e; cursor:pointer;}
.mya-header .mh-drawer-nav{display:flex; flex-direction:column;}
.mya-header .mh-drawer-nav a{color:#26302b; font-size:17px; padding:14px 0; border-bottom:1px solid #e2ddce;}
.mya-header .mh-drawer-nav a:hover{color:#0e3b2e;}
.mya-header .mh-cta.block{display:block; text-align:center; background:#0e3b2e; color:#fff;}
.mya-header .mh-cta.block:hover{background:#c8a86a; color:#2c261c;}
.mya-header .mh-drawer-contact{display:flex; flex-direction:column; gap:10px; margin-top:auto; padding-top:16px; border-top:1px solid #e2ddce;}
.mya-header .mh-drawer-contact a{color:#5d685f; font-size:14px;}
.mya-header .mh-drawer-contact i{color:#c8a86a; margin-right:8px;}

@media (max-width:900px){
  .mya-header .mh-utility{display:none;}
  .mya-header .mh-right{display:none;}
  .mya-header .mh-burger{display:flex;}
  .mya-header .mh-mcall{display:flex;}
  .mya-header .mh-main .mh-row{padding:12px 20px;}
  .mya-header .mh-logo{flex:1; justify-content:center; font-size:20px;}
  .mya-header .mh-logo img{height:44px;}
}
</style>

<script>
(function () {
  var header  = document.getElementById('myaHeader');
  var burger  = document.getElementById('myaBurger');
  var closeBt = document.getElementById('myaClose');
  var overlay = document.getElementById('myaOverlay');
  var drawer  = document.getElementById('myaDrawer');
  if (!header) return;

  function onScroll(){ header.classList.toggle('solid', window.scrollY > 40); }
  onScroll(); window.addEventListener('scroll', onScroll, { passive:true });

  function open(){ header.classList.add('menu-open'); burger.setAttribute('aria-expanded','true'); drawer.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden'; }
  function close(){ header.classList.remove('menu-open'); burger.setAttribute('aria-expanded','false'); drawer.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }
  burger && burger.addEventListener('click', open);
  closeBt && closeBt.addEventListener('click', close);
  overlay && overlay.addEventListener('click', close);
  drawer && drawer.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', close); });
  drawer && drawer.querySelectorAll('.mdd-toggle').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var panel = btn.nextElementSibling;
      var isOpen = btn.classList.contains('open');
      drawer.querySelectorAll('.mdd-toggle.open').forEach(function (o) {
        if (o !== btn) { o.classList.remove('open'); o.nextElementSibling.style.maxHeight = null; o.nextElementSibling.classList.remove('open'); }
      });
      if (isOpen) { btn.classList.remove('open'); panel.style.maxHeight = null; panel.classList.remove('open'); }
      else { btn.classList.add('open'); panel.classList.add('open'); panel.style.maxHeight = panel.scrollHeight + 'px'; }
    });
  });

  document.addEventListener('keydown', function(e){ if (e.key === 'Escape') close(); });
})();
</script>
    <!-- ================= /HEADER ================= -->

    <!-- ============ SKIN & HAIR HEALTH PAGE ============ -->
    <main class="mya">

      <!-- ===== 1. HERO + CONSULTATION FORM ===== -->
      <section class="hero" id="top">
        <div class="hero-media">
          <img src="assets/image/maa-yoga-ashram-rishikesh-india.webp" width="1920" height="809" alt="Maa Yoga Ashram, Rishikesh — Ayurvedic care for skin and hair conditions" title="Ayurvedic Skin &amp; Hair Care in Rishikesh">
        </div>
        <div class="hero-scrim"></div>
        <div class="hero-inner">
          <div class="hero-copy reveal">
            <p class="crumb"><a href="/">Home</a><i>›</i><strong>Skin &amp; Hair Health</strong></p>
            <p class="hero-eyebrow">Doctor-led care · since 1914</p>
            <h1>Skin and hair treated from <span class="accent">the inside</span></h1>
            <p class="sub">Psoriasis, eczema, acne, fungal infection, vitiligo and hair fall — approached through blood, digestion and diet rather than through the surface alone, with Virechana at the centre of the classical protocol.</p>
            <div class="hero-chips">
              <span class="chip"><i class="fa-solid fa-user-doctor"></i> Vaidya-led assessment</span>
              <span class="chip"><i class="fa-solid fa-shield-heart"></i> NABH-certified unit</span>
              <span class="chip"><i class="fa-solid fa-leaf"></i> 100% natural therapies</span>
              <span class="chip"><i class="fa-solid fa-star"></i> 4.5 · 532 reviews</span>
            </div>
          </div>

          <!-- Consultation form — 9 service categories only -->
          <div class="form-card reveal" id="consult">
            <p class="fc-eyebrow">Quick consultation</p>
            <h2>Talk to our Ayurveda experts</h2>
            <p class="fc-note">Share your details for a same-day callback.</p>

            <?php if (isset($_GET['sent']) && $_GET['sent'] === '1'): ?>
              <div class="form-alert ok"><i class="fa-solid fa-circle-check"></i> Thank you — we've received your request and will call you back shortly.</div>
            <?php elseif (isset($_GET['sent']) && $_GET['sent'] === '0'): ?>
              <div class="form-alert err"><i class="fa-solid fa-circle-exclamation"></i> Something went wrong. Please try again or call us directly.</div>
            <?php endif; ?>

            <form action="" method="post" class="form-row" novalidate>
              <input class="hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
              <input class="field" type="text" name="name" placeholder="Full name" required>
              <div class="phone-grid">
                <div class="select-wrap">
                  <select name="country_code" aria-label="Country code">
                    <option value="+91" selected>+91</option>
                    <option value="+1">+1</option>
                    <option value="+44">+44</option>
                    <option value="+61">+61</option>
                    <option value="+971">+971</option>
                    <option value="+49">+49</option>
                  </select>
                </div>
                <input class="field" type="tel" name="phone" placeholder="Phone / WhatsApp" pattern="[0-9 ]{6,15}" required>
              </div>
              <div class="select-wrap">
                <select name="interest" class="field" aria-label="I am interested in" required>
                  <option value="" disabled>I'm interested in…</option>
                  <option value="Skin and Hair Care" selected>Skin &amp; Hair Care</option>
                  <option value="Neurological and Mental Health">Neurological &amp; Mental Health</option>
                  <option value="Heart and Circulatory Health">Heart &amp; Circulatory Health</option>
                  <option value="Respiratory and Allergy Care">Respiratory &amp; Allergy Care</option>
                  <option value="Metabolic and Hormonal Health">Metabolic &amp; Hormonal Health</option>
                  <option value="Joint, Bone and Pain Care">Joint, Bone &amp; Pain Care</option>
                  <option value="Digestive and Gut Health">Digestive &amp; Gut Health</option>
                  <option value="Mens and Womens Wellness">Men's &amp; Women's Wellness</option>
                  <option value="Detox, Panchakarma and Rejuvenation">Detox, Panchakarma &amp; Rejuvenation</option>
                </select>
              </div>
              <input type="hidden" name="source" value="Skin and Hair Care - Hero consultation">
              <button type="submit" class="btn btn-primary btn-block">Book free Consultation <i class="fa-solid fa-arrow-right"></i></button>
            </form>
            <p class="fc-secure"><i class="fa-solid fa-lock"></i> Private &amp; secure · or call <a href="tel:+918077829974" style="color:var(--green-900); margin-left:4px; text-decoration:none;">+91 80778 29974</a></p>
          </div>
        </div>
      </section>

      <!-- ===== 2. TRUST STRIP ===== -->
      <section class="bg-sand">
        <div class="container-mya">
          <div class="trust">
            <span class="t-label">Trusted &amp; recognised</span>
            <span class="badge"><i class="fa-solid fa-shield-heart"></i> NABH-aligned care</span>
            <span class="badge"><i class="fa-solid fa-seedling"></i> AYUSH tradition</span>
            <span class="badge"><i class="fa-solid fa-star stars"></i> Google 4.5 · 532 reviews</span>
            <span class="badge"><i class="fa-solid fa-earth-asia"></i> Guests from 30+ countries</span>
          </div>
        </div>
      </section>

      <!-- ===== 3. UNDERSTANDING ===== -->
      <section class="sec bg-ivory">
        <div class="container-mya">
          <div class="split">
            <div class="media reveal">
              <img src="assets/image/ayurvedic-treatment-rishikesh-india.webp" width="616" height="411" alt="Herbal Lepa application at Maa Yoga Ashram, Rishikesh" title="Ayurvedic skin therapies">
            </div>
            <div class="reveal">
              <p class="eyebrow">Understanding the connection</p>
              <h2 class="title">Skin is the report, not the problem</h2>
              <div class="divider left"></div>
              <p style="margin-top:22px;">Most people arriving here have a shelf of creams. Some worked briefly, some worked while they were being used and stopped working the week they were put away, and one or two made things considerably worse. That pattern is not a failure of effort — it follows naturally from treating an internal process at the surface.</p>
              <p>Ayurveda groups almost all chronic skin disease under <b>Kushta</b>, and locates it in <b>Rakta</b> (blood), <b>Rasa</b> (plasma) and the deeper tissues, driven by weak <b>Agni</b> and circulating <b>Ama</b>. That is why <b>Virechana</b> — supervised therapeutic purgation — is the classical mainstay for skin rather than any external application, and why the diet review is as long as the examination.</p>
              <p>Three things reliably show up in the histories we take: <em>viruddha ahara</em>, incompatible food combinations eaten habitually; suppressed digestion and irregular meals; and unmanaged stress, which flares eczema, psoriasis and hair fall with a consistency that surprises nobody who has lived with them. A residential month lets us change all three at once and watch what the skin does in response — which is not possible in a fifteen-minute consultation.</p>
              <a class="link-more" href="index#doctors" title="Meet the doctors at Maa Yoga Ashram">Meet the doctors who will treat you <i class="fa-solid fa-arrow-right"></i></a>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 4. CONDITIONS WE COVER ===== -->
      <section class="sec bg-sand" id="conditions">
        <div class="container-mya center">
          <p class="eyebrow">Conditions we cover</p>
          <h2 class="title">What we support, and how we support it</h2>
          <p class="lead">For each concern: what it actually is, how Ayurveda reads it, and precisely what your programme would involve.</p>
          <div class="divider"></div>

          <div class="jump">
            <a href="#psoriasis">Psoriasis</a>
            <a href="#eczema">Eczema &amp; dry, irritated skin</a>
            <a href="#acne">Acne</a>
            <a href="#fungal">Fungal infection</a>
            <a href="#vitiligo">Vitiligo &amp; leucoderma</a>
            <a href="#hair-loss">Hair fall &amp; thinning</a>
            <a href="#scalp">Dandruff &amp; scalp health</a>
          </div>

          <div class="conds">

            <!-- Psoriasis -->
            <article class="cond reveal" id="psoriasis">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-layer-group"></i></span>
                <h3>Psoriasis</h3>
              </div>
              <p>An immune-driven condition in which skin cells are produced far faster than they can be shed, building into thickened plaques with silvery scale — commonly on elbows, knees, scalp and lower back, often itchy, sometimes cracking and bleeding. It runs in cycles: quiet periods and flares, with stress, infection, alcohol, cold weather and certain medicines as familiar triggers. Around one in five people with psoriasis also develops joint involvement.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Ekakushta</em> or <em>Kitibha</em> within the Kushta group — Vata and Kapha with vitiated Rakta. Repeated, staged Shodhana rather than a single course is the classical approach.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Virechana</b> — the principal purificatory therapy for Kushta, given as a supervised course after proper preparation</li>
                  <li><i class="fa-solid fa-check"></i> <b>Snehapana and Abhyanga</b> — internal and external oleation, which also directly relieves the dryness and cracking</li>
                  <li><i class="fa-solid fa-check"></i> <b>Takradhara and Shirodhara</b> — for scalp involvement and for the stress component, which is a genuine driver rather than a soft factor</li>
                  <li><i class="fa-solid fa-check"></i> <b>Lepa</b> — medicated herbal applications to soften plaques and reduce scaling</li>
                  <li><i class="fa-solid fa-check"></i> <b>Diet correction</b> — removing <em>viruddha ahara</em>, curd, excessively sour, salty and fermented food, and alcohol entirely</li>
                  <li><i class="fa-solid fa-check"></i> <b>Herbal support</b> — Manjistha, Khadira, Sariva, Guduchi and Arogyavardhini preparations prescribed to your constitution</li>
                  <li><i class="fa-solid fa-check"></i> <b>Joint involvement checked</b> — if psoriatic arthritis is present, planned alongside our <a href="bone-joint-musculoskeletal-health#rheumatoid">inflammatory arthritis programme</a></li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> There is no cure for psoriasis in any system of medicine. Realistic goals are longer gaps between flares and milder ones. Continue prescribed topicals or biologics; changes belong with your dermatologist.</p>
            </article>

            <!-- Eczema -->
            <article class="cond reveal" id="eczema">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-hand-dots"></i></span>
                <h3>Eczema &amp; dry, irritated skin</h3>
              </div>
              <p>Eczema is inflamed, intensely itchy skin that can weep, crust or thicken over time from years of scratching — typically in the elbow and knee creases, on the hands, or around the neck. It often accompanies asthma and allergic rhinitis in the same person or family. Itch is the defining misery: it disturbs sleep, and scratching in sleep undoes the healing of the previous day.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Vicharchika</em> — Kapha and Pitta with vitiated Rakta and a strong Vata dryness component. Treatment addresses the inflammation and the dryness together, which topical steroids alone do not.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Trigger identification</b> — food, soap, detergent, fabric, water and stress tracked daily and handed to you in writing</li>
                  <li><i class="fa-solid fa-check"></i> <b>Virechana</b> — where indicated, to clear the Pitta and Rakta component driving the flares</li>
                  <li><i class="fa-solid fa-check"></i> <b>Oleation and Lepa</b> — medicated oils and applications to restore the barrier and break the itch–scratch cycle</li>
                  <li><i class="fa-solid fa-check"></i> <b>Sleep protection</b> — because most scratching damage happens at night, and night-time control changes the whole picture</li>
                  <li><i class="fa-solid fa-check"></i> <b>Gut and digestion work</b> — irregular meals and incompatible foods sit behind a large share of eczema histories</li>
                  <li><i class="fa-solid fa-check"></i> <b>Herbal support</b> — Manjistha, Neem, Haridra and Guduchi preparations to your constitution</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Weeping, crusting, painful or rapidly spreading eczema may be infected and needs medical treatment first. If allergy is central, see our <a href="respiratory-allergy-health#allergies">allergy programme</a> too.</p>
            </article>

            <!-- Acne -->
            <article class="cond reveal" id="acne">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-circle-dot"></i></span>
                <h3>Acne &amp; recurring breakouts</h3>
              </div>
              <p>Blocked, inflamed follicles producing blackheads, papules, pustules or deeper painful cysts — most often on the face, but also the back and chest. It is driven by oil production, hormones, bacteria and inflammation together, which is why single-target treatments disappoint. Adult acne along the jawline, especially in women, frequently points to a hormonal picture such as PCOS rather than to skincare.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Yuvana Pidaka</em> — Pitta and Kapha with Rakta involvement. Cooling, blood-purifying and digestion-correcting measures rather than drying the surface further.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Cause identified first</b> — hormonal, digestive or purely inflammatory acne need different plans, and cystic acne needs dermatology</li>
                  <li><i class="fa-solid fa-check"></i> <b>Virechana</b> — supervised purgation for the Pitta and Rakta component, where assessment supports it</li>
                  <li><i class="fa-solid fa-check"></i> <b>Mukhalepa</b> — classical herbal facial applications selected for your skin type rather than a standard facial</li>
                  <li><i class="fa-solid fa-check"></i> <b>Diet correction</b> — reducing dairy, sugar, refined and fried food; regular meals; no eating late</li>
                  <li><i class="fa-solid fa-check"></i> <b>Constipation and digestion addressed</b> — a consistent finding in acne histories and one of the fastest things to change</li>
                  <li><i class="fa-solid fa-check"></i> <b>Herbal support</b> — Manjistha, Neem, Sariva and Triphala preparations, with Kaishore Guggulu where indicated</li>
                  <li><i class="fa-solid fa-check"></i> <b>Hormonal picture checked</b> — coordinated with our <a href="diabetes-weight-metabolic-health#prediabetes">metabolic programme</a> where insulin resistance or PCOS is involved</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Severe cystic or scarring acne needs dermatological treatment to prevent permanent scarring. If you are on isotretinoin, continue it under your dermatologist and tell us.</p>
            </article>

            <!-- Fungal -->
            <article class="cond reveal" id="fungal">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-bacterium"></i></span>
                <h3>Fungal infection (tinea / ringworm)</h3>
              </div>
              <p>Itchy, ring-shaped patches with a raised advancing edge, commonly in the groin, under the breasts, between the toes or on the trunk — and highly contagious within a household, which is why it returns as fast as it clears. In India specifically, the picture is frequently distorted by over-the-counter combination creams containing a steroid: the redness settles, the itch improves, and the fungus spreads further under cover.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Dadru Kushta</em> — Kapha and Pitta with Rakta involvement, in a body whose <em>Vyadhikshamatva</em> (resistance) has weakened enough to let it persist.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Stop the steroid cream</b> — the single most important step, and the reason many long-standing cases never clear</li>
                  <li><i class="fa-solid fa-check"></i> <b>Proper antifungal treatment</b> — for active spreading infection this is the mainstay, and we will tell you to get it rather than pretend otherwise</li>
                  <li><i class="fa-solid fa-check"></i> <b>Recurrence work</b> — where we genuinely add value: immunity, digestion, blood sugar and the household hygiene that decides reinfection</li>
                  <li><i class="fa-solid fa-check"></i> <b>Lepa and medicated applications</b> — Neem, Haridra and Karanja-based preparations to relieve itching and support healing</li>
                  <li><i class="fa-solid fa-check"></i> <b>Diet and Kapha reduction</b> — curd, sugar, fermented and heavy foods removed while it is active</li>
                  <li><i class="fa-solid fa-check"></i> <b>Clothing and washing protocol</b> — loose cotton, hot-washed clothing, separate towels; unglamorous and decisive</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Fungal infection spreads between people and between body sites. Everyone affected in the household needs treating at the same time or it simply cycles back.</p>
            </article>

            <!-- Vitiligo -->
            <article class="cond reveal" id="vitiligo">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-circle-half-stroke"></i></span>
                <h3>Vitiligo &amp; leucoderma</h3>
              </div>
              <p>Smooth, well-defined patches where the skin has lost its pigment, because the cells that produce it have been destroyed — an autoimmune process, not an infection, and not contagious. It carries a social weight in India far heavier than its medical severity, which is a large part of what people actually come to have addressed. Patches may stay stable for years or spread in phases.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Shwitra</em> or <em>Kilasa</em> — vitiation of Rakta, Mamsa and Meda with Bhrajaka Pitta involvement. Treatment combines internal Shodhana with photosensitising herbs and controlled sun exposure.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>An honest prognosis first</b> — recent, small, stable patches on the trunk and face respond better; hands, feet and lips respond poorly, and we say so before you commit to a stay</li>
                  <li><i class="fa-solid fa-check"></i> <b>Virechana</b> — the classical Shodhana for Shwitra, given after proper preparation</li>
                  <li><i class="fa-solid fa-check"></i> <b>Bakuchi-based preparations</b> — internal and topical, with strictly controlled, graduated sun exposure under supervision</li>
                  <li><i class="fa-solid fa-check"></i> <b>Diet correction</b> — removing incompatible combinations, particularly the milk-with-fish and milk-with-sour patterns the texts identify with this condition</li>
                  <li><i class="fa-solid fa-check"></i> <b>Stress and confidence</b> — addressed directly, because the psychological load here is often greater than the physical one</li>
                  <li><i class="fa-solid fa-check"></i> <b>Thyroid and autoimmune screening</b> — vitiligo travels with other autoimmune conditions often enough to be worth checking</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Bakuchi and sunlight together can cause serious burns and blistering if the exposure is not carefully graded. This is not a self-treatment protocol — it must be supervised.</p>
            </article>

            <!-- Hair loss -->
            <article class="cond reveal" id="hair-loss">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-wind"></i></span>
                <h3>Hair fall, thinning &amp; premature greying</h3>
              </div>
              <p>Losing some hair daily is normal; noticeably more on the pillow, in the shower drain and on the comb is not. The pattern matters more than the volume — receding at the temples and thinning at the crown suggests a genetic, hormone-driven picture, while diffuse thinning across the whole scalp more often follows illness, childbirth, crash dieting, thyroid imbalance, iron deficiency or a period of severe stress. Distinct round bald patches are a different condition again.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Khalitya</em> for hair fall and <em>Palitya</em> for premature greying — Pitta rising to the scalp with depleted Asthi and Majja dhatu, hair being considered a by-product of bone tissue.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Cause found before treatment</b> — thyroid, iron, ferritin, vitamin D and hormonal screening, because treating the scalp when the cause is internal wastes everyone's time</li>
                  <li><i class="fa-solid fa-check"></i> <b>Nasya</b> — the classical therapy for disorders above the collarbone, and central to hair treatment</li>
                  <li><i class="fa-solid fa-check"></i> <b>Shiro Abhyanga and Shirodhara</b> — scalp oleation with Bhringraj and Amalaki-based oils, plus the stress component that drives diffuse shedding</li>
                  <li><i class="fa-solid fa-check"></i> <b>Virechana</b> — where Pitta predominance is clear, as it commonly is in early greying and heavy fall</li>
                  <li><i class="fa-solid fa-check"></i> <b>Nutrition rebuilt</b> — protein, iron and overall adequacy, since hair is the first tissue the body stops funding when supply is short</li>
                  <li><i class="fa-solid fa-check"></i> <b>Rasayana</b> — Bhringraj, Amalaki, Yashtimadhu and Ashwagandha preparations for the rebuilding phase</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Sudden patchy loss, loss with scalp scarring, or hair loss with a rash needs dermatological assessment. Established male-pattern baldness does not reverse with any Ayurvedic treatment, and we will say so.</p>
            </article>

            <!-- Scalp -->
            <article class="cond reveal" id="scalp">
              <div class="cond-head">
                <span class="ring"><i class="fa-solid fa-snowflake"></i></span>
                <h3>Dandruff &amp; scalp health</h3>
              </div>
              <p>Flaking, itching and an irritated scalp — sometimes mild and cosmetic, sometimes a persistent seborrhoeic dermatitis with greasy yellowish scale extending to the eyebrows and sides of the nose. It worsens with stress, cold weather and irregular washing, and the itching-scratching cycle contributes directly to hair fall, which is why the two so often arrive together.</p>
              <p class="ayur"><b>The Ayurvedic view:</b> <em>Darunaka</em> — Vata and Kapha at the scalp with dryness, itching and flaking. Local oleation with internal Kapha reduction.</p>
              <div class="care">
                <h4>Our approach</h4>
                <ul>
                  <li><i class="fa-solid fa-check"></i> <b>Shiro Abhyanga</b> — regular medicated oil application to the scalp, done properly and consistently rather than occasionally</li>
                  <li><i class="fa-solid fa-check"></i> <b>Nasya</b> — for the underlying Kapha and Vata picture above the collarbone</li>
                  <li><i class="fa-solid fa-check"></i> <b>Medicated washes</b> — Triphala, Neem and Yashtimadhu-based preparations replacing harsh commercial shampoos</li>
                  <li><i class="fa-solid fa-check"></i> <b>Washing routine corrected</b> — frequency, water temperature and drying habits, which cause more scalp trouble than most people expect</li>
                  <li><i class="fa-solid fa-check"></i> <b>Diet</b> — reducing curd, fried and fermented food, which reliably worsens flaking</li>
                  <li><i class="fa-solid fa-check"></i> <b>Stress work</b> — Shirodhara and routine, since flares track stress closely in most guests</li>
                </ul>
              </div>
              <p class="note"><i class="fa-solid fa-circle-info"></i> Severe, spreading or painful scalp conditions, or scaling with hair loss and scarring, need dermatological assessment rather than scalp care alone.</p>
            </article>

          </div>

          <div class="expert-cta reveal">
            <p>Not sure what you're actually dealing with? Send photographs and any reports to our <a href="#consult"><strong>Ayurvedic doctors</strong></a> — skin conditions look alike and are treated very differently.</p>
            <div class="expert-actions">
              <a class="ec-btn ec-call" href="tel:+918077829974" aria-label="Call us"><i class="fa-solid fa-phone"></i><span>Call now</span></a>
              <a class="ec-btn ec-wa" href="https://api.whatsapp.com/send?phone=918077829974" target="_blank" rel="noopener" aria-label="Chat on WhatsApp"><i class="fa-brands fa-whatsapp"></i><span>WhatsApp</span></a>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 5. BEAUTY & REJUVENATION ===== -->
      <section class="sec nabh" id="beauty">
        <div class="container-mya">
          <div class="center">
            <p class="eyebrow">Beauty &amp; rejuvenation</p>
            <h2 class="title">Classical beauty care, not cosmetic procedures</h2>
            <p class="lead">Ayurveda's approach to appearance is <em>Saundarya</em> — the visible result of good digestion, sound sleep, clean blood and steady Ojas. These are the therapies that support it.</p>
            <div class="divider"></div>
          </div>
          <div class="impact">
            <div><em>Face</em><b>Mukhalepa</b><span>Herbal facial applications selected for your skin type and constitution, given in a course rather than as a one-off.</span></div>
            <div><em>Body</em><b>Abhyanga</b><span>Daily warm oil massage — the oldest and still the most effective treatment for skin quality and texture.</span></div>
            <div><em>Hair</em><b>Shiro Abhyanga</b><span>Scalp and hair oleation with Bhringraj and Amalaki-based oils, plus Nasya where indicated.</span></div>
            <div><em>Within</em><b>Rasayana</b><span>Rejuvenative herbs, diet and sleep — where visible change actually originates, and where it lasts.</span></div>
          </div>
          <p class="nums-note">We do not offer injectables, lasers, chemical peels or cosmetic surgical procedures, and we will not suggest that herbal treatment substitutes for them. For a full rejuvenation programme, see our <a href="ayurveda-treatment-rishikesh" style="color:var(--gold-2);">Panchakarma and Rasayana retreat</a>.</p>
        </div>
      </section>

      <!-- ===== 6. THERAPIES USED ===== -->
      <section class="sec bg-ivory" id="therapies">
        <div class="container-mya center">
          <p class="eyebrow">The therapies behind the plan</p>
          <h2 class="title">What your days will actually involve</h2>
          <p class="lead">Your Vaidya selects from these after assessment. No two programmes are identical, and nothing is scheduled that hasn't been justified to you first.</p>
          <div class="divider"></div>

          <div class="tgrid" style="grid-template-columns:repeat(4,1fr);">
            <a class="tcard reveal" href="ayurveda-treatment-rishikesh"><span class="ring"><i class="fa-solid fa-leaf"></i></span><span class="lbl">Virechana</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-droplet"></i></span><span class="lbl">Raktamokshana</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-hands"></i></span><span class="lbl">Abhyanga &amp; Snehapana</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-spray-can-sparkles"></i></span><span class="lbl">Nasya</span></a>
            <a class="tcard reveal" href="#beauty"><span class="ring"><i class="fa-solid fa-mortar-pestle"></i></span><span class="lbl">Lepa &amp; Mukhalepa</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-shower"></i></span><span class="lbl">Takradhara</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-bowl-food"></i></span><span class="lbl">Diet &amp; viruddha ahara review</span></a>
            <a class="tcard reveal" href="#consult"><span class="ring"><i class="fa-solid fa-seedling"></i></span><span class="lbl">Rasayana</span></a>
          </div>

          <div class="plan">
            <div>
              <em>Days 1–2</em>
              <b>Assessment</b>
              <span>Nadi Pariksha, Prakriti and Vikriti analysis, examination of the affected areas, review of reports and every cream and medicine you have used. Photographs taken as a baseline.</span>
            </div>
            <div>
              <em>Days 3–7</em>
              <b>Preparation</b>
              <span>Snehapana and Swedana to prepare for Shodhana, diet corrected from day one, local applications begun.</span>
            </div>
            <div>
              <em>Days 8–18</em>
              <b>Main therapy</b>
              <span>Virechana, and Raktamokshana where indicated — the classical Kushta protocol. Skin often looks worse briefly before it improves; this is expected and explained.</span>
            </div>
            <div>
              <em>Days 19–28</em>
              <b>Rebuilding</b>
              <span>Rasayana, repeat photographs, and the written home protocol: your triggers, your diet, your applications and your seasonal plan.</span>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 7. YOUR JOURNEY IN 3 STEPS ===== -->
      <section class="sec bg-sand">
        <div class="container-mya center">
          <p class="eyebrow">Simple &amp; guided</p>
          <h2 class="title">Your journey in three steps</h2>
          <div class="divider"></div>
          <div class="steps">
            <div class="step reveal">
              <div class="num">1</div>
              <h4>Share your concern</h4>
              <p>Request a free callback and send clear photographs, any diagnosis, and the list of creams and medicines you have already tried.</p>
            </div>
            <div class="step reveal">
              <div class="num">2</div>
              <h4>Get a personal plan</h4>
              <p>Our doctors identify what is driving it and build the programme around that — or tell you honestly when dermatology is what you need first.</p>
            </div>
            <div class="step reveal">
              <div class="num">3</div>
              <h4>Begin the work</h4>
              <p>Join us in Rishikesh, or start with a teleconsultation and a diet and routine plan you can begin at home.</p>
            </div>
          </div>

          <div class="redflag reveal">
            <h3><i class="fa-solid fa-triangle-exclamation"></i> When to seek urgent medical care</h3>
            <p>Most skin conditions are not urgent. A few are, and they are easy to mistake for an ordinary flare. Seek medical care the same day if you have:</p>
            <ul class="rf-list">
              <li><i class="fa-solid fa-circle-exclamation"></i> A rash with fever, or one that is spreading rapidly over hours</li>
              <li><i class="fa-solid fa-circle-exclamation"></i> Blistering or peeling skin, or sores in the mouth, eyes or genitals</li>
              <li><i class="fa-solid fa-circle-exclamation"></i> Any rash that began soon after starting a new medicine</li>
              <li><i class="fa-solid fa-circle-exclamation"></i> Skin that is hot, painful, swollen and red with a spreading edge</li>
              <li><i class="fa-solid fa-circle-exclamation"></i> Redness covering most of the body, with shivering or feeling unwell</li>
              <li><i class="fa-solid fa-circle-exclamation"></i> A mole that is changing in size, shape, colour, or has begun to bleed</li>
            </ul>
            <p class="rf-foot"><b>In India, dial 108 for an ambulance.</b> Blistering or peeling with mouth and eye involvement after a new medicine is a severe drug reaction — it needs a hospital immediately, not a dermatology appointment next week.</p>
          </div>
        </div>
      </section>

      <!-- ===== 8. AWARDS (identical to home) ===== -->
      <section class="sec bg-ivory" id="awards">
        <div class="container-mya center">
          <p class="eyebrow">Recognition &amp; trust</p>
          <h2 class="title">Our awards</h2>
          <p class="lead">Milestones that reflect our dedication to authentic Ayurvedic care.</p>
          <div class="divider"></div>
          <!-- NOTE: keep this identical to index.php — drop real award photos into
               the site root (matching filenames) and update captions there first. -->
          <div class="awards">
            <div class="award reveal">
              <div class="photo"><img src="house_of_lords.jpg" alt="Award — Maa Yoga Ashram" loading="lazy" onerror="this.remove();this.parentNode.innerHTML='<i class=&quot;fa-solid fa-trophy fa-2x&quot;></i>';"></div>
              <p class="cap">Yogi Dr. Amrit Raj felicitated for service to Yoga &amp; Ayurveda <em></em></p>
            </div>
            <div class="award reveal">
              <div class="photo"><img src="president.JPG" alt="Award — Maa Yoga Ashram" loading="lazy" onerror="this.remove();this.parentNode.innerHTML='<i class=&quot;fa-solid fa-trophy fa-2x&quot;></i>';"></div>
              <p class="cap">Recognition at a national Ayurveda Congress <em></em></p>
            </div>
            <div class="award reveal">
              <div class="photo"><img src="thailandPM.jpg" alt="Award — Maa Yoga Ashram" loading="lazy" onerror="this.remove();this.parentNode.innerHTML='<i class=&quot;fa-solid fa-trophy fa-2x&quot;></i>';"></div>
              <p class="cap">Honoured by the Thailand Prime Minister <em></em></p>
            </div>
            <div class="award reveal">
              <div class="photo"><img src="supres.JPG" alt="Award — Maa Yoga Ashram" loading="lazy" onerror="this.remove();this.parentNode.innerHTML='<i class=&quot;fa-solid fa-trophy fa-2x&quot;></i>';"></div>
              <p class="cap">Featured at an international yoga summit <em></em></p>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 9. TESTIMONIALS (identical to home) ===== -->
      <section class="sec bg-sand">
        <div class="container-mya center">
          <p class="eyebrow">Voices of healing</p>
          <h2 class="title">Stories from our guests</h2>
          <div class="divider"></div>
          <div class="tm-wrap">
            <div class="tm-track">
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>The personalized Ayurveda plan brought a calm I hadn't felt in years. The doctors truly listen.</p><div class="tm-who"><span class="av">A</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>A serene, authentic retreat. The yoga sessions and the setting by the Ganga were unforgettable.</p><div class="tm-who"><span class="av">S</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>Panchakarma here was deeply restorative. I left lighter in body and mind, with a plan to keep going.</p><div class="tm-who"><span class="av">M</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>Warm people, sattvic food, and mornings by the river. It felt like coming home to myself.</p><div class="tm-who"><span class="av">J</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>The Ayurveda course gave me a foundation I now use every single day. Beautifully taught.</p><div class="tm-who"><span class="av">L</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card"><div class="tm-stars">★★★★★</div><p>From the first consultation to the last day, everything was unhurried and personal.</p><div class="tm-who"><span class="av">R</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>The personalized Ayurveda plan brought a calm I hadn't felt in years. The doctors truly listen.</p><div class="tm-who"><span class="av">A</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>A serene, authentic retreat. The yoga sessions and the setting by the Ganga were unforgettable.</p><div class="tm-who"><span class="av">S</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>Panchakarma here was deeply restorative. I left lighter in body and mind, with a plan to keep going.</p><div class="tm-who"><span class="av">M</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>Warm people, sattvic food, and mornings by the river. It felt like coming home to myself.</p><div class="tm-who"><span class="av">J</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>The Ayurveda course gave me a foundation I now use every single day. Beautifully taught.</p><div class="tm-who"><span class="av">L</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
              <div class="tm-card tm-dup" aria-hidden="true"><div class="tm-stars">★★★★★</div><p>From the first consultation to the last day, everything was unhurried and personal.</p><div class="tm-who"><span class="av">R</span><div><div class="n">Guest name</div><div class="r">Country · verified guest</div></div></div></div>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 10. GUEST SUCCESS VIDEOS (identical to home) ===== -->
      <section class="sec bg-ivory" id="success-videos">
        <div class="container-mya center">
          <p class="eyebrow">Real stories, real results</p>
          <h2 class="title">Guest success videos</h2>
          <p class="lead">Hear directly from guests who embraced yoga and Ayurveda with us.</p>
          <div class="divider"></div>
          <div class="vids">
            <div class="vid reveal"><span class="vtag">Guest review · Brazil</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="zSvfoTp19NM"></div></div>
            <div class="vid reveal"><span class="vtag">Yoga &amp; Ayurveda retreat</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="jvqeLk7n9w8"></div></div>
            <div class="vid reveal"><span class="vtag">Ayurveda treatment center</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="vVvRXo3E8uQ"></div></div>
            <div class="vid reveal"><span class="vtag">Retreat experience</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="ls-XkDOeL_w"></div></div>
            <div class="vid reveal"><span class="vtag">Inside the ashram · 4K</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="tHAVyBh26yI"></div></div>
            <div class="vid reveal"><span class="vtag">Featured · Ashrams of India</span><span class="vver"><i class="fa-solid fa-circle-check"></i>Verified</span><div class="youtube-player" data-id="1Q1sDTk8Q7U"></div></div>
          </div>
          <div style="margin-top:32px;">
            <a class="btn btn-ghost" href="https://www.youtube.com/@maayogaashramarogyadham9831" target="_blank" rel="noopener"><i class="fa-brands fa-youtube"></i> Watch more on YouTube</a>
          </div>
        </div>
      </section>

      <!-- ===== 11. FAQ (page-specific) ===== -->
      <section class="sec bg-sand">
        <div class="container-mya center">
          <p class="eyebrow">Got questions?</p>
          <h2 class="title">Frequently asked</h2>
          <div class="divider"></div>
          <div class="faq" style="text-align:left;">
            <div class="faq-item">
              <button class="faq-q" type="button">Can Ayurveda cure psoriasis? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Psoriasis has no cure in any system of medicine, and we won't claim one. What Ayurvedic treatment can realistically achieve is longer gaps between flares, milder flares, less itching and scaling, and far better day-to-day tolerance. Many guests find they need topical steroids less often — but that decision belongs with their dermatologist, not with us.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">Why treat skin problems from the inside? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Because in Ayurveda chronic skin disease is Kushta — a disorder of blood and deeper tissue, not of the surface. Virechana, the purificatory therapy that clears Pitta and vitiated Rakta, is the classical mainstay, supported by correcting digestion and removing incompatible foods. Creams manage what you can see; they don't change what's producing it.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">Will my vitiligo patches repigment? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Sometimes, partially, and unpredictably. Recent, small, stable patches on the face and trunk respond considerably better than long-standing patches on the hands, feet and lips, and younger skin responds better than older. Our doctors will give you a frank assessment of your own likelihood before you commit to a stay. We do not guarantee repigmentation.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">My ringworm got worse after using a cream. Why? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Almost certainly because the cream contained a steroid. Combination steroid-antifungal creams are sold freely across India and they do real damage in fungal infection: the redness and itching settle, so it feels like improvement, while the fungus spreads underneath. Stopping the steroid and getting a proper antifungal course is the first requirement — our role is the recurrence side.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">Will my skin get worse before it gets better? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Sometimes, briefly, particularly around Virechana. It is expected, it is explained to you before it happens, and our doctors watch it daily. What we would flag as different is a sudden spreading rash, blistering or fever — that is not part of the process and is handled as a medical matter.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">Do you offer facials, injectables or cosmetic procedures? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>We offer classical Ayurvedic beauty care — Mukhalepa herbal applications, Abhyanga, Shiro Abhyanga and Rasayana with the diet and sleep routine behind them. We do not offer injectables, lasers, chemical peels or cosmetic surgery, and we won't pretend herbal treatment substitutes for them.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">How long should I stay? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Skin programmes are usually 21 to 28 days. Virechana requires several days of internal oleation beforehand and a staged recovery afterwards, so shorter stays only allow part of the protocol. Chronic psoriasis and vitiligo often need repeated courses across seasons rather than one long stay.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">What should I bring? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Photographs from when the condition was at its worst, any biopsy or patch-test reports, recent blood work including thyroid, iron and vitamin D if hair fall is your concern, and every cream, tablet and supplement you are currently using — including the ones bought without a prescription.</p></div>
            </div>
            <div class="faq-item">
              <button class="faq-q" type="button">Is treatment covered by insurance? <i class="fa-solid fa-plus"></i></button>
              <div class="faq-a"><p>Cashless TPA services for Panchakarma and Ayurveda treatments are available with several insurers, and we provide reimbursement support for others. Details are in the accreditation section below.</p></div>
            </div>
          </div>
          <div style="margin-top:28px;"><a class="btn btn-ghost" href="faqs">View all FAQs <i class="fa-solid fa-arrow-right"></i></a></div>
        </div>
      </section>

      <!-- ===== 12. GALLERY (identical to home) ===== -->
      <section class="sec bg-ivory" id="gallery">
        <div class="container-mya center">
          <p class="eyebrow">Life at the ashram</p>
          <h2 class="title">Gallery</h2>
          <p class="lead">Moments from the mat, the treatment rooms, and the banks of the Ganga.</p>
          <div class="divider"></div>
          <!-- NOTE: keep this identical to index.php's gallery so every page shows the same photos. -->
          <div class="gal">
            <a href="assets/image/maa-yoga-ashram-rishikesh.webp" class="tall gl"><img src="assets/image/maa-yoga-ashram-rishikesh.webp" alt="Maa Yoga Ashram, Rishikesh" loading="lazy"></a>
            <a href="hawan.jpeg" class="gl"><img src="hawan.jpeg" alt="Yoga session at the ashram" loading="lazy"></a>
            <a href="dinner.jpg" class="gl"><img src="dinner.jpg" alt="Ayurveda therapy" loading="lazy"></a>
            <a href="mya.jpeg" class="tall gl"><img src="wall_art.jpg" alt="Vedic ceremony by the Ganga" loading="lazy"></a>
            <a href="wall_art.jpg" class="gl"><img src="mya.jpeg" alt="Ayurveda course class" loading="lazy"></a>
            <a href="assets/image/ayurvedic-treatment-rishikesh-india.webp" class="gl"><img src="assets/image/ayurvedic-treatment-rishikesh-india.webp" alt="Ayurvedic treatment" loading="lazy"></a>
          </div>
        </div>
      </section>

      <!-- lightbox for gallery -->
      <div class="mya-lb" id="myaLb" role="dialog" aria-modal="true" aria-label="Image preview">
        <button class="lb-close" id="myaLbClose" aria-label="Close preview">&times;</button>
        <img src="" alt="Gallery preview" id="myaLbImg">
      </div>

      <!-- ===== 13. NABH + CASHLESS INSURANCE (identical to home) ===== -->
      <section class="sec nabh" id="accreditation">
        <div class="container-mya">
          <div class="center">
            <p class="eyebrow">Accredited care</p>
            <h2 class="title">NABH-certified. Insurance-friendly.</h2>
            <p class="lead">Healthcare-grade standards behind a serene retreat experience.</p>
            <div class="divider"></div>
          </div>
          <div class="nabh-grid">

            <div class="reveal">
              <div class="nabh-badge">
                <div class="bimg">
                  <img src="assets/media/NABH-certification-arogyadham-rishikesh.webp" alt="NABH Certified — Patient Safety &amp; Quality of Care" loading="lazy" onerror="this.remove();this.parentNode.innerHTML='<i class=&quot;fa-solid fa-award fa-2x&quot; style=&quot;color:#0e3b2e&quot;></i>';">
                </div>
                <h3 style="margin:0;">NABH certification</h3>
              </div>
              <p class="ntext">Maa Yoga Ashram, a unit of Arogyadham, is NABH certified — a mark of our dedication to healthcare quality and patient safety. The certification means our Ayurvedic treatments and wellness programs are delivered to recognised national standards, so you can trust your health journey with us completely.</p>
            </div>

            <div class="ins-card reveal">
              <h3>Cashless insurance &amp; reimbursement</h3>
              <p class="ntext" style="margin-bottom:0;">Cashless TPA services for Panchakarma and Ayurveda treatments are available through:</p>
              <div class="ins-pills">
                <span class="ins-pill"><i class="fa-solid fa-shield-halved"></i> SBI General Insurance</span>
                <span class="ins-pill"><i class="fa-solid fa-shield-halved"></i> Bajaj Allianz</span>
                <span class="ins-pill"><i class="fa-solid fa-shield-halved"></i> Universal Sompo</span>
                <span class="ins-pill"><i class="fa-solid fa-shield-halved"></i> Cholamandalam MS</span>
                <span class="ins-pill"><i class="fa-solid fa-shield-halved"></i> Ericson Insurance TPA</span>
              </div>
              <div class="ins-note">
                <i class="fa-solid fa-circle-info"></i>
                <span>Covered by another insurer? We also provide reimbursement support for Ayurveda services and treatments under all other insurance companies.</span>
              </div>
            </div>

          </div>
        </div>
      </section>

      <!-- ===== 14. VISIT US (identical to home) ===== -->
      <section class="sec bg-ivory" id="visit">
        <div class="container-mya">
          <div class="split">
            <div class="map-frame reveal">
              <iframe title="Maa Yoga Ashram location on the map" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
                src="https://www.google.com/maps?q=30.132015260877274,78.3262951832095&hl=en&z=15&output=embed"></iframe>
            </div>
            <div class="visit-info reveal">
              <p class="eyebrow">Find us</p>
              <h2 class="title">Visit the ashram</h2>
              <div class="divider left"></div>
              <div style="margin-top:24px;">
                <div class="row"><i class="fa-solid fa-location-dot"></i><span>Aamkhala, Badrinath Road, Tapovan, Rishikesh, Uttarakhand 249201, India</span></div>
                <div class="row"><i class="fa-solid fa-phone"></i><span><a href="tel:+918077829974" style="color:inherit; text-decoration:none;">+91 80778 29974</a></span></div>
                <div class="row"><i class="fa-regular fa-clock"></i><span>Mon–Fri 9am–2pm &amp; 4pm–8pm · Sat 9am–2pm · Sun 10am–12pm</span></div>
              </div>
              <a class="btn btn-primary" href="https://www.google.com/maps/dir/?api=1&destination=30.132015260877274,78.3262951832095" target="_blank" rel="noopener"><i class="fa-solid fa-diamond-turn-right"></i> Get directions</a>
            </div>
          </div>
        </div>
      </section>

      <!-- ===== 15. FINAL CTA ===== -->
      <section class="sec final">
        <div class="container-mya">
          <h2>Care for your skin. Care for yourself.</h2>
          <p>Warm, unhurried guidance — whenever you're ready.</p>
          <a class="btn btn-gold" href="#consult"><i class="fa-solid fa-leaf"></i> Request a callback</a>
        </div>
      </section>

    </main>
    <!-- ============ /SKIN & HAIR HEALTH PAGE ============ -->

    <!-- ================= FOOTER (identical to index.php) ================= -->
<footer class="mya-footer">
  <div class="mf-wrap">
    <div class="mf-grid">

      <div class="mf-brand">
        <a class="mf-logo" href="/"><img src="mya-logo.png" alt="Maa Yoga Ashram logo" onerror="this.remove();"></a>
        <p>A sanctuary for yoga, Ayurveda and healing — by the Ganga in Rishikesh.</p>
        <div class="mf-social">
          <a href="https://www.instagram.com/maayogaashram/" target="_blank" rel="noopener" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
          <a href="https://www.facebook.com/maayogashram/" target="_blank" rel="noopener" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
          <a href="https://www.youtube.com/@maayogaashramarogyadham9831" target="_blank" rel="noopener" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
          <a href="https://x.com/maayogaashram" target="_blank" rel="noopener" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a>
        </div>
      </div>

      <div class="mf-col">
        <h4>Explore</h4>
        <a href="about-us">About the ashram</a>
        <a href="index#doctors">Our doctors</a>
        <a href="blogs">Journal</a>
        <a href="faqs">FAQs</a>
        <a href="contact-us">Contact</a>
      </div>

      <div class="mf-col">
        <h4>Programs</h4>
        <a href="yoga-retreat-rishikesh-india">Yoga Retreat</a>
        <a href="ayurveda-retreats-in-rishikesh">Ayurveda Retreat</a>
        <a href="ayurveda-courses-rishikesh">Ayurveda Courses</a>
        <a href="ayurveda-treatment-rishikesh">Ayurveda Treatments</a>
        <a href="vedic-hindu-wedding-ceremony-india">Vedic Hindu Wedding</a>
      </div>

      <div class="mf-col mf-contact">
        <h4>Visit us</h4>
        <p><i class="fa-solid fa-location-dot"></i> Aamkhala, Badrinath Road, Tapovan, Rishikesh, Uttarakhand 249201</p>
        <a href="tel:+918077829974"><i class="fa-solid fa-phone"></i> +91 80778 29974</a>
        <p><i class="fa-regular fa-clock"></i> Mon–Fri 9–2 &amp; 4–8 · Sat 9–2 · Sun 10–12</p>
      </div>

    </div>

    <div class="mf-reviews">
      <span class="mf-rev-label">Our reviews</span>
      <a class="mf-rev" href="https://www.tripadvisor.com/Attraction_Review-g10476793-d5063948-Reviews-Maa_Yoga_Ashram-Tapovan_Tehri_Garhwal_District_Uttarakhand.html" target="_blank" rel="noopener">
        <i class="fa-brands fa-tripadvisor" style="color:#00aa6c;"></i>
        <span><span class="rn">Tripadvisor</span><span class="rs">★★★★★</span></span>
      </a>
      <a class="mf-rev" href="https://www.google.com/maps/search/?api=1&query=Maa+Yoga+Ashram+Tapovan+Rishikesh" target="_blank" rel="noopener">
        <i class="fa-brands fa-google" style="color:#4285F4;"></i>
        <span><span class="rn">Google</span><span class="rs">★★★★★</span></span>
      </a>
      <a class="mf-rev" href="https://www.facebook.com/maayogashram/reviews" target="_blank" rel="noopener">
        <i class="fa-brands fa-facebook" style="color:#1877f2;"></i>
        <span><span class="rn">Facebook</span><span class="rs">★★★★★</span></span>
      </a>
      <a class="mf-rev" href="https://www.trustpilot.com/review/maayogashram.com" target="_blank" rel="noopener">
        <i class="fa-solid fa-star" style="color:#00b67a;"></i>
        <span><span class="rn">Trustpilot</span><span class="rs">★★★★★</span></span>
      </a>
    </div>

    <div class="mf-bottom">
      <span>© <?php echo date('Y'); ?> Maa Yoga Ashram. All rights reserved.</span>
      <span class="mf-legal"><a href="privacy-policy">Privacy Policy</a> · <a href="terms-conditions">Terms</a></span>
    </div>
  </div>
</footer>

<!-- mobile sticky action bar -->
<div class="mf-mobilebar">
  <a class="mm-wa" href="https://api.whatsapp.com/send?phone=918077829974" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> WhatsApp</a>
  <a class="mm-book" href="#consult">Book consultation</a>
</div>

<style>
/* ===== FOOTER (identical to index.php) ===== */
.mya-footer{background:#efe9dd; font-family:'Jost',-apple-system,sans-serif; color:#5d685f; border-top:1px solid #e2ddce;}
.mya-footer a{text-decoration:none; color:inherit; transition:color .2s;}
.mya-footer .mf-wrap{max-width:1200px; margin:0 auto; padding:64px 24px 28px;}
.mya-footer .mf-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:40px;}

.mya-footer .mf-logo{font-family:'Cormorant Garamond',Georgia,serif; font-size:26px; font-weight:600; color:#0e3b2e; display:inline-flex; align-items:center; gap:12px; margin-bottom:14px;}
.mya-footer .mf-logo img{height:48px; width:auto; display:block;}
.mya-footer .mf-brand p{font-size:14.5px; margin:0 0 18px; max-width:300px; line-height:1.7;}
.mya-footer .mf-social{display:flex; gap:12px;}
.mya-footer .mf-social a{width:38px; height:38px; border-radius:50%; border:1px solid #ccc6b4; display:flex; align-items:center; justify-content:center; color:#0e3b2e; font-size:15px;}
.mya-footer .mf-social a:hover{background:#0e3b2e; border-color:#0e3b2e; color:#fff;}

.mya-footer .mf-col h4{font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; color:#0e3b2e; margin:0 0 16px;}
.mya-footer .mf-col a{display:block; font-size:14.5px; padding:6px 0; color:#5d685f;}
.mya-footer .mf-col a:hover{color:#b08d57;}
.mya-footer .mf-contact p{font-size:14px; margin:0 0 12px; line-height:1.6;}
.mya-footer .mf-contact i{color:#b08d57; margin-right:8px;}
.mya-footer .mf-contact a{color:#5d685f; font-size:14px;}
.mya-footer .mf-contact a:hover{color:#b08d57;}

.mya-footer .mf-reviews{margin-top:44px; padding-top:26px; border-top:1px solid #ddd7c8;
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;}
.mya-footer .mf-rev-label{font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#8c948b; margin-right:8px;}
.mya-footer .mf-rev{display:inline-flex; align-items:center; gap:11px; background:#fff; border:1px solid #e2ddce;
  border-radius:12px; padding:11px 18px; transition:.25s;}
.mya-footer .mf-rev:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(14,59,46,.10); border-color:#c8a86a;}
.mya-footer .mf-rev > i{font-size:21px;}
.mya-footer .mf-rev .rn{display:block; font-weight:500; color:#0e3b2e; font-size:14px; line-height:1.15;}
.mya-footer .mf-rev .rs{display:block; color:#c8a86a; font-size:10.5px; letter-spacing:2px;}

.mya-footer .mf-bottom{margin-top:44px; padding-top:22px; border-top:1px solid #ddd7c8;
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:13px; color:#8c948b;}
.mya-footer .mf-legal a:hover{color:#b08d57;}

@media (max-width:900px){
  .mya-footer .mf-grid{grid-template-columns:1fr 1fr; gap:32px;}
  .mya-footer .mf-wrap{padding:48px 20px 24px;}
}
@media (max-width:520px){
  .mya-footer .mf-grid{grid-template-columns:1fr;}
  .mya-footer .mf-bottom{justify-content:flex-start;}
}

/* ===== MOBILE STICKY ACTION BAR ===== */
.mf-mobilebar{display:none;}
@media (max-width:900px){
  .mf-mobilebar{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:900;
    background:#fff; border-top:1px solid #e2ddce; box-shadow:0 -4px 18px rgba(14,59,46,.08); font-family:'Jost',sans-serif;}
  .mf-mobilebar a{flex:1; text-align:center; padding:14px 0; font-size:14px; font-weight:500; text-decoration:none;}
  .mf-mobilebar .mm-wa{color:#0e3b2e; border-right:1px solid #e2ddce;}
  .mf-mobilebar .mm-wa i{color:#25D366; margin-right:6px;}
  .mf-mobilebar .mm-book{background:#c8a86a; color:#2c261c;}
  body{padding-bottom:56px;}
}
</style>
    <!-- ================= /FOOTER ================= -->

  </div>

  <!-- Back To Top -->
  <button class="scrollToTopBtn" title="Back to Top"><i class="fa fa-arrow-up"></i></button>

  <!-- Existing vendor JS -->
  <script src="assets/js/vendor/bootstrap.min.js"></script>
  <script src="assets/js/vendor/jquery-3.6.3.min.js"></script>
  <script src="assets/js/vendor/slick.min.js"></script>
  <script src="assets/js/vendor/video.js"></script>
  <script src="assets/js/app.js"></script>

  <!-- Page interactions (identical to index.php) -->
  <script>
  (function () {
    // FAQ accordion
    document.querySelectorAll('.mya .faq-q').forEach(function (btn) {
      btn.addEventListener('click', function () {
        var item = btn.closest('.faq-item');
        var ans = item.querySelector('.faq-a');
        var open = item.classList.contains('open');
        item.parentNode.querySelectorAll('.faq-item.open').forEach(function (o) {
          if (o !== item) { o.classList.remove('open'); o.querySelector('.faq-a').style.maxHeight = null; }
        });
        if (open) { item.classList.remove('open'); ans.style.maxHeight = null; }
        else { item.classList.add('open'); ans.style.maxHeight = ans.scrollHeight + 'px'; }
      });
    });

    // Reveal on scroll
    var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    if (!reduce && 'IntersectionObserver' in window) {
      var io = new IntersectionObserver(function (entries) {
        entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
      }, { threshold: 0.12 });
      document.querySelectorAll('.mya .reveal').forEach(function (el) { io.observe(el); });
    } else {
      document.querySelectorAll('.mya .reveal').forEach(function (el) { el.classList.add('in'); });
    }

    // Gallery lightbox
    var lb = document.getElementById('myaLb'), lbImg = document.getElementById('myaLbImg'), lbClose = document.getElementById('myaLbClose');
    if (lb) {
      document.querySelectorAll('.mya .gal a.gl').forEach(function (a) {
        a.addEventListener('click', function (e) {
          e.preventDefault();
          lbImg.src = a.getAttribute('href');
          lb.classList.add('open');
          document.body.style.overflow = 'hidden';
        });
      });
      function lbHide(){ lb.classList.remove('open'); lbImg.src=''; document.body.style.overflow=''; }
      lbClose.addEventListener('click', lbHide);
      lb.addEventListener('click', function (e) { if (e.target === lb) lbHide(); });
      document.addEventListener('keydown', function (e) { if (e.key === 'Escape') lbHide(); });
    }

    // Smooth scroll for on-page anchors
    document.querySelectorAll('a[href^="#"]').forEach(function (a) {
      a.addEventListener('click', function (e) {
        var id = a.getAttribute('href');
        if (id.length < 2) return;
        var target = document.querySelector(id);
        if (!target) return;
        e.preventDefault();
        target.scrollIntoView({ behavior: 'smooth', block: 'center' });
      });
    });

    // Lazy YouTube
    function labnolIframe(div) {
      var iframe = document.createElement("iframe");
      iframe.setAttribute("src", "https://www.youtube.com/embed/" + div.dataset.id + "?autoplay=1&rel=0");
      iframe.setAttribute("frameborder", "0");
      iframe.setAttribute("allowfullscreen", "1");
      iframe.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture");
      div.parentNode.replaceChild(iframe, div);
    }
    document.querySelectorAll('.mya .youtube-player').forEach(function (player) {
      var videoId = player.dataset.id;
      var div = document.createElement("div");
      div.setAttribute("data-id", videoId);
      var image = document.createElement("img");
      image.setAttribute("alt", "Maa Yoga Ashram");
      image.src = "https://i.ytimg.com/vi/" + videoId + "/hqdefault.jpg";
      div.appendChild(image);
      var playButton = document.createElement("div");
      playButton.setAttribute("class", "play");
      div.appendChild(playButton);
      div.onclick = function () { labnolIframe(this); };
      player.appendChild(div);
    });
  })();
  </script>
</body>
</html>