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

.filter-bar{background:var(--white);position:sticky;top:72px;z-index:100;border-bottom:1px solid var(--border);padding:0 60px;}

.filter-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;max-width:1200px;margin:0 auto;-webkit-overflow-scrolling:touch;}

.filter-inner::-webkit-scrollbar{display:none;}

.ftab{padding:17px 20px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:all .25s;white-space:nowrap;flex-shrink:0;}

.ftab.on,.ftab:hover{color:var(--rose);border-bottom-color:var(--rose);}

.svc-wrapper{background:var(--ivory);}

.svc-wrapper:nth-child(even){background:var(--ivory2);}

.svc-section{padding:72px 60px;max-width:1280px;margin:0 auto;}

.ss-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:52px;}

.ss-num{font-family:'Dancing Script',cursive;font-size:90px;font-weight:700;color:var(--rose-pale);line-height:1;margin-bottom:-18px;}

.ss-title{font-family:'Dancing Script',cursive;font-size:clamp(32px,4vw,52px);font-weight:600;color:var(--rose);line-height:1.1;margin-bottom:10px;}

.ss-desc{font-size:14px;color:var(--text-mid);line-height:1.9;font-weight:300;margin-bottom:20px;}

.ss-hl-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;}

.ss-hl{padding:5px 13px;border-radius:20px;border:1.5px solid var(--rose-pale);font-size:10px;font-weight:700;color:var(--rose-light);background:var(--rose-ultra);}

.ss-cta{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);background:var(--rose);padding:13px 26px;border-radius:40px;text-decoration:none;transition:all .3s;box-shadow:0 6px 18px rgba(184,112,90,.28);}

.ss-cta:hover{background:var(--brown);transform:translateY(-2px);}

.ss-visual{height:280px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:80px;overflow:hidden;}

.treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

.treat-card{background:var(--white);border-radius:17px;padding:26px 22px;border:1px solid var(--border);transition:all .35s;position:relative;overflow:hidden;}

.treat-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(90,50,35,.1);}

.treat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--rose-light),var(--rose-pale));transform:scaleX(0);transform-origin:left;transition:transform .35s;}

.treat-card:hover::after{transform:scaleX(1);}

.tc-ico{font-size:26px;margin-bottom:11px;}

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

.tc-desc{font-size:12px;color:var(--text-mid);line-height:1.7;font-weight:300;margin-bottom:13px;}

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

.tc-link:hover{gap:11px;color:var(--brown);}

.why-sec{background:var(--text);padding:80px 60px;}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:46px auto 0;}

.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:30px 20px;text-align:center;transition:all .3s;}

.why-card:hover{background:rgba(255,255,255,.07);transform:translateY(-4px);}

.why-icon{font-size:30px;margin-bottom:13px;}

.why-title {
	font-family: 'Playfair Display',serif;
	font-size: 40px;
	color: rgba(255,255,255,.85);
	margin-bottom: 8px;
	font-weight: 700;
}

.why-desc {
	font-size: 14px;
	color: rgba(255,255,255,.38);
	line-height: 1.7;
}


@media(max-width:1100px){.filter-bar,.svc-section,.why-sec{padding-left:28px;padding-right:28px;}.ss-head{grid-template-columns:1fr;gap:28px;}.treat-grid{grid-template-columns:1fr 1fr;}.why-grid{grid-template-columns:1fr 1fr;}}

@media(max-width:768px){.filter-bar{padding:0;top:72px;}.svc-section{padding:52px 16px;}.why-sec{padding:60px 16px;}.treat-grid{grid-template-columns:1fr;}.ss-visual{height:180px;font-size:60px;}.ss-num{font-size:64px;}}

@media(max-width:480px){.why-grid{grid-template-columns:1fr;}}

/* Professional service imagery */
.svc-hero-img{background:url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=800&q=80') center/cover;min-height:340px;border-radius:20px;}