/* Homepage layout updates: static grids, factors, verified tick, doctor degrees (moved from inline <style> in index.php) */
/* Results photos: static grid, no slider */
.results-static-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.results-static-grid .item-transplant-bx img{width:100%;height:auto;display:block;border-radius:8px}
@media(max-width:991px){.results-static-grid{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:575px){.results-static-grid{grid-template-columns:1fr;gap:6px}}
/* Patient reviews: auto slider */
.reviews-slider{margin-top:14px}
.reviews-slider .extra-review-hidden{display:block !important}
.reviews-slider .owl-stage{display:flex}
.reviews-slider .owl-item{display:flex;height:auto}
.reviews-slider .item{width:100%;display:flex}
.reviews-slider .review-box{height:100%;width:100%}
.reviews-slider .owl-dots{text-align:center;margin-top:18px}
.reviews-slider .owl-dot span{width:9px;height:9px;margin:0 4px;background:rgba(0,178,187,.3);border-radius:50%;display:inline-block;transition:background .2s}
.reviews-slider .owl-dot.active span{background:#00a6ae}
.reviews-slider .owl-nav{display:none}
/* Google verified tick on reviews */
.verified-review{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-left:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69z'/%3E%3Cpath fill='%23fff' d='M10.09 16.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
/* Doctor qualification highlight */
.box-doc .doc-degree{display:inline-block;font-weight:600;letter-spacing:.03em;background:rgba(0,178,187,.12);border:1px solid rgba(0,178,187,.35);padding:4px 14px;border-radius:50px;margin-top:6px}
/* Credentials strip: single row */
.creds-strip-row{background:rgba(0,178,187,.08);border-top:1px solid rgba(0,178,187,.18);border-bottom:1px solid rgba(0,178,187,.18);padding:14px 0;overflow:hidden}
.creds-viewport{overflow:hidden}
.creds-track{display:flex;gap:12px;align-items:center;width:max-content;flex-wrap:nowrap;animation:creds-marquee 24s linear infinite}
.creds-track:hover{animation-play-state:paused}
.cred-pill{flex:none;white-space:nowrap;font-size:.85rem;border:1px solid rgba(0,178,187,.4);background:#fff;padding:8px 18px;border-radius:50px}
.cred-pill b{color:#00a6ae}
@keyframes creds-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.creds-track{animation:none}}
@media(max-width:991px){.cred-pill{font-size:.78rem;padding:7px 14px}}
/* Reviews kicker */
.reviews-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#00a6ae;margin-bottom:6px}
/* Cost factors: 3 + 3 grid */
.cost-factors-sec{padding-top:0}
.factors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.factor-card{background:#fff;border:1px solid #e3e9ee;border-radius:12px;padding:24px 22px;transition:box-shadow .25s,transform .25s}
.factor-card:hover{box-shadow:0 10px 28px -14px rgba(0,0,0,.25);transform:translateY(-3px)}
.factor-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.factor-card h4{margin:0;font-size:1.05rem}
.factor-card p{margin:0;font-size:.92rem}
.factor-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(0,178,187,.12)}
.factor-ic::before{content:"\2713";font-weight:700;color:#00a6ae;font-size:1.15rem}
@media(max-width:991px){.factors-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.factors-grid{grid-template-columns:1fr}}
/* ===== New sections: teal palette, fonts inherited ===== */
.sec-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#00a6ae;margin-bottom:6px}
/* spacing: avoid double padding between stacked sections */
.technique-sec{padding-top:0}
.benefits-sec{padding-top:10px}
.journey-sec{padding-bottom:30px}
.price-table-sec{padding-top:20px}
.serving-sec{padding-bottom:30px}
.founder-sec{padding-top:20px}
.benefits-sec .main-heading-area,.journey-sec .main-heading-area,.price-table-sec .main-heading-area,.serving-sec .main-heading-area{margin-bottom:8px}
.stat-band{margin-top:20px}
/* Benefits */
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}
.benefit-card{background:#fff;border:1px solid #e3e9ee;border-radius:12px;padding:24px 22px;transition:box-shadow .25s,transform .25s}
.benefit-card:hover{box-shadow:0 10px 28px -14px rgba(0,0,0,.25);transform:translateY(-3px)}
.benefit-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.benefit-card h4{margin:0;font-size:1.05rem}
.benefit-card p{margin:0;font-size:.92rem}
.benefit-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(0,178,187,.12);color:#00a6ae;font-size:1.25rem;font-weight:700}
.stat-band{margin-top:26px;background:linear-gradient(100deg,#014a4d,#00a6ae);border-radius:16px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.stat-band-txt h4{color:#fff;margin:0 0 4px;font-size:1.25rem}
.stat-band-txt p{color:rgba(255,255,255,.85);margin:0 0 6px;font-size:.92rem}
.stat-stars{color:#ffd166;font-size:.9rem}
.stat-stars b{color:#fff;font-weight:600;margin-left:6px}
@media(max-width:991px){.benefits-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.benefits-grid{grid-template-columns:1fr}.stat-band{justify-content:center;text-align:center}}
/* Journey (auto slider) */
.journey-slider{margin-top:26px}
.journey-slider .owl-stage{display:flex}
.journey-slider .owl-item{display:flex;height:auto}
.journey-slider .j-step{background:#fff;border:1px solid #e3e9ee;border-radius:14px;padding:22px 20px;height:100%;transition:box-shadow .25s,transform .25s}
.journey-slider .j-step:hover{box-shadow:0 12px 30px -16px rgba(0,0,0,.28);transform:translateY(-3px)}
.j-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.j-num{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#00a6ae;color:#fff;font-weight:700;font-size:1.05rem;box-shadow:0 0 0 6px rgba(0,178,187,.12)}
.j-step h4{margin:0;font-size:1.05rem}
.j-step p{font-size:.9rem;margin:0;color:#5a6772}
.journey-slider .owl-dots{text-align:center;margin-top:18px}
.journey-slider .owl-dot span{width:9px;height:9px;margin:0 4px;background:rgba(0,178,187,.3);border-radius:50%;display:inline-block;transition:background .2s}
.journey-slider .owl-dot.active span{background:#00a6ae}
.journey-slider .owl-nav{display:none}
/* Tables */
.neo-table-card{background:#fff;border:1px solid #e3e9ee;border-radius:14px;padding:20px 22px;margin-top:16px}
.neo-table-label{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:600;color:#00a6ae;margin:0 0 14px}
.neo-table-scroll{overflow-x:auto}
.neo-table{width:100%;border-collapse:collapse;min-width:640px}
.neo-table th{background:#015f63;color:#fff;text-align:left;padding:12px 14px;font-size:.88rem;font-weight:600}
.neo-table td{padding:12px 14px;border-bottom:1px solid #eef3f5;font-size:.9rem}
.neo-table tbody tr:nth-child(even){background:#f4fafb}
.neo-table td.pr{color:#00a6ae;font-weight:600;white-space:nowrap}
.neo-table td.hl-val{color:#00a6ae;font-weight:600}
.neo-table-note{font-size:.8rem;color:#6b7a86;margin:14px 0 0}
.neo-cta-center{margin-top:22px}
/* Founder */
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}
.founder-img{position:relative;border-radius:16px;overflow:hidden}
.founder-img img{width:100%;display:block;border-radius:16px}
.founder-plate{position:absolute;left:14px;bottom:14px;background:#015f63;color:#fff;border-radius:10px;padding:10px 16px}
.founder-plate b{display:block;font-size:.98rem}
.founder-plate span{font-size:.76rem;color:rgba(255,255,255,.85)}
.founder-txt h3{margin:6px 0 12px}
.founder-list{list-style:none;margin:14px 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.founder-list li{position:relative;padding-left:28px;font-size:.9rem}
.founder-list li::before{content:"\2713";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#00a6ae;color:#fff;font-size:.7rem;display:grid;place-items:center}
.reviewed-card{display:flex;align-items:center;gap:12px;background:#f4fafb;border:1px solid #e3e9ee;border-radius:12px;padding:14px 16px;font-size:.88rem}
.rc-badge{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#00a6ae;color:#fff;font-weight:700;font-size:.82rem}
@media(max-width:991px){.founder-grid{grid-template-columns:1fr}.founder-list{grid-template-columns:1fr}}
/* Serving areas */
.areas-wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.area-chip{background:#fff;border:1px solid #e3e9ee;border-radius:10px;padding:10px 18px;font-size:.88rem;box-shadow:0 2px 8px -4px rgba(0,0,0,.08)}
.area-chip::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#00a6ae;margin-right:9px;vertical-align:middle}
/* Final CTA band */
.final-cta-band{background:linear-gradient(100deg,#014a4d,#00b2bb);padding:56px 0}
.final-cta-band .main-heading-area h3{color:#fff}
.final-cta-band .paragraph-area p{color:rgba(255,255,255,.92)}
.final-cta-band .cta-band-btns{margin-top:8px}
.cta-band-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.final-cta-band .cta-band-btns{display:flex !important;gap:16px !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap;width:100% !important;margin:8px auto 0 !important}
.final-cta-band .cta-band-btns > *{margin:0 !important;float:none !important;position:static !important;transform:none !important;flex:none !important}
.final-cta-band .cta-band-btns .btn.appointment-modal{font-weight:700;font-size:1.02rem !important;padding:14px 34px !important;border-radius:50px !important;line-height:1.2 !important;height:auto !important;box-shadow:0 8px 22px -8px rgba(0,0,0,.35)}
.final-cta-band .cta-phone-btn{display:inline-flex !important;align-items:center;gap:9px;background:#fff !important;color:#014a4d !important;border:none !important;border-radius:50px !important;padding:14px 34px !important;font-weight:700 !important;font-size:1.02rem !important;line-height:1.2 !important;height:auto !important;width:auto !important;text-decoration:none !important;box-shadow:0 8px 22px -8px rgba(0,0,0,.35);white-space:nowrap}
.final-cta-band .cta-phone-btn::before{content:"\260E";font-size:1.1rem;line-height:1;color:#00a6ae}
.final-cta-band .cta-phone-btn:hover{background:#eafbfc !important;color:#014a4d !important}
/* mobile sticky CTA bar: always visible */
.sticky-cta-bar{display:none}
@media(max-width:991px){
  .sticky-cta-bar{display:flex;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:1050;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.14);padding:10px 12px;gap:10px}
  .sticky-cta-bar .scb-book{flex:1.4;display:grid;place-items:center;text-align:center;min-height:46px;line-height:1.15;background:#00a6ae;color:#fff;border:none;border-radius:10px;padding:8px;font-weight:700;font-size:.92rem}
  .sticky-cta-bar .scb-call{flex:1;display:grid;place-items:center;text-align:center;min-height:46px;line-height:1.15;background:#fff;color:#00a6ae;border:2px solid #00a6ae;border-radius:10px;padding:8px;font-weight:700;font-size:.92rem;text-decoration:none}
  body{padding-bottom:64px}
}
/* ===== Client feedback fixes: mobile banner consultation form ===== */
@media(max-width:991px){
  /* Stack fields one per row: Name -> Phone -> Location -> Submit */
  .banner-fix-form .form-box-fxd{display:flex !important;flex-direction:column !important;gap:10px !important}
  .banner-fix-form .form-box-fxd .form-fild,
  .banner-fix-form .form-box-fxd .form-control,
  .banner-fix-form .form-box-fxd .book-nw{width:100% !important;margin:0 !important;float:none !important}
  /* Stop the form from overlapping the banner image behind it.
     The form wrapper is pulled up over the slider by the theme CSS
     (absolute / negative-margin / transform) — force it into normal
     flow so the whole card sits BELOW the banner. */
  .banner-sec-new.desktop-hide .new-pg-banner{margin-bottom:0 !important}
  .banner-sec-new.desktop-hide .mobile-form-wrap{
    position:static !important;transform:none !important;
    top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;
    margin:0 !important;padding:0 !important;z-index:auto !important;width:auto !important
  }
  .banner-sec-new.desktop-hide .banner-fix-form{
    position:static !important;transform:none !important;
    top:auto !important;bottom:auto !important;
    margin:16px 12px 0 !important;padding-top:14px !important;z-index:1
  }
  /* Keep the heading in normal flow so it doesn't sit on top of the Name field */
  .banner-fix-form h2{position:static !important;transform:none !important;top:auto !important;bottom:auto !important;margin:0 auto 16px !important}
  .banner-fix-form .form-box-fxd{margin-top:0 !important;padding-top:0 !important}
  /* Remove the extra empty dark band at the bottom of the footer on mobile */
  .footer-area-sec{padding-bottom:16px !important}
  .footer-area-sec .foot-body{padding-bottom:0 !important;margin-bottom:0 !important}
  .footer-area-sec .copyright-area{margin-bottom:0 !important;padding-bottom:0 !important}
}
/* ===== YouTube play icon on each video (Videos section) =====
   Inline SVG icon so it always renders (no image path to 404).
   Targets the Owl slide wrapper so it works regardless of the
   markup inside include/video-carousel.php. */
.new-result-video-box .owl-item,
.new-result-video-box .item{position:relative}
/* Hide the default white/circle play button so only the YouTube icon shows */
.new-result-video-box .item .play-icon,
.new-result-video-box .item .play-btn,
.new-result-video-box .item .play-button,
.new-result-video-box .item .video-play,
.new-result-video-box .item .play,
.new-result-video-box .item .vid-play,
.new-result-video-box .item .video-btn,
.new-result-video-box .item img[src*="play"],
.new-result-video-box .item img[src*="Play"]{display:none !important}
/* The YouTube icon overlay */
.new-result-video-box .owl-item::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:68px;height:48px;z-index:6;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 64'%3E%3Crect width='90' height='64' rx='16' fill='%23FF0000'/%3E%3Cpath d='M36 19 L36 45 L61 32 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:transform .2s}
.new-result-video-box .owl-item:hover::after{transform:translate(-50%,-50%) scale(1.08)}


/* FAQ right column: keep visible on mobile too (was hidden by .faq-hid-mob) */
.faq-hid-mob{display:block !important}