/* =========================================================
XXCELL SERVICE PAGE V2
Shared desktop presentation for Bergen County service pages.
Service-specific content remains in each HTML file.
========================================================= */

@media(min-width:769px){

/* ---------- PAGE ---------- */

body.service-page.service-v2{
font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:#f8fafc;
color:#0b1c30;
}

/* ---------- HERO ---------- */

body.service-page.service-v2 .area-hero{
background:#f8fafc !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:30px 0 66px !important;
}

body.service-page.service-v2 .area-hero .wrap{
width:min(1280px,calc(100% - 48px)) !important;
max-width:1280px !important;
margin:0 auto !important;
padding:0 !important;
}

body.service-page.service-v2 .area-hero .phero-grid{
display:grid !important;
grid-template-columns:minmax(0,7fr) minmax(420px,5fr) !important;
gap:40px !important;
align-items:center !important;
}

body.service-page.service-v2 .area-hero-copy{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 !important;
}

/* Visible breadcrumbs hidden globally */
body.service-page.service-v2 .crumb{
display:none !important;
}

body.service-page.service-v2 .area-location-row{
margin:0 0 14px !important;
}

body.service-page.service-v2 .area-avail{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 18px !important;
}

body.service-page.service-v2 .area-hero h1{
max-width:760px !important;
margin:0 0 24px !important;
font-family:"Plus Jakarta Sans",system-ui,sans-serif !important;
font-size:clamp(3rem,4.1vw,4.15rem) !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
font-weight:800 !important;
}

body.service-page.service-v2 .area-hero h1 b{
color:#e11d2e !important;
}

body.service-page.service-v2 .hero-lead{
max-width:700px !important;
margin:0 0 28px !important;
font-size:1.04rem !important;
line-height:1.7 !important;
color:#475569 !important;
}

/* ---------- HERO CTA ---------- */

body.service-page.service-v2 .area-hero-cta{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:14px !important;
width:100% !important;
max-width:700px !important;
margin:0 auto 20px !important;
}

body.service-page.service-v2 .area-call-btn,
body.service-page.service-v2 .area-estimate-btn{
min-height:58px !important;
border-radius:10px !important;
}

body.service-page.service-v2 .area-call-btn{
animation:xxcell-service-call-pulse 2.2s ease-in-out infinite;
}

@keyframes xxcell-service-call-pulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.025)}
}

/* ---------- TRUST CARDS ---------- */

body.service-page.service-v2 .area-trust-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
width:100% !important;
max-width:700px !important;
margin:0 auto !important;
}

body.service-page.service-v2 .area-trust-card{
min-width:0 !important;
padding:13px 10px !important;
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:10px !important;
box-shadow:0 2px 8px rgba(15,23,42,.04) !important;
text-align:center !important;
}

body.service-page.service-v2 .area-trust-card strong{
display:block !important;
font-size:.78rem !important;
line-height:1.25 !important;
}

body.service-page.service-v2 .area-trust-card span{
display:block !important;
margin-top:4px !important;
font-size:.66rem !important;
line-height:1.35 !important;
color:#64748b !important;
}

/* ---------- GOOGLE TRUST ---------- */

body.service-page.service-v2 .service-google-trust{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
width:max-content !important;
max-width:100% !important;
margin:12px auto 0 !important;
padding:9px 16px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:999px !important;
box-shadow:0 4px 14px rgba(15,23,42,.06) !important;
color:#334155 !important;
font-size:.84rem !important;
line-height:1 !important;
text-decoration:none !important;
white-space:nowrap !important;
}

body.service-page.service-v2 .service-google-stars{
color:#f59e0b !important;
font-size:.96rem !important;
letter-spacing:1px !important;
}

body.service-page.service-v2 .service-google-trust strong{
font-weight:800 !important;
color:#0f172a !important;
}

/* ---------- HERO IMAGE ---------- */

body.service-page.service-v2 .area-hero-image{
position:relative !important;
height:430px !important;
min-height:430px !important;
max-height:430px !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
border-radius:16px !important;
box-shadow:none !important;
padding:0 !important;
}

body.service-page.service-v2 .area-hero-image img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:16px !important;
box-shadow:none !important;
}

/* ---------- MAIN CONTENT ---------- */

body.service-page.service-v2 > section:first-of-type{
padding-top:54px !important;
}

body.service-page.service-v2 > section:first-of-type > .wrap{
width:min(900px,calc(100% - 48px)) !important;
max-width:900px !important;
margin-left:auto !important;
margin-right:auto !important;
}

body.service-page.service-v2 > section:first-of-type > .wrap > h2:first-child{
width:100% !important;
max-width:none !important;
margin:0 0 24px !important;
padding:0 !important;
text-align:left !important;
font-size:clamp(2rem,2.5vw,2.55rem) !important;
line-height:1.12 !important;
}

body.service-page.service-v2 .tcopy{
line-height:1.75 !important;
}

}


/* =========================================================