/* ================================================================
   BNS Healthcare — Results Page Styles
   Page-specific CSS only. Requires global.css
   ================================================================ */

/* HERO */
.page-hero{padding:140px 70px 90px;background:var(--ivory);position:relative;overflow:hidden;text-align:center;}

.ph-desc{font-size:15px;color:var(--text-mid);line-height:1.85;font-weight:300;max-width:560px;margin:0 auto;}

/* IMPACT NUMBERS */
.impact-bar{background:var(--rose);padding:52px 70px;}

.impact-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.15);border-radius:18px;overflow:hidden;max-width:1100px;margin:0 auto;}

.imp-cell{background:transparent;padding:34px 20px;text-align:center;}

.imp-num{font-family:'Dancing Script',cursive;font-size:46px;font-weight:700;color:var(--white);line-height:1;}

.imp-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:6px;}

/* FILTER BAR */
.filter-bar{background:var(--white);padding:32px 70px;border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:99;}

.filter-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:1200px;margin:0 auto;}

.filter-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-right:6px;flex-shrink:0;}

.ftag{padding:9px 20px;border-radius:30px;border:1.5px solid var(--border);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-mid);cursor:pointer;background:none;transition:all .25s;text-transform:uppercase;}

.ftag.on,.ftag:hover{background:var(--rose);color:var(--white);border-color:var(--rose);}

/* GALLERY GRID */
.gallery-sec{padding:80px 70px;background:var(--ivory2);}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1200px;margin:0 auto;}

.result-card{background:var(--white);border-radius:22px;overflow:hidden;border:1px solid var(--border);transition:all .35s;}

.result-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(90,50,35,.11);}

.rc-visual{position:relative;height:240px;overflow:hidden;}

.rc-before,.rc-after{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:48px;}

.rc-before{left:0;background:linear-gradient(135deg,var(--ivory3) 0%,var(--rose-pale) 100%);}

.rc-after{right:0;background:linear-gradient(135deg,var(--rose-ultra) 0%,var(--ivory2) 100%);}

.rc-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--white);z-index:2;}

.rc-divider::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--rose);border:2px solid var(--rose-pale);box-shadow:0 2px 10px rgba(90,50,35,.12);}

.rc-blabel{position:absolute;bottom:10px;left:8px;background:rgba(58,46,40,.65);color:var(--white);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:20px;z-index:3;}

.rc-alabel{position:absolute;bottom:10px;right:8px;background:var(--rose);color:var(--white);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:20px;z-index:3;}

.rc-badge{position:absolute;top:12px;left:12px;background:var(--rose);color:var(--white);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;z-index:3;}

.rc-info{padding:24px 24px 28px;}

.rc-treatment{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose-light);margin-bottom:6px;}

.rc-name{font-family:'Playfair Display',serif;font-size:17px;font-weight:500;color:var(--text);margin-bottom:8px;}

.rc-duration{font-size:12px;color:var(--text-light);font-weight:300;margin-bottom:14px;}

.rc-quote{font-size:13px;color:var(--text-mid);line-height:1.7;font-weight:300;font-style:italic;padding-left:12px;border-left:2px solid var(--rose-pale);}

.rc-author{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);}

.rc-av{width:34px;height:34px;border-radius:50%;background:var(--rose-pale);display:flex;align-items:center;justify-content:center;font-family:'Dancing Script',cursive;font-size:17px;font-weight:700;color:var(--rose);}

.rc-aname{font-size:13px;font-weight:600;color:var(--text);}

.rc-aplace{font-size:11px;color:var(--text-light);}

.rc-stars{color:var(--rose-light);font-size:11px;letter-spacing:1px;}

/* VIDEO TESTIMONIALS */
.video-sec{padding:90px 70px;background:var(--white);}

.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:52px auto 0;}

.video-card{border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:all .3s;}

.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(90,50,35,.09);}

