
/* Inner page styles */
.page-hero{background:linear-gradient(135deg,rgba(1,17,86,.93),rgba(0,163,224,.82)),url('https://bhattidental.com/wp-content/uploads/2022/04/Bhatti-Dental-Hero-Section.jpg') center/cover no-repeat;color:var(--white);padding:48px 0 56px}
.page-hero h1{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;line-height:1.25;margin-bottom:12px}
.page-hero p{font-size:1rem;opacity:.9;max-width:680px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.82rem;margin-bottom:18px;opacity:.85}
.breadcrumb a{color:#7ee8ff}
.breadcrumb a:hover{color:var(--white)}
.breadcrumb span{opacity:.6}
.page-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:56px 0 80px;align-items:start}
.page-content h2{font-size:1.45rem;color:var(--primary);margin:28px 0 12px}
.page-content h3{font-size:1.1rem;color:var(--primary-light);margin:20px 0 10px}
.page-content p,.page-content li{color:var(--muted);margin-bottom:14px;font-size:.95rem}
.page-content ul,.page-content ol{margin:0 0 18px 20px}
.page-content ul{list-style:disc}
.page-content ol{list-style:decimal}
.page-content a{color:var(--accent);font-weight:500}
.page-content a:hover{color:var(--primary)}
.page-content .highlight-box{background:var(--bg);border-left:4px solid var(--accent);padding:20px 24px;border-radius:0 var(--r) var(--r) 0;margin:24px 0}
.page-content .cta-inline{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white);padding:32px;border-radius:var(--r-lg);text-align:center;margin:36px 0}
.page-content .cta-inline h3{color:var(--white);margin-bottom:10px}
.page-content .cta-inline p{color:rgba(255,255,255,.9);margin-bottom:18px}
.sidebar{position:sticky;top:90px}
.sidebar-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}
.sidebar-box h4{color:var(--primary);font-size:.95rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--accent)}
.sidebar-links li{margin-bottom:8px}
.sidebar-links a{font-size:.86rem;color:var(--muted);display:block;padding:6px 0}
.sidebar-links a:hover{color:var(--accent);padding-left:6px}
.sidebar-cta{background:var(--primary);color:var(--white);border-radius:var(--r-lg);padding:24px;text-align:center}
.sidebar-cta h4{color:var(--white);margin-bottom:8px}
.sidebar-cta p{font-size:.85rem;opacity:.85;margin-bottom:16px}
.service-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:56px 0 80px}
.service-tile{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:var(--t)}
.service-tile:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}
.service-tile h3{font-size:1rem;color:var(--primary);margin-bottom:8px}
.service-tile p{font-size:.85rem;color:var(--muted);margin-bottom:12px}
.team-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 0}
.faq-page .faq-list{max-width:100%}
.contact-grid-page{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:56px 0 80px}
.contact-form-box{background:var(--bg);padding:32px;border-radius:var(--r-lg);border:1px solid var(--border)}
.contact-form-box input,.contact-form-box select,.contact-form-box textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;font-family:inherit;font-size:.9rem}
.contact-form-box textarea{min-height:120px;resize:vertical}
@media(max-width:992px){
  .page-layout,.contact-grid-page{grid-template-columns:1fr}
  .sidebar{position:static}
  .service-grid-page,.team-grid-page{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:576px){
  .service-grid-page,.team-grid-page{grid-template-columns:1fr}
}

/* ── Service Page Revamp (competitor-style) ── */
.svc-hero{padding:56px 0 64px;background:linear-gradient(135deg,rgba(1,17,86,.94),rgba(0,163,224,.85)),url('https://bhattidental.com/wp-content/uploads/2022/04/Bhatti-Dental-Hero-Section.jpg') center/cover;color:var(--white)}
.svc-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.svc-hero h1{font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:16px}
.svc-hero-lead{font-size:1.05rem;opacity:.92;margin-bottom:24px;line-height:1.75}
.svc-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.svc-trust-row{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;opacity:.9}
.svc-trust-row span{display:flex;align-items:center;gap:6px}
.svc-hero-card{background:var(--white);color:var(--text);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-lg)}
.svc-hero-card h3{color:var(--primary);font-size:1.15rem;margin-bottom:6px}
.svc-hero-card p{font-size:.88rem;color:var(--muted);margin-bottom:16px}
.svc-intro{padding:64px 0;background:var(--white)}
.svc-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.svc-intro h2{font-size:1.75rem;color:var(--primary);margin-bottom:16px}
.svc-intro p{color:var(--muted);margin-bottom:14px;font-size:.95rem}
.svc-checklist{list-style:none;margin:0;padding:0}
.svc-checklist li{padding:10px 0 10px 32px;position:relative;color:var(--text);font-size:.92rem;border-bottom:1px solid var(--border)}
.svc-checklist li::before{content:'✓';position:absolute;left:0;color:var(--cta);font-weight:800}
.svc-img-box{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.svc-img-box img{width:100%;height:360px;object-fit:cover}
.svc-why{background:var(--bg);padding:64px 0}
.svc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-why-card{background:var(--white);border-radius:var(--r-lg);padding:28px 22px;border:1px solid var(--border);border-top:4px solid var(--accent);transition:var(--t)}
.svc-why-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}
.svc-seo-content{padding:64px 0;background:var(--white)}
.svc-seo-content .page-content{max-width:900px;margin:0 auto}
.svc-seo-content h2{font-size:1.65rem;color:var(--primary);margin:12px 0 20px;line-height:1.3}
.svc-seo-content h3{font-size:1.15rem;color:var(--primary-light);margin:28px 0 12px}
.svc-internal-hub{padding:48px 0 64px;background:var(--white);border-top:1px solid var(--border)}
.home-seo-content{background:var(--bg);padding:72px 0}
.home-seo-content .seo-prose{max-width:920px;margin:0 auto}
.home-seo-content h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--primary);margin-bottom:20px}
.home-seo-content h3{font-size:1.12rem;color:var(--primary-light);margin:26px 0 10px}
.home-seo-content p,.home-seo-content li{color:var(--muted);margin-bottom:14px;font-size:.95rem}
.home-seo-content a{color:var(--accent);font-weight:500}
.home-link-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.home-link-grid a{background:var(--white);border:1px solid var(--border);padding:10px 18px;border-radius:50px;font-size:.84rem;color:var(--primary);font-weight:600}
.home-link-grid a:hover{background:var(--primary);color:var(--white)}
.svc-why-card h3{font-size:1rem;color:var(--primary);margin-bottom:8px}
.svc-why-card p{font-size:.86rem;color:var(--muted);line-height:1.65}
.svc-steps{padding:64px 0}
.svc-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:svcstep}
.svc-step-card{text-align:center;padding:24px 16px;background:var(--bg);border-radius:var(--r-lg);border:1px solid var(--border)}
.svc-step-card::before{counter-increment:svcstep;content:counter(svcstep);display:flex;width:44px;height:44px;background:var(--accent);color:var(--white);border-radius:50%;align-items:center;justify-content:center;font-weight:800;margin:0 auto 14px;font-size:1.1rem}
.svc-step-card h3{font-size:.92rem;color:var(--primary);margin-bottom:8px}
.svc-step-card p{font-size:.82rem;color:var(--muted)}
.svc-cost{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);padding:56px 0;text-align:center}
.svc-cost h2{font-size:1.75rem;margin-bottom:12px}
.svc-cost p{opacity:.9;max-width:640px;margin:0 auto 24px;font-size:1rem}
.svc-cost-note{background:rgba(255,255,255,.1);border-radius:var(--r);padding:20px 28px;max-width:700px;margin:0 auto 28px;font-size:.9rem;text-align:left}
.svc-cost .btn{margin:0 8px}
.svc-doctor{background:var(--bg);padding:64px 0}
.svc-doctor-grid{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;background:var(--white);border-radius:var(--r-lg);padding:36px;border:1px solid var(--border);box-shadow:var(--shadow)}
.svc-doctor-avatar{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-light),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--white);flex-shrink:0}
.svc-doctor h2{font-size:1.4rem;color:var(--primary);margin-bottom:8px}
.svc-doctor .role{color:var(--accent);font-weight:600;font-size:.88rem;margin-bottom:12px}
.svc-doctor p{color:var(--muted);font-size:.92rem;margin-bottom:16px}
.svc-faq-sec{padding:64px 0;background:var(--white)}
.svc-related{padding:48px 0;background:var(--bg)}
.svc-related-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.svc-related-links a{background:var(--white);border:1px solid var(--border);padding:10px 20px;border-radius:50px;font-size:.88rem;color:var(--primary);font-weight:500;transition:var(--t)}
.svc-related-links a:hover{background:var(--primary);color:var(--white)}
.svc-final-cta{padding:56px 0;background:linear-gradient(135deg,var(--accent),var(--cta));color:var(--white);text-align:center}
.svc-final-cta h2{font-size:1.8rem;margin-bottom:12px}
.svc-final-cta p{opacity:.92;margin-bottom:24px;font-size:1.05rem}
.svc-sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--primary);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:998;box-shadow:0 -4px 20px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .28s ease;visibility:hidden}
.svc-sticky-bar.is-visible{transform:translateY(0);visibility:visible}
.svc-sticky-bar .container{display:flex;gap:8px;justify-content:stretch;padding:0}
.svc-sticky-bar .btn{flex:1;max-width:none;min-width:0;padding:12px 10px;font-size:.82rem;line-height:1.2;white-space:nowrap;border-radius:50px}
.svc-sticky-bar .btn-secondary{background:var(--cta);color:var(--white);border:none}
.svc-sticky-bar .btn-primary{background:var(--accent);color:var(--white)}
.svc-sticky-bar .btn-outline{border:2px solid rgba(255,255,255,.85);color:var(--white);background:transparent}
.svc-sticky-bar .btn-outline:hover{background:rgba(255,255,255,.12);color:var(--white)}
body.svc-page .footer{padding-bottom:8px}
@media(max-width:992px){
  .svc-hero-grid,.svc-intro-grid,.svc-why-grid,.svc-steps-grid{grid-template-columns:1fr}
  .svc-hero{padding:36px 0 40px}
  .svc-hero h1{font-size:1.65rem;line-height:1.25}
  .svc-hero-lead{font-size:.95rem}
  .svc-hero-card{margin-top:12px}
  .svc-intro{padding:48px 0}
  .svc-intro h2{font-size:1.35rem;line-height:1.35;margin-bottom:14px}
  .svc-doctor-grid{grid-template-columns:1fr;text-align:center}
  .svc-doctor-avatar{margin:0 auto;font-size:2rem;width:96px;height:96px}
  .svc-sticky-bar{display:block}
  body.svc-page{padding-bottom:env(safe-area-inset-bottom,0px)}
  body.svc-page.sticky-shown{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body.svc-page .wa-float{bottom:calc(88px + env(safe-area-inset-bottom,0px));right:14px;width:50px;height:50px;z-index:997}
  body.svc-page .wa-float svg{width:26px;height:26px}
  body.svc-page.sticky-shown .wa-float{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .header-cta .btn-ghost{display:none}
}
@media(max-width:576px){
  .svc-why-grid,.svc-steps-grid{grid-template-columns:1fr}
  .svc-hero-btns .btn{width:100%;justify-content:center}
  .svc-hero-btns{display:flex;flex-direction:column}
  .svc-cost .btn{display:block;width:100%;max-width:320px;margin:8px auto!important}
  .page-hero{padding:36px 0 44px}
  .contact-grid-page{padding:40px 0 64px}
  .svc-trust-row{flex-direction:column;align-items:flex-start;gap:8px}
  .breadcrumb{font-size:.75rem}
}

/* Google Reviews (Trustindex) — all pages */
.google-reviews-section{padding:64px 0;background:var(--light,#f8fafc)}
.google-reviews-section .section-head{text-align:center;max-width:720px;margin:0 auto 32px}
.google-reviews-banner{background:linear-gradient(135deg,var(--primary,#0a4d68),var(--accent,#088395));color:#fff;border-radius:16px;padding:28px 24px;margin-bottom:28px;text-align:center}
.google-reviews-banner-inner h3{font-size:1.5rem;margin:0 0 8px;letter-spacing:.08em}
.google-reviews-banner .big-stars{font-size:1.75rem;color:#ffc107;margin:0 0 8px}
.google-reviews-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}
.trustindex-wrap{max-width:100%;overflow:hidden;margin:0 auto}
.trustindex-wrap .ti-widget{display:none}
.google-reviews-section .trustindex-wrap > div:not(.ti-widget){min-height:120px}
@media(max-width:576px){
  .google-reviews-section{padding:48px 0}
  .google-reviews-actions .btn{width:100%;max-width:280px}
}
