/* =========================================================
   PRATHMESH CARDIAC INSTITUTE — HOMEPAGE STYLES
   Loaded only by index.php. Header, footer and top bar are
   NOT here — those live in prathmesh-site.css and are shared
   by every page.
   ========================================================= */

  :root{
    --navy:#02204A;        /* Primary / Brand */
    --medblue:#0B6FA4;     /* Secondary */
    --teal:#00A6A6;        /* Accent */
    --bg-soft:#F5F9FC;     /* Background */
    --white:#FFFFFF;       /* Cards */
    --text-main:#162536;   /* Main Text */
    --text-secondary:#64748B; /* Secondary Text */
    --heart-red:#D92D3F;   /* Emergency / CTA Accent */
  }
body{font-family:'Inter',sans-serif;color:var(--text-main);background:var(--bg-soft);}
  h1,h2,h3{font-family:'Poppins',sans-serif;color:var(--navy);}
  a{text-decoration:none;}


  
  /* ===== BUTTONS (these lived in the old header block; the header is now
     shared, but the homepage body still uses these classes) ===== */
  .pci-home .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;white-space:nowrap;border:2px solid transparent;cursor:pointer;text-decoration:none;}
  .pci-home .btn svg{width:16px;height:16px;flex-shrink:0;}
  .pci-home .btn-primary{background:var(--heart-red);color:var(--white);}
  .pci-home .btn-primary:hover{background:#b7212f;color:var(--white);}
  .pci-home .btn-outline{background:transparent;color:var(--navy);border-color:var(--navy);}
  .pci-home .btn-outline:hover{background:var(--navy);color:var(--white);}
  /* on the dark hero the outline button must read white, not navy */
  .pci-home .hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.75);}
  .pci-home .hero .btn-outline:hover{background:#fff;color:var(--navy);border-color:#fff;}

/* ===== HERO (photo background, text on light-sky side) ===== */
  .hero{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    background-image:
      linear-gradient(90deg, rgba(2,32,74,0.88) 0%, rgba(2,32,74,0.72) 28%, rgba(2,32,74,0.28) 52%, rgba(2,32,74,0.02) 68%),
      url("/assets/img/home/home-01.jpg");
    background-size:cover;
    background-position:center;
  }
  .hero-inner{max-width:1280px;margin:0 auto;padding:80px 24px;width:100%;}
  .hero-copy{max-width:600px;}
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(0,166,166,0.18);
    border:1px solid rgba(0,166,166,0.55);
    color:#7CE3E3;
    font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:20px;
  }
  .hero-eyebrow svg{width:14px;height:14px;}
  .hero h1{color:var(--white);font-size:42px;line-height:1.22;font-weight:700;margin-bottom:18px;}
  .hero h1 em{color:#FF8A9A;font-style:normal;}
  .hero p.sub{color:#D7E3EF;font-size:17px;line-height:1.65;max-width:520px;margin-bottom:28px;}
  .hero-cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:34px;}
  .hero-cta-row .btn-primary{padding:15px 30px;font-size:15px;}
  .hero-cta-row .btn-ghost{display:inline-flex;align-items:center;gap:10px;color:var(--white);font-weight:600;font-size:15px;padding:15px 6px;}
  .hero-cta-row .btn-ghost .icon-circle{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .hero-cta-row .btn-ghost svg{width:18px;height:18px;color:var(--white);}
  .hero-cta-row .btn-ghost .label small{display:block;font-weight:400;font-size:12px;color:#AFC3D6;}
  .hero-trust{display:flex;gap:28px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,0.22);}
  .hero-trust .stat b{display:block;color:var(--white);font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;}
  .hero-trust .stat span{color:#AFC3D6;font-size:13px;}

  /* ===== RESPONSIVE ===== */
  @media (max-width:960px){
    .nav-links,.nav-cta{display:none;}
    .nav-toggle{display:block;}
    .hero{min-height:auto;background-image:linear-gradient(180deg, rgba(2,32,74,0.55) 0%, rgba(2,32,74,0.88) 65%, rgba(2,32,74,0.96) 100%), url("/assets/img/home/home-01.jpg");}
    .hero-inner{padding:56px 20px;}
    .hero-copy{max-width:100%;}
    .hero h1{font-size:30px;}
  }
  @media (max-width:600px){
    .top-bar-inner{font-size:11px;gap:8px;}
    .hero h1{font-size:25px;}
    .hero p.sub{font-size:15px;}
    .hero-cta-row{flex-direction:column;align-items:flex-start;}
  }

  /* ===== SECTION 2 — QUICK TRUST BAR ===== */
  .trustbar{
    background:var(--white);
    padding:64px 24px 68px;
  }
  .trustbar-inner{max-width:1200px;margin:0 auto;}
  .section-head{text-align:center;max-width:640px;margin:0 auto 44px;}
  .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--teal);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;}
  .section-head p{color:var(--text-secondary);font-size:15.5px;line-height:1.6;}

  .trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
  }
  .trust-card{
    background:var(--bg-soft);
    border:1px solid rgba(2,32,74,0.06);
    border-radius:16px;
    padding:32px 24px;
    text-align:center;
    transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
  .trust-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 32px rgba(2,32,74,0.10);
    background:var(--white);
  }
  .trust-icon{
    width:72px;height:72px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--navy) 0%, var(--medblue) 100%);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 18px rgba(11,111,164,0.28);
  }
  .trust-icon svg{width:34px;height:34px;color:var(--white);}
  .trust-card h3{font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.35;}
  .trust-card p{color:var(--text-secondary);font-size:13.5px;line-height:1.55;}

  @media (max-width:960px){
    .trust-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:560px){
    .trust-grid{grid-template-columns:1fr;}
    .section-head h2{font-size:24px;}
  }
  /* ===== SECTION 3 — COMMON HEART SYMPTOMS (dark, to make the highlighted heart pop) ===== */
  .symptoms{
    background:linear-gradient(160deg, var(--navy) 0%, #051a36 100%);
    padding:80px 24px;
  }
  .symptoms-inner{
    max-width:1240px;margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:48px;
    align-items:center;
  }

  /* ---- media column: image centered both ways in its own square stage ---- */
  .symptoms-media{
    position:relative;
    width:100%;
    max-width:540px;
    aspect-ratio:1/1;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .symptoms-media .backdrop{
    position:absolute;
    inset:0;
    margin:auto;
    width:88%;height:88%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(0,166,166,0.22) 0%, rgba(0,166,166,0.08) 55%, rgba(0,166,166,0) 76%);
  }
  .symptoms-media .photo-wrap{
    position:relative;
    width:86%;
  }
  .symptoms-media img{
    width:100%;
    display:block;
    position:relative;
    z-index:2;
    filter:drop-shadow(0 24px 40px rgba(0,0,0,0.45));
  }
  /* Pumping heartbeat pulse rings, positioned over the highlighted heart area of the photo */
  .pulse-ring{
    position:absolute;
    left:57%;top:44%;
    width:64px;height:64px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,138,154,0.65) 0%, rgba(255,138,154,0) 72%);
    transform:translate(-50%,-50%) scale(0.6);
    animation:heartPulse 1.9s ease-out infinite;
    z-index:1;
    pointer-events:none;
  }
  .pulse-ring.ring-2{animation-delay:0.95s;}
  @keyframes heartPulse{
    0%{transform:translate(-50%,-50%) scale(0.5);opacity:0.8;}
    70%{opacity:0.18;}
    100%{transform:translate(-50%,-50%) scale(2.3);opacity:0;}
  }
  @media (prefers-reduced-motion:reduce){
    .pulse-ring{animation:none;display:none;}
  }
  .symptoms-media .media-tag{
    position:absolute;
    left:50%;bottom:-6px;
    transform:translateX(-50%);
    background:var(--white);
    border-radius:12px;
    padding:13px 20px;
    box-shadow:0 16px 32px rgba(0,0,0,0.35);
    display:flex;align-items:center;gap:12px;
    max-width:250px;
    white-space:nowrap;
    z-index:3;
  }
  .symptoms-media .media-tag .dot svg{animation:badgeBeat 1.9s ease-in-out infinite;}
  @keyframes badgeBeat{
    0%,100%{transform:scale(1);}
    20%{transform:scale(1.22);}
    40%{transform:scale(1);}
    60%{transform:scale(1.15);}
  }
  .symptoms-media .media-tag .dot{
    width:38px;height:38px;border-radius:50%;
    background:rgba(217,45,63,0.10);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .symptoms-media .media-tag .dot svg{width:20px;height:20px;color:var(--heart-red);}
  .symptoms-media .media-tag b{display:block;font-size:13.5px;color:var(--navy);font-family:'Poppins',sans-serif;}
  .symptoms-media .media-tag span{font-size:12px;color:var(--text-secondary);}

  .symptoms-copy .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:#FF9FAF;font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .symptoms-copy h2{color:var(--white);font-size:30px;font-weight:700;margin-bottom:14px;line-height:1.28;}
  .symptoms-copy p.lead{color:#B9C9DA;font-size:15.5px;line-height:1.65;margin-bottom:8px;max-width:520px;}
  .symptoms-copy p.intro{color:#E4ECF4;font-size:15px;font-weight:500;margin:20px 0 18px;}

  .symptom-list{
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 20px;
    margin-bottom:30px;
  }
  .symptom-list li{
    display:flex;align-items:flex-start;gap:10px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    padding:11px 14px;
    font-size:14px;
    color:#EAF1F8;
    font-weight:500;
  }
  .symptom-list li svg{width:17px;height:17px;color:#FF8A9A;flex-shrink:0;margin-top:1px;}

  .symptoms-link{
    display:inline-flex;align-items:center;gap:8px;
    color:#7CE3E3;font-weight:600;font-size:15px;
  }
  .symptoms-link svg{width:16px;height:16px;}
  .symptoms-link:hover{color:var(--white);}

  @media (max-width:900px){
    .symptoms-inner{grid-template-columns:1fr;gap:64px;}
    .symptom-list{grid-template-columns:1fr;}
    .symptoms-media{max-width:360px;margin-bottom:20px;}
  }
  @media (max-width:560px){
    .symptoms-copy h2{font-size:24px;}
  }

  /* ===== SCROLL-REVEAL ENTRANCE ANIMATION (used by Section 3; reusable for later sections) ===== */
  .reveal{
    opacity:0;
    transition:opacity 0.8s ease, transform 0.8s cubic-bezier(0.22,0.61,0.36,1);
    will-change:opacity, transform;
  }
  .reveal-left{transform:translateX(-46px);}
  .reveal-right{transform:translateX(46px);}
  .reveal-up{transform:translateY(32px);}
  .reveal.in-view{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none;}
  }

  /* ===== SECTION 4 — SERIOUS HEART CONDITIONS WE TREAT ===== */
  .conditions{
    background:var(--bg-soft);
    padding:80px 24px;
  }
  .conditions-inner{max-width:1240px;margin:0 auto;}
  .conditions .section-head{text-align:center;max-width:680px;margin:0 auto 48px;}
  .conditions .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--heart-red);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .conditions .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;}
  .conditions .section-head p{color:var(--text-secondary);font-size:15.5px;line-height:1.6;}

  .conditions-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
  .condition-card{
    background:var(--white);
    border:1px solid rgba(2,32,74,0.07);
    border-radius:16px;
    padding:28px 22px;
    transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  }
  .condition-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 34px rgba(2,32,74,0.12);
    border-color:rgba(217,45,63,0.25);
  }
  .condition-icon{
    width:56px;height:56px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--heart-red) 0%, #A8202F 100%);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    box-shadow:0 8px 16px rgba(217,45,63,0.28);
  }
  .condition-icon svg{width:27px;height:27px;color:var(--white);}
  .condition-card .num{
    font-family:'Poppins',sans-serif;
    font-size:12px;font-weight:700;
    color:var(--text-secondary);
    letter-spacing:0.08em;
    margin-bottom:6px;
  }
  .condition-card h3{font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.35;}
  .condition-card p{color:var(--text-secondary);font-size:13.5px;line-height:1.55;margin-bottom:14px;}
  .condition-card a{
    display:inline-flex;align-items:center;gap:6px;
    color:var(--medblue);font-weight:600;font-size:13.5px;
  }
  .condition-card a svg{width:14px;height:14px;}
  .condition-card a:hover{color:var(--navy);}

  @media (max-width:1100px){
    .conditions-grid{grid-template-columns:repeat(2, 1fr);}
  }
  @media (max-width:560px){
    .conditions-grid{grid-template-columns:1fr;}
    .conditions .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 5 — DIAGNOSIS ===== */
  .diagnosis{
    background:linear-gradient(160deg, var(--navy) 0%, #051a36 100%);
    padding:80px 24px;
  }
  .diagnosis-inner{max-width:1240px;margin:0 auto;}
  .diagnosis .section-head{text-align:center;max-width:700px;margin:0 auto 44px;}
  .diagnosis .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--teal);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .diagnosis .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;color:var(--white);}
  .diagnosis .section-head p{color:#B9C7DC;font-size:15.5px;line-height:1.6;}

  .diagnosis-banner{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:46px;
    box-shadow:0 30px 60px rgba(0,0,0,0.35);
    border:1px solid rgba(255,255,255,0.08);
  }
  .diagnosis-banner img{width:100%;display:block;}

  .diagnosis-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:18px;
  }
  a.diag-item{color:inherit;text-decoration:none;}
  .diag-go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;color:var(--teal);}
  .diag-go svg{width:14px;height:14px;transition:transform .2s ease;}
  a.diag-item:hover .diag-go svg{transform:translateX(3px);}
  @media (max-width:1100px){ .diagnosis-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
  .diag-item{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.09);
    border-radius:14px;
    padding:22px 20px;
    display:flex;
    gap:16px;
    align-items:flex-start;
    transition:transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  }
  .diag-item:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,0.08);
    border-color:rgba(0,166,166,0.35);
  }
  .diag-icon{
    width:46px;height:46px;flex-shrink:0;
    border-radius:12px;
    background:linear-gradient(135deg, var(--medblue) 0%, var(--teal) 100%);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 16px rgba(11,111,164,0.3);
  }
  .diag-icon svg{width:22px;height:22px;color:var(--white);}
  .diag-item h3{font-size:16px;font-weight:600;margin-bottom:5px;color:var(--white);}
  .diag-item p{color:#AEC0D6;font-size:13.5px;line-height:1.55;}

  .diagnosis-cta{
    display:flex;justify-content:center;margin-top:40px;
  }
  .diagnosis-cta a{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--white);font-weight:600;font-size:15px;
    padding:14px 28px;border-radius:8px;
    border:2px solid rgba(255,255,255,0.25);
    transition:border-color 0.2s ease, background 0.2s ease;
  }
  .diagnosis-cta a:hover{border-color:var(--teal);background:rgba(0,166,166,0.12);}
  .diagnosis-cta a svg{width:16px;height:16px;}

  @media (max-width:900px){
    .diagnosis-grid{grid-template-columns:repeat(2, 1fr);}
  }
  @media (max-width:560px){
    .diagnosis-grid{grid-template-columns:1fr;}
    .diagnosis .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 6 — PROCEDURES ===== */
  .procedures{background:var(--white);padding:80px 24px;}
  .procedures-inner{max-width:1240px;margin:0 auto;}
  .procedures .section-head{text-align:center;max-width:720px;margin:0 auto 46px;}
  .procedures .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--medblue);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .procedures .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;}
  .procedures .section-head p{color:var(--text-secondary);font-size:15.5px;line-height:1.6;}

  .proc-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start;}

  .proc-group{margin-bottom:26px;}
  .proc-group h3{
    font-size:15px;font-weight:700;color:var(--navy);
    display:flex;align-items:center;gap:9px;margin-bottom:14px;
    padding-bottom:10px;border-bottom:1px solid rgba(2,32,74,0.08);
  }
  .proc-group h3 svg{width:18px;height:18px;color:var(--heart-red);flex-shrink:0;}
  .proc-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;}
  .proc-list li{
    list-style:none;display:flex;align-items:flex-start;gap:8px;
    font-size:14px;color:var(--text-main);line-height:1.45;
  }
  .proc-list li svg{width:15px;height:15px;color:var(--teal);flex-shrink:0;margin-top:2px;}

  .proc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .proc-photo{
    border-radius:14px;overflow:hidden;position:relative;
    box-shadow:0 14px 30px rgba(2,32,74,0.16);
  }
  .proc-photo.wide{grid-column:1 / -1;}
  .proc-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .proc-photo.wide img{height:230px;}
  .proc-photo.small img{height:150px;}
  .proc-caption{
    position:absolute;left:0;right:0;bottom:0;
    background:linear-gradient(to top, rgba(2,32,74,0.88) 0%, rgba(2,32,74,0) 100%);
    color:var(--white);font-size:12.5px;font-weight:600;
    padding:22px 14px 10px;
  }
  .proc-note{
    margin-top:18px;background:var(--bg-soft);border-left:3px solid var(--teal);
    border-radius:0 10px 10px 0;padding:16px 18px;
    font-size:13.5px;color:var(--text-secondary);line-height:1.6;
  }
  .proc-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;justify-content:center;}

  @media (max-width:980px){
    .proc-layout{grid-template-columns:1fr;gap:36px;}
  }
  @media (max-width:560px){
    .proc-list{grid-template-columns:1fr;}
    .procedures .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 7 — WHY CHOOSE US ===== */
  .whyus{
    background:linear-gradient(160deg, var(--navy) 0%, #051a36 100%);
    padding:80px 24px;
  }
  .whyus-inner{max-width:1240px;margin:0 auto;}
  .whyus .section-head{text-align:center;max-width:720px;margin:0 auto 46px;}
  .whyus .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--teal);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .whyus .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;color:var(--white);}
  .whyus .section-head p{color:#B9C7DC;font-size:15.5px;line-height:1.6;}

  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:52px;}
  .why-card{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.09);
    border-radius:16px;padding:28px 24px;
    transition:transform .25s ease, background .25s ease, border-color .25s ease;
  }
  .why-card:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,0.08);
    border-color:rgba(0,166,166,0.4);
  }
  .why-icon{
    width:52px;height:52px;border-radius:13px;
    background:linear-gradient(135deg, var(--medblue) 0%, var(--teal) 100%);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
    box-shadow:0 8px 18px rgba(11,111,164,0.32);
  }
  .why-icon svg{width:25px;height:25px;color:var(--white);}
  .why-card h3{font-size:17px;font-weight:600;color:var(--white);margin-bottom:9px;line-height:1.35;}
  .why-card p{color:#AEC0D6;font-size:14px;line-height:1.6;}

  .stats-band{
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:18px;overflow:hidden;
  }
  .stat-cell{
    background:#041c3d;
    padding:30px 20px;text-align:center;
  }
  .stat-cell .num{
    font-family:'Poppins',sans-serif;
    font-size:34px;font-weight:800;color:var(--teal);
    line-height:1;margin-bottom:8px;
  }
  .stat-cell .label{color:#B9C7DC;font-size:13.5px;font-weight:500;line-height:1.4;}

  @media (max-width:980px){
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .stats-band{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:560px){
    .why-grid{grid-template-columns:1fr;}
    .stats-band{grid-template-columns:1fr;}
    .whyus .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 8 — DOCTORS ===== */
  .doctors{background:var(--bg-soft);padding:80px 24px;}
  .doctors-inner{max-width:1100px;margin:0 auto;}
  .doctors .section-head{text-align:center;max-width:700px;margin:0 auto 48px;}
  .doctors .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--heart-red);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .doctors .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;}
  .doctors .section-head p{color:var(--text-secondary);font-size:15.5px;line-height:1.6;}

  .doctors-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
  .doctor-card{
    background:var(--white);
    border:1px solid rgba(2,32,74,0.07);
    border-radius:20px;overflow:hidden;
    display:flex;flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .doctor-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(2,32,74,0.14);}
  .doctor-photo{
    position:relative;width:100%;height:330px;
    background:linear-gradient(160deg,#0B6FA4 0%, #02204A 100%);
    overflow:hidden;
  }
  .doctor-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
  .doctor-photo .ph-note{
    position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:8px;
    color:rgba(255,255,255,0.85);text-align:center;padding:20px;
  }
  .doctor-photo .ph-note svg{width:42px;height:42px;opacity:.8;}
  .doctor-photo .ph-note span{font-size:12.5px;line-height:1.5;font-weight:500;}
  .doctor-badge{
    position:absolute;left:0;bottom:0;right:0;
    background:linear-gradient(to top, rgba(2,32,74,0.92) 0%, rgba(2,32,74,0) 100%);
    padding:34px 20px 14px;
  }
  .doctor-badge .spec{
    display:inline-block;background:var(--heart-red);color:var(--white);
    font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    padding:5px 11px;border-radius:99px;
  }
  .doctor-body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column;}
  .doctor-body h3{font-size:21px;font-weight:700;margin-bottom:4px;}
  .doctor-qual{
    color:var(--medblue);font-size:13.5px;font-weight:600;
    margin-bottom:14px;letter-spacing:.01em;
  }
  .doctor-body > p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px;}
  .doctor-points{list-style:none;margin-bottom:20px;}
  .doctor-points li{
    display:flex;align-items:flex-start;gap:8px;
    font-size:13.5px;color:var(--text-main);line-height:1.5;margin-bottom:8px;
  }
  .doctor-points li svg{width:15px;height:15px;color:var(--teal);flex-shrink:0;margin-top:2px;}
  .doctor-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;}
  .doctor-actions .btn{padding:11px 18px;font-size:13.5px;}

  @media (max-width:820px){
    .doctors-grid{grid-template-columns:1fr;}
    .doctors .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 9 — CASE STUDIES & TESTIMONIALS ===== */
  .stories{background:var(--white);padding:80px 24px;}
  .stories-inner{max-width:1240px;margin:0 auto;}
  .stories .section-head{text-align:center;max-width:760px;margin:0 auto 46px;}
  .stories .section-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--heart-red);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:10px;
  }
  .stories .section-head h2{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1.3;}
  .stories .section-head p{color:var(--text-secondary);font-size:15.5px;line-height:1.6;}

  .sub-label{
    display:flex;align-items:center;gap:12px;
    font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:var(--navy);
    margin:0 0 22px;
  }
  .sub-label::after{content:"";flex:1;height:1px;background:rgba(2,32,74,0.10);}

  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px;}
  .case-card{
    border:1px solid rgba(2,32,74,0.08);border-radius:16px;
    padding:26px 24px;background:var(--bg-soft);
    display:flex;flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .case-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(2,32,74,0.12);}
  .case-tag{
    display:inline-flex;align-self:flex-start;align-items:center;gap:6px;
    background:rgba(217,45,63,0.09);color:var(--heart-red);
    font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    padding:5px 11px;border-radius:99px;margin-bottom:14px;
  }
  .case-card h3{font-size:17px;font-weight:600;line-height:1.35;margin-bottom:14px;}
  .case-rows{margin-bottom:16px;}
  .case-row{display:flex;gap:10px;margin-bottom:10px;font-size:13.5px;line-height:1.5;}
  .case-row .k{
    color:var(--medblue);font-weight:700;min-width:74px;flex-shrink:0;
  }
  .case-row .v{color:var(--text-secondary);}
  .case-outcome{
    margin-top:auto;background:var(--white);
    border-left:3px solid var(--teal);border-radius:0 10px 10px 0;
    padding:12px 14px;font-size:13px;line-height:1.55;color:var(--text-main);
  }
  .case-outcome strong{color:var(--navy);}

  .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .tst-card{
    border:1px solid rgba(2,32,74,0.08);border-radius:16px;
    padding:26px 24px;background:var(--white);
    display:flex;flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .tst-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(2,32,74,0.12);border-color:rgba(0,166,166,.3);}
  .tst-stars{display:flex;gap:3px;margin-bottom:14px;}
  .tst-stars svg{width:16px;height:16px;color:#F5A623;}
  .tst-quote{
    color:var(--text-main);font-size:14px;line-height:1.7;margin-bottom:20px;
    position:relative;
  }
  .tst-person{display:flex;align-items:center;gap:12px;margin-top:auto;}
  .tst-avatar{
    width:42px;height:42px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg, var(--medblue) 0%, var(--teal) 100%);
    display:flex;align-items:center;justify-content:center;
    color:var(--white);font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;
  }
  .tst-person .nm{font-weight:600;font-size:14px;color:var(--navy);line-height:1.3;}
  .tst-person .loc{font-size:12.5px;color:var(--text-secondary);}

  .stories-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:44px;}

  @media (max-width:1000px){
    .case-grid,.tst-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:640px){
    .case-grid,.tst-grid{grid-template-columns:1fr;}
    .stories .section-head h2{font-size:24px;}
  }

  /* ===== SECTION 10 — WARNING SIGNS ===== */
  .warning{
    background:linear-gradient(135deg, #8E1B27 0%, var(--heart-red) 100%);
    padding:70px 24px;
  }
  .warning-inner{
    max-width:1100px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;
  }
  .warning-copy .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:#FFD9DD;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:12px;
  }
  .warning-copy h2{font-size:29px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:14px;}
  .warning-copy p{color:#FFE3E6;font-size:15px;line-height:1.65;margin-bottom:24px;}
  .emergency-call{
    display:inline-flex;align-items:center;gap:12px;
    background:var(--white);border-radius:12px;padding:14px 20px;
  }
  .emergency-call .ic{
    width:42px;height:42px;border-radius:11px;flex-shrink:0;
    background:var(--heart-red);display:flex;align-items:center;justify-content:center;
  }
  .emergency-call .ic svg{width:21px;height:21px;color:var(--white);}
  .emergency-call .lbl{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);}
  .emergency-call .no{font-family:'Poppins',sans-serif;font-size:19px;font-weight:700;color:var(--navy);line-height:1.2;}

  .warn-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .warn-item{
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.20);
    border-radius:12px;padding:15px 16px;
    display:flex;align-items:flex-start;gap:11px;
    color:var(--white);font-size:14px;font-weight:500;line-height:1.45;
  }
  .warn-item svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:#FFD9DD;}

  /* ===== SECTION 11 — FINAL CTA ===== */
  .finalcta{background:var(--bg-soft);padding:80px 24px;}
  .finalcta-inner{
    max-width:1140px;margin:0 auto;
    background:var(--white);border-radius:24px;
    box-shadow:0 26px 60px rgba(2,32,74,0.10);
    border:1px solid rgba(2,32,74,0.06);
    display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
  }
  .cta-left{padding:48px 44px;}
  .cta-left .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--teal);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:12px;
  }
  .cta-left h2{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:12px;}
  .cta-left > p{color:var(--text-secondary);font-size:15px;line-height:1.65;margin-bottom:26px;}
  .contact-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
  .contact-row .ic{
    width:42px;height:42px;border-radius:11px;flex-shrink:0;
    background:linear-gradient(135deg, var(--medblue) 0%, var(--teal) 100%);
    display:flex;align-items:center;justify-content:center;
  }
  .contact-row .ic svg{width:20px;height:20px;color:var(--white);}
  .contact-row .lbl{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:3px;}
  .contact-row .val{font-size:14.5px;color:var(--text-main);line-height:1.5;font-weight:500;}
  .contact-row a{color:var(--text-main);}
  .contact-row a:hover{color:var(--medblue);}

  .cta-right{background:linear-gradient(160deg, var(--navy) 0%, #051a36 100%);padding:48px 44px;}
  .cta-right h3{color:var(--white);font-size:21px;font-weight:600;margin-bottom:8px;}
  .cta-right > p{color:#B9C7DC;font-size:14px;line-height:1.6;margin-bottom:24px;}
  .field{margin-bottom:14px;}
  .field label{display:block;color:#B9C7DC;font-size:12.5px;font-weight:600;margin-bottom:6px;}
  .field input,.field select,.field textarea{
    width:100%;padding:12px 14px;border-radius:9px;
    border:1px solid rgba(255,255,255,0.16);
    background:rgba(255,255,255,0.07);
    color:var(--white);font-family:'Inter',sans-serif;font-size:14px;
  }
  .field input::placeholder,.field textarea::placeholder{color:#7D90AA;}
  .field input:focus,.field select:focus,.field textarea:focus{
    outline:none;border-color:var(--teal);background:rgba(255,255,255,0.10);
  }
  .field select option{background:var(--navy);color:var(--white);}
  .field textarea{resize:vertical;min-height:78px;}
  .form-submit{
    width:100%;justify-content:center;margin-top:6px;
    background:var(--heart-red);color:var(--white);border:none;
    padding:14px;border-radius:9px;font-weight:600;font-size:15px;
    font-family:'Inter',sans-serif;cursor:pointer;
    display:inline-flex;align-items:center;gap:8px;
  }
  .form-submit:hover{background:#b7212f;}
  .form-submit svg{width:17px;height:17px;}
  .form-note{color:#7D90AA;font-size:12px;text-align:center;margin-top:12px;line-height:1.5;}

  @media (max-width:900px){
    .warning-inner{grid-template-columns:1fr;gap:32px;}
    .finalcta-inner{grid-template-columns:1fr;}
    .cta-left,.cta-right{padding:38px 28px;}
  }
  @media (max-width:560px){
    .warn-list{grid-template-columns:1fr;}
    .warning-copy h2,.cta-left h2{font-size:23px;}
  }

  /* ===== inline booking form feedback (added with the backend wiring) ===== */
  .pci-home .form-msg{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.5;}
  .pci-home .form-msg.ok{background:#E6F7F1;color:#0A6B4B;border:1px solid #B7E6D4;}
  .pci-home .form-msg.err{background:#FDECEE;color:#A01726;border:1px solid #F6C7CD;}
  .pci-home .form-submit.busy{opacity:.6;pointer-events:none;}


  /* ===== DOCTORS — portrait layout (photo narrower + taller, shows more than the face) ===== */
  .pci-home .doctors-inner{max-width:1180px;}
  .pci-home .doctor-card{display:grid;grid-template-columns:44% minmax(0,1fr);flex-direction:initial;}
  .pci-home .doctor-photo{height:auto;min-height:100%;aspect-ratio:4/5;
    background:linear-gradient(180deg,#EEF4F9 0%,#DCE8F2 100%);}
  .pci-home .doctor-photo img{position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;object-position:center 12%;}
  .pci-home .doctor-badge{padding:40px 14px 14px;}
  .pci-home .doctor-badge .spec{font-size:10.5px;padding:5px 10px;}
  .pci-home .doctor-body{padding:24px 22px 24px;}
  .pci-home .doctor-body h3{font-size:20px;}
  .pci-home .doctor-actions .btn{padding:10px 15px;font-size:13px;}
  @media (max-width:1060px){
    .pci-home .doctors-grid{grid-template-columns:1fr;max-width:720px;margin:0 auto;}
    .pci-home .doctor-card{grid-template-columns:40% minmax(0,1fr);}
  }
  @media (max-width:560px){
    .pci-home .doctor-card{grid-template-columns:1fr;}
    .pci-home .doctor-photo{aspect-ratio:4/5;max-height:440px;}
  }
  .pci-home .doctor-points{padding-left:0;margin-left:0;}
  .pci-home .doctor-actions{gap:8px;}

/* Procedure list items are links to the procedure pages (Oct 2026) */
.proc-list li a{display:flex;align-items:flex-start;gap:8px;color:inherit;text-decoration:none;transition:color .18s ease;}
.proc-list li a span{border-bottom:1px dashed transparent;transition:border-color .18s ease;}
.proc-list li a:hover,.proc-list li a:focus-visible{color:var(--medblue);}
.proc-list li a:hover span,.proc-list li a:focus-visible span{border-bottom-color:rgba(11,111,164,.45);}
.proc-list li a:hover svg{color:var(--heart-red);}

  /* case-study cards on the homepage are now links */
  a.case-card{color:inherit;text-decoration:none;}
  a.case-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(2,32,74,0.12);}
  .case-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;
    color:var(--medblue);font-weight:600;font-size:13.5px;}
  .case-more svg{width:15px;height:15px;transition:transform .2s ease;}
  a.case-card:hover .case-more svg{transform:translateX(3px);}