.video-thumb{height:200px;background:linear-gradient(160deg,var(--rose-pale) 0%,var(--ivory3) 100%);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}

.play-btn{width:56px;height:56px;border-radius:50%;background:var(--rose);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;box-shadow:0 6px 20px rgba(184,112,90,.4);transition:transform .2s;}

.video-card:hover .play-btn{transform:scale(1.1);}

.video-info{padding:20px 20px 24px;background:var(--ivory);}

.vi-name{font-family:'Playfair Display',serif;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px;}

.vi-treatment{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--rose-light);}

/* WRITTEN TESTIMONIALS */
.testi-sec{
	padding:90px 70px;
	/*background:var(--ivory2);*/
	background:var(--ivory)''
}

.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:52px auto 0;}

.tc{background:var(--white);border-radius:20px;padding:36px 32px;border:1px solid var(--border);transition:all .3s;}

.tc:hover{box-shadow:0 16px 40px rgba(90,50,35,.08);transform:translateY(-3px);}

.tc-quote{font-family:'Dancing Script',cursive;font-size:60px;font-weight:700;color:var(--rose-pale);line-height:.6;display:block;margin-bottom:14px;}

.tc-stars{color:var(--rose-light);font-size:13px;margin-bottom:14px;}

.tc-text{font-size:14px;color:var(--text-mid);line-height:1.85;font-weight:300;font-style:italic;margin-bottom:24px;}

.tc-bottom{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--border);}

.tc-av{width:44px;height:44px;border-radius:50%;background:var(--rose-pale);display:flex;align-items:center;justify-content:center;font-family:'Dancing Script',cursive;font-size:22px;font-weight:700;color:var(--rose);}

.tc-name{font-family:'Playfair Display',serif;font-size:15px;font-weight:500;color:var(--text);}

.tc-svc{font-size:11px;color:var(--text-light);margin-top:2px;}

/* CTA BAND */
.cta-band{background:var(--rose);padding:80px 70px;text-align:center;position:relative;overflow:hidden;}

.cb-script{font-family:'Dancing Script',cursive;font-size:48px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:10px;}

.cb-title{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,40px);font-weight:400;color:var(--white);margin-bottom:14px;}

.cb-desc{font-size:15px;color:rgba(255,255,255,.75);max-width:500px;margin:0 auto 36px;line-height:1.8;font-weight:300;}

.cb-btns{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;}

.btn-white{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose);background:var(--white);padding:16px 38px;border-radius:40px;text-decoration:none;transition:all .3s;box-shadow:0 6px 18px rgba(0,0,0,.1);}

.btn-outline-white{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--white);border:1.5px solid rgba(255,255,255,.6);padding:15px 34px;border-radius:40px;text-decoration:none;transition:all .3s;}

/* UTIL */
.sec-center{text-align:center;}

.sec-desc{font-size:15px;color:var(--text-mid);line-height:1.85;font-weight:300;max-width:560px;margin:12px auto 0;}

@media(max-width:1100px){
  nav,footer,.page-hero,.impact-bar,.filter-bar,.gallery-sec,.video-sec,.testi-sec,.cta-band{padding-left:30px;padding-right:30px;}
  .gallery-grid,.video-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .impact-inner{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:680px){
  .gallery-grid,.video-grid,.testi-grid,.footer-grid,.impact-inner{grid-template-columns:1fr;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .footer-bot{flex-direction:column;gap:10px;}
}

/* Before/After professional images */
.ba-before{background:url('https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?w=350&q=80') center/cover;min-height:220px;border-radius:12px 0 0 12px;}

.ba-after{background:url('https://images.unsplash.com/photo-1562887245-44c01b040e6f?w=350&q=80') center/cover;min-height:220px;border-radius:0 12px 12px 0;}

.rc-view-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--rose); text-decoration: none;
  padding: 4px 0; transition: gap .2s;
}
.rc-view-link:hover { gap: 10px; color: var(--brown); }