/* Inner pages: extra styles (uses variables from style.css) */
.main-nav > a.active, .nav-dropdown > a.active { color: var(--primary); }

.page-banner{
    padding:90px 0;
    text-align:center;
    color:#fff;
    background:linear-gradient(rgba(49,31,34,.78),rgba(49,31,34,.78)),url("images/banner.jpeg") center/cover no-repeat;
}
.page-banner .eyebrow{color:#f0c8ce;margin-bottom:12px}
.page-banner h1{font-family:var(--heading-font);font-size:clamp(34px,5vw,56px);line-height:1.15;font-weight:600}
.breadcrumb{margin-top:18px;font-size:13px;display:flex;gap:10px;justify-content:center;align-items:center;color:rgba(255,255,255,.85)}
.breadcrumb i{font-size:9px}
.breadcrumb a:hover{color:#f0c8ce}
.breadcrumb span{color:#f0c8ce}

/* About */
.mv-section{background:#fff}
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mv-card{background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:36px 30px;text-align:center}
.mv-card .concern-icon{margin:0 auto 18px}
.mv-card h3{font-family:var(--heading-font);color:var(--dark);font-size:24px;margin-bottom:10px}

/* Services */
.service-detail{background:#fff}
.service-detail.alt{background:var(--cream)}
.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.service-detail-grid.flip .service-detail-img{order:2}
.service-detail-img img{height:440px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.service-detail-content h2{font-family:var(--heading-font);color:var(--dark);font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:9px 0 16px}
.service-list{list-style:none;margin:22px 0 28px;display:grid;gap:10px}
.service-list li{display:flex;gap:10px;font-size:14px;font-weight:600;color:var(--dark)}
.service-list i{color:var(--primary);margin-top:5px}
.service-detail{scroll-margin-top:90px}

/* Contact */
.contact-cards-section{padding:70px 0 0}
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.contact-card{border:1px solid var(--border);border-radius:16px;padding:28px 22px;text-align:center;background:#fff;transition:.3s}
.contact-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.contact-card .contact-icon{margin:0 auto 14px}
.contact-card h3{font-family:var(--heading-font);color:var(--dark);font-size:21px;margin-bottom:6px}
.contact-card p{font-size:14px;word-break:break-word}
.contact-card a:hover{color:var(--primary)}
#book{scroll-margin-top:90px}
.map-section{padding:0;line-height:0}
.map-section iframe{width:100%;height:420px;border:0}

@media (max-width:991px){
    .mv-grid{grid-template-columns:1fr}
    .service-detail-grid{grid-template-columns:1fr;gap:35px}
    .service-detail-grid.flip .service-detail-img{order:0}
    .service-detail-img img{height:320px}
    .contact-cards{grid-template-columns:1fr 1fr}
    .page-banner{padding:65px 0}
}
@media (max-width:576px){
    .contact-cards{grid-template-columns:1fr}
    .service-detail,.page-banner{padding:60px 0}
}

/* Service overview + detail pages */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svc-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.svc-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}
.svc-img{height:210px;overflow:hidden}
.svc-img img{height:100%;object-fit:cover;transition:.5s}
.svc-card:hover .svc-img img{transform:scale(1.06)}
.svc-body{padding:28px 26px 30px;display:flex;flex-direction:column;flex:1}
.svc-body .concern-icon{margin-bottom:14px}
.svc-body h3{font-family:var(--heading-font);color:var(--dark);font-size:24px;margin-bottom:8px}
.svc-body p{font-size:14px;flex:1}
.svc-more{margin-top:16px;color:var(--primary-dark);font-weight:700;font-size:13px;display:inline-flex;gap:8px;align-items:center}

.treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.treat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 26px;scroll-margin-top:100px;transition:.3s}
.treat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.treat-card .concern-icon{margin-bottom:14px}
.treat-card h3{font-family:var(--heading-font);color:var(--dark);font-size:21px;margin-bottom:6px}
.treat-card p{font-size:14px}

.related-section{background:var(--cream)}
.related-section .section-heading{margin-bottom:35px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.related-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700;color:var(--dark);font-size:14px;transition:.3s}
.related-card i{font-size:26px;color:var(--primary)}
.related-card:hover{background:var(--primary);color:#fff;transform:translateY(-4px)}
.related-card:hover i{color:#fff}

@media (max-width:991px){
    .svc-grid,.treat-grid{grid-template-columns:1fr 1fr}
    .related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:576px){
    .svc-grid,.treat-grid,.related-grid{grid-template-columns:1fr}
}