/* ==================================================
   XXCELL MASTER SERVICE PAGE UI
   ================================================== */

.service-page{
background:#f5f7fa;
}

/* HERO */

.service-hero{
padding:46px 0 42px;
background:linear-gradient(180deg,#fff 0%,#f5f7fa 100%);
border-bottom:1px solid #e5e8ed;
}

.service-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
gap:42px;
align-items:center;
}

.service-breadcrumb{
font-size:.84rem;
color:#737b87;
margin:0 0 15px;
}

.service-breadcrumb a{
color:inherit;
text-decoration:none;
}

.service-label{
display:inline-flex;
align-items:center;
gap:8px;
font-size:.75rem;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase;
color:#d22b1f;
margin:0 0 13px;
}

.service-label:before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#d22b1f;
}

.service-hero h1{
font-size:clamp(2.35rem,5vw,4.35rem);
line-height:1.03;
letter-spacing:-.04em;
margin:0 0 18px;
}

.service-hero-lead{
font-size:1.1rem;
line-height:1.72;
color:#58616d;
max-width:680px;
margin:0 0 24px;
}

.service-hero-actions{
display:flex;
flex-wrap:wrap;
gap:11px;
}

.service-hero-image{
position:relative;
overflow:hidden;
border-radius:18px;
background:#111827;
box-shadow:0 18px 50px rgba(15,23,42,.16);
}

.service-hero-image img{
display:block;
width:100%;
aspect-ratio:4/3;
object-fit:cover;
}

.service-photo-label{
position:absolute;
left:14px;
bottom:14px;
background:rgba(12,24,42,.88);
color:#fff;
padding:8px 11px;
border-radius:7px;
font-size:.78rem;
font-weight:700;
}

/* SERVICE SNAPSHOT */

.service-snapshot{
padding:22px 0 0;
}

.service-snapshot-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}

.service-snapshot-card{
background:#fff;
border:1px solid #e2e6eb;
border-radius:12px;
padding:16px;
}

.service-snapshot-card strong{
display:block;
font-size:.95rem;
color:#18202c;
margin-bottom:5px;
}

.service-snapshot-card span{
display:block;
font-size:.88rem;
line-height:1.5;
color:#606977;
}

/* MAIN BODY */

.service-body{
padding:48px 0 62px;
}

.service-body>.wrap{
max-width:960px;
}

.service-section{
margin-bottom:42px;
}

.service-kicker{
font-size:.74rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.13em;
color:#d22b1f;
margin:0 0 6px;
}

.service-section h2{
font-size:clamp(1.6rem,3vw,2.12rem);
line-height:1.2;
margin:0 0 16px;
}

.service-card{
background:#fff;
border:1px solid #e3e7ec;
border-radius:15px;
padding:24px;
box-shadow:0 5px 20px rgba(15,23,42,.045);
}

.service-card p{
margin:0 0 15px;
color:#535d69;
line-height:1.72;
}

.service-card p:last-child{
margin-bottom:0;
}

/* WHEN YOU NEED THE SERVICE */

.service-situation-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.service-situation{
background:#fff;
border:1px solid #e3e7ec;
border-radius:13px;
padding:18px;
}

.service-situation strong{
display:block;
font-size:1rem;
color:#18202c;
margin-bottom:6px;
}

.service-situation p{
margin:0;
color:#5b6470;
line-height:1.6;
font-size:.94rem;
}

/* HOW IT WORKS */

.service-process-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.service-process{
background:#fff;
border:1px solid #e3e7ec;
border-radius:13px;
padding:20px;
}

.service-process-number{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#d22b1f;
color:#fff;
font-size:.83rem;
font-weight:800;
margin-bottom:13px;
}

.service-process strong{
display:block;
margin-bottom:6px;
}

.service-process p{
margin:0;
font-size:.94rem;
line-height:1.6;
color:#5b6470;
}

/* DARK SAFETY / EQUIPMENT PANEL */

.service-dark-card{
background:#0f1d35;
color:#fff;
border-radius:16px;
padding:26px;
}

.service-dark-card .service-kicker{
color:#ffb4ab;
}

.service-dark-card h2{
color:#fff;
}

.service-dark-card>p{
color:#d4dae3;
line-height:1.72;
}

.service-dark-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:18px;
}

.service-dark-item{
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
border-radius:11px;
padding:16px;
}

.service-dark-item strong{
display:block;
color:#fff;
margin-bottom:5px;
}

.service-dark-item span{
display:block;
color:#c6ced9;
font-size:.9rem;
line-height:1.5;
}

/* GALLERY WRAPPER */

.service-gallery-card{
background:#fff;
border:1px solid #e3e7ec;
border-radius:16px;
padding:20px;
box-shadow:0 5px 20px rgba(15,23,42,.045);
}

.service-gallery-intro{
margin-bottom:18px;
}

.service-gallery-intro p{
margin:0;
color:#58616d;
line-height:1.7;
}

/* VEHICLES / CAPABILITIES */

.service-chip-list{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.service-chip{
display:inline-flex;
align-items:center;
padding:8px 11px;
border-radius:9px;
border:1px solid #e1e5ea;
background:#fff;
color:#26303c;
font-size:.87rem;
font-weight:700;
}

/* SERVICE AREAS */

.service-area-card{
background:#fff;
border:1px solid #e3e7ec;
border-radius:15px;
padding:24px;
}

.service-area-links{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:17px;
}

.service-area-links a{
display:inline-flex;
padding:8px 11px;
border-radius:8px;
background:#f5f7fa;
border:1px solid #e1e5ea;
color:#26303c;
font-size:.87rem;
font-weight:700;
text-decoration:none;
}

/* RELATED SERVICES */

.service-related{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.service-related a{
background:#fff;
border:1px solid #e3e7ec;
border-radius:12px;
padding:18px;
text-decoration:none;
color:#19202b;
font-weight:800;
line-height:1.45;
}

.service-related a span{
display:block;
color:#d22b1f;
font-size:.77rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:5px;
}

/* FAQ */

.service-faq-list{
display:grid;
gap:11px;
}

.service-faq-item{
background:#fff;
border:1px solid #e3e7ec;
border-radius:12px;
overflow:hidden;
}

.service-faq-item summary{
position:relative;
cursor:pointer;
list-style:none;
font-weight:800;
font-size:1rem;
padding:18px 48px 18px 20px;
}

.service-faq-item summary::-webkit-details-marker{
display:none;
}

.service-faq-item summary:after{
content:"+";
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
font-size:1.4rem;
color:#d22b1f;
}

.service-faq-item[open] summary:after{
content:"−";
}

.service-faq-answer{
padding:0 20px 20px;
color:#59616d;
line-height:1.68;
}

/* CTA */

.service-cta{
max-width:960px;
margin:0 auto 48px;
background:#d22b1f;
color:#fff;
border-radius:16px;
padding:28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}

.service-cta h2{
color:#fff;
margin:0 0 7px;
}

.service-cta p{
color:#fff;
margin:0;
opacity:.94;
}

.service-cta-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.service-cta .btn{
background:#fff;
color:#111827;
border:2px solid #fff;
}

/* COMPACT SERVICE FOOTER */

.service-footer{
background:#0d1728;
color:#fff;
padding:36px 0 92px;
}

.service-footer-inner{
max-width:1080px;
margin:auto;
padding:0 22px;
display:grid;
grid-template-columns:1.35fr 1fr 1fr;
gap:32px;
}

.service-footer-brand{
font-size:1.35rem;
font-weight:900;
color:#fff;
text-decoration:none;
}

.service-footer-brand b{
color:#d22b1f;
}

.service-footer p{
font-size:.9rem;
line-height:1.65;
color:#b9c0cb;
}

.service-footer h4{
font-size:.75rem;
text-transform:uppercase;
letter-spacing:.12em;
margin:0 0 12px;
}

.service-footer-links{
display:grid;
gap:8px;
}

.service-footer a{
color:#d3d8e0;
text-decoration:none;
}

.service-footer-bottom{
max-width:1080px;
margin:28px auto 0;
padding:20px 22px 0;
border-top:1px solid rgba(255,255,255,.12);
display:flex;
justify-content:space-between;
gap:18px;
flex-wrap:wrap;
font-size:.8rem;
color:#98a2b1;
}

/* MOBILE */

@media(max-width:768px){

.service-hero{
padding:30px 0 34px;
}

.service-hero-grid{
grid-template-columns:1fr;
gap:26px;
}

.service-hero h1{
font-size:2.35rem;
}

.service-hero-lead{
font-size:1.02rem;
}

.service-snapshot-grid{
grid-template-columns:1fr 1fr;
}

.service-body{
padding:36px 0 46px;
}

.service-section{
margin-bottom:32px;
}

.service-card{
padding:20px;
}

.service-situation-grid,
.service-process-grid,
.service-dark-grid,
.service-related{
grid-template-columns:1fr;
}

.service-dark-card{
padding:20px;
}

.service-gallery-card{
padding:14px;
}

.service-cta{
display:block;
margin:0 16px 34px;
padding:24px 20px;
}

.service-cta-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:18px;
}

.service-cta .btn{
width:100%;
min-height:54px;
display:flex;
align-items:center;
justify-content:center;
}

.service-footer-inner{
grid-template-columns:1fr 1fr;
}

.service-footer-inner>div:first-child{
grid-column:1/-1;
}

}

@media(max-width:520px){

.service-snapshot-grid{
grid-template-columns:1fr;
}

.service-footer-inner{
grid-template-columns:1fr;
}

.service-footer-inner>div:first-child{
grid-column:auto;
}

}

/* ==================================================
   SERVICE MASTER V2 - QUOTE PANEL + MOBILE RHYTHM
   ================================================== */

.service-quote-panel{
background:#fff;
border:1px solid #e3e7ec;
border-radius:16px;
padding:26px;
box-shadow:0 6px 24px rgba(15,23,42,.055);
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
gap:28px;
align-items:center;
}

.service-quote-panel .service-kicker{
margin-bottom:7px;
}

.service-quote-panel h2{
margin:0 0 12px;
}

.service-quote-panel p{
margin:0;
color:#58616d;
line-height:1.7;
}

.service-quote-points{
display:grid;
gap:8px;
margin-top:18px;
}

.service-quote-point{
display:flex;
align-items:center;
gap:9px;
font-size:.92rem;
font-weight:700;
color:#27313d;
}

.service-quote-point:before{
content:"✓";
display:flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
background:#fce8e6;
color:#d22b1f;
font-size:.76rem;
font-weight:900;
flex:0 0 auto;
}

.service-quote-actions{
background:#f5f7fa;
border:1px solid #e1e5ea;
border-radius:13px;
padding:20px;
}

.service-quote-actions strong{
display:block;
font-size:1rem;
margin-bottom:7px;
color:#18202c;
}

.service-quote-actions p{
font-size:.9rem;
line-height:1.55;
margin-bottom:16px;
}

.service-quote-actions .btn{
width:100%;
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
margin-top:9px;
}

.service-quote-actions .btn:first-of-type{
background:#d22b1f;
color:#fff;
border-color:#d22b1f;
}

@media(max-width:768px){

.service-body{
padding-top:30px;
padding-bottom:40px;
}

.service-section{
margin-bottom:28px;
}

.service-snapshot{
padding-top:16px;
}

.service-snapshot-grid{
gap:9px;
}

.service-snapshot-card{
padding:14px 16px;
}

.service-situation{
padding:16px;
}

.service-process{
padding:17px;
}

.service-process-number{
margin-bottom:10px;
}

.service-dark-card{
padding:20px;
}

.service-gallery-card{
padding:14px;
}

.service-area-card{
padding:20px;
}

.service-related a{
padding:16px;
}

.service-faq-item summary{
padding-top:16px;
padding-bottom:16px;
}

.service-quote-panel{
grid-template-columns:1fr;
gap:16px;
padding:20px;
}

.service-quote-actions{
padding:16px;
}

}

/* ==================================================
   SERVICE MASTER V3 - MOBILE COMPACTION
   ================================================== */

@media(max-width:768px){

body.service-page .service-body{
padding-top:24px !important;
padding-bottom:34px !important;
}

body.service-page .service-section{
margin-bottom:22px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

body.service-page .service-section + .service-section{
margin-top:0 !important;
}

body.service-page .service-section h2{
margin-bottom:13px !important;
}

body.service-page .service-kicker{
margin-bottom:5px !important;
}

body.service-page .service-snapshot{
padding-top:12px !important;
}

body.service-page .service-snapshot-card{
padding:13px 15px !important;
}

body.service-page .service-situation{
padding:15px !important;
}

body.service-page .service-process{
padding:16px !important;
}

body.service-page .service-card{
padding:18px !important;
}

body.service-page .service-gallery-card{
padding:12px !important;
}

body.service-page .service-gallery-intro{
margin-bottom:12px !important;
}

body.service-page .service-dark-card{
padding:20px !important;
}

body.service-page .service-dark-card > p{
line-height:1.58 !important;
margin-bottom:12px !important;
}

body.service-page .service-dark-grid{
margin-top:14px !important;
gap:9px !important;
}

body.service-page .service-dark-item{
padding:14px !important;
}

body.service-page .service-area-card{
padding:18px !important;
}

body.service-page .service-area-links{
margin-top:13px !important;
}

body.service-page .service-related{
gap:9px !important;
}

body.service-page .service-related a{
padding:15px !important;
}

body.service-page .service-faq-list{
gap:9px !important;
}

body.service-page .service-faq-item summary{
padding:15px 46px 15px 18px !important;
}

body.service-page .service-quote-panel{
padding:18px !important;
}

body.service-page .service-quote-points{
margin-top:14px !important;
}

body.service-page .service-cta{
margin-bottom:26px !important;
}

}

/* ==================================================
   SERVICE MASTER V3 - MOBILE COMPACTION
   ================================================== */

@media(max-width:768px){

body.service-page .service-body{
padding-top:24px !important;
padding-bottom:34px !important;
}

body.service-page .service-section{
margin-bottom:22px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

body.service-page .service-section + .service-section{
margin-top:0 !important;
}

body.service-page .service-section h2{
margin-bottom:13px !important;
}

body.service-page .service-kicker{
margin-bottom:5px !important;
}

body.service-page .service-snapshot{
padding-top:12px !important;
}

body.service-page .service-snapshot-card{
padding:13px 15px !important;
}

body.service-page .service-situation{
padding:15px !important;
}

body.service-page .service-process{
padding:16px !important;
}

body.service-page .service-card{
padding:18px !important;
}

body.service-page .service-gallery-card{
padding:12px !important;
}

body.service-page .service-gallery-intro{
margin-bottom:12px !important;
}

body.service-page .service-dark-card{
padding:20px !important;
}

body.service-page .service-dark-card > p{
line-height:1.58 !important;
margin-bottom:12px !important;
}

body.service-page .service-dark-grid{
margin-top:14px !important;
gap:9px !important;
}

body.service-page .service-dark-item{
padding:14px !important;
}

body.service-page .service-area-card{
padding:18px !important;
}

body.service-page .service-area-links{
margin-top:13px !important;
}

body.service-page .service-related{
gap:9px !important;
}

body.service-page .service-related a{
padding:15px !important;
}

body.service-page .service-faq-list{
gap:9px !important;
}

body.service-page .service-faq-item summary{
padding:15px 46px 15px 18px !important;
}

body.service-page .service-quote-panel{
padding:18px !important;
}

body.service-page .service-quote-points{
margin-top:14px !important;
}

body.service-page .service-cta{
margin-bottom:26px !important;
}

}

/* XXCELL RIVER VALE SERVICE COMPONENT PORT START */

/* =========================================================
   XXCELL SERVICE AREA UI — HERO
   River Vale reference architecture
   ========================================================= */

.service-page{
background:#f8fafc;
}

.service-page .area-hero{
padding:22px 0 28px;
background:
linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

.service-page .area-hero .phero-grid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
gap:28px;
align-items:center;
}

.service-page .area-hero-copy{
min-width:0;
}

.service-page .area-hero .crumb{
margin:0 0 10px;
font-size:.78rem;
font-weight:700;
color:#64748b;
}

.service-page .area-hero .crumb a{
color:#475569;
text-decoration:none;
}

.service-page .area-location-row{
display:flex;
align-items:center;
gap:7px;
margin-bottom:12px;
font-size:.78rem;
color:#64748b;
}

.service-page .area-location-row strong{
color:#0f172a;
}

.service-page .area-location-sep{
color:#cbd5e1;
}

.service-page .area-avail{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:13px;
padding:7px 11px;
border-radius:999px;
background:#ecfdf5;
color:#166534;
font-size:.74rem;
font-weight:800;
letter-spacing:.02em;
}

.service-page .area-live-dot{
display:block;
width:8px;
height:8px;
border-radius:50%;
background:#16a34a;
box-shadow:0 0 0 4px rgba(22,163,74,.12);
}

.service-page .area-hero h1{
max-width:720px;
margin:0;
color:#0f172a;
font-size:clamp(2rem,4.4vw,3.6rem);
line-height:1.02;
letter-spacing:-.045em;
}

.service-page .area-hero h1 b{
color:#dc2626;
}

.service-page .area-hero .hero-lead{
max-width:690px;
margin:16px 0 0;
color:#475569;
font-size:1.02rem;
line-height:1.65;
}

.service-page .area-hero-cta{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:10px;
margin-top:20px;
}

.service-page .area-hero-cta .btn{
min-height:56px;
border-radius:12px;
}

.service-page .area-call-btn{
display:flex !important;
flex-direction:column;
align-items:flex-start !important;
justify-content:center;
gap:1px;
padding:9px 16px !important;
}

.service-page .area-btn-kicker{
font-size:.67rem;
line-height:1;
font-weight:750;
letter-spacing:.05em;
text-transform:uppercase;
opacity:.82;
}

.service-page .area-call-btn strong{
font-size:1rem;
}

.service-page .area-estimate-btn{
display:flex !important;
align-items:center;
justify-content:center;
}

.service-page .area-trust-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
margin-top:14px;
}

.service-page .area-trust-card{
padding:12px 13px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:11px;
box-shadow:0 3px 12px rgba(15,23,42,.035);
}

.service-page .area-trust-card strong{
display:block;
margin-bottom:3px;
color:#0f172a;
font-size:.83rem;
line-height:1.2;
}

.service-page .area-trust-card span{
display:block;
color:#64748b;
font-size:.72rem;
line-height:1.35;
}

.service-page .area-hero-image{
position:relative;
overflow:hidden;
border-radius:16px;
background:#e2e8f0;
box-shadow:0 14px 34px rgba(15,23,42,.12);
}

.service-page .area-hero-image img{
display:block;
width:100%;
height:auto;
aspect-ratio:16/10;
object-fit:cover;
}

.service-page .area-photo-label{
position:absolute;
left:12px;
bottom:12px;
padding:7px 10px;
background:rgba(15,23,42,.86);
border-radius:8px;
color:#ffffff;
font-size:.7rem;
font-weight:800;
letter-spacing:.025em;
backdrop-filter:blur(8px);
}

@media(max-width:768px){

.service-page .area-hero{
padding:12px 0 20px;
}

.service-page .area-hero .phero-grid{
grid-template-columns:1fr;
gap:16px;
}

.service-page .area-location-row{
margin-bottom:9px;
}

.service-page .area-avail{
margin-bottom:11px;
}

.service-page .area-hero h1{
font-size:2.05rem;
line-height:1.06;
}

.service-page .area-hero .hero-lead{
margin-top:12px;
font-size:.94rem;
line-height:1.55;
}

.service-page .area-hero-cta{
grid-template-columns:1fr;
gap:8px;
margin-top:16px;
}

.service-page .area-hero-cta .btn{
min-height:52px;
}

.service-page .area-trust-grid{
gap:7px;
margin-top:11px;
}

.service-page .area-trust-card{
padding:10px;
}

.service-page .area-trust-card strong{
font-size:.76rem;
}

.service-page .area-trust-card span{
font-size:.67rem;
}

.service-page .area-hero-image{
border-radius:13px;
}

}

/* =========================================================
   XXCELL SERVICE AREA UI — REAL QUOTE CARD
   ========================================================= */

.service-page .area-price-section{
margin:38px 0;
}

.service-page .area-price-card{
padding:22px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:16px;
box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.service-page .area-price-heading{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
}

.service-page .area-eyebrow{
margin:0 0 5px;
color:#15803d;
font-size:.72rem;
font-weight:900;
letter-spacing:.07em;
text-transform:uppercase;
}

.service-page .area-price-heading h2{
margin:0;
color:#0f172a;
font-size:1.65rem;
line-height:1.15;
}

.service-page .area-price-icon{
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:13px;
background:#fef2f2;
font-size:1.25rem;
}

.service-page .area-price-lead{
margin:14px 0 17px;
color:#475569;
font-size:.94rem;
line-height:1.55;
}

.service-page .area-price-points{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
margin-bottom:16px;
}

.service-page .area-price-points > div{
padding:12px;
background:#f8fafc;
border-radius:10px;
}

.service-page .area-price-points strong{
display:block;
margin-bottom:4px;
color:#0f172a;
font-size:.8rem;
}

.service-page .area-price-points span{
display:block;
color:#64748b;
font-size:.72rem;
line-height:1.4;
}

.service-page .area-price-button{
display:flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:10px 16px;
background:#dc2626;
border-radius:11px;
color:#ffffff;
font-weight:850;
text-decoration:none;
}

.service-page .area-price-note{
margin:10px 0 0;
color:#64748b;
font-size:.72rem;
line-height:1.4;
}

@media(max-width:768px){

.service-page .area-price-card{
padding:17px;
}

.service-page .area-price-heading h2{
font-size:1.45rem;
}

.service-page .area-price-points{
grid-template-columns:1fr;
gap:7px;
}

}

/* =========================================================
   XXCELL SERVICE AREA UI — DETAILED QUOTE PANEL
   ========================================================= */

.service-page .area-quote-flow{
display:flex;
flex-direction:column;
gap:9px;
margin:18px 0;
}

.service-page .area-quote-step{
display:flex;
align-items:flex-start;
gap:11px;
padding:13px;
background:#f8fafc;
border-radius:11px;
}

.service-page .area-quote-number{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 30px;
width:30px;
height:30px;
border-radius:50%;
background:#dc2626;
color:#fff;
font-size:.76rem;
font-weight:900;
}

.service-page .area-quote-step strong{
display:block;
margin-bottom:3px;
color:#0f172a;
font-size:.84rem;
}

.service-page .area-quote-step p{
margin:0;
color:#64748b;
font-size:.75rem;
line-height:1.45;
}

.service-page .area-quote-preview{
margin:17px 0;
padding:14px;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:12px;
}

.service-page .area-quote-preview-head,
.service-page .area-quote-line,
.service-page .area-quote-total-preview{
display:flex;
justify-content:space-between;
gap:14px;
}

.service-page .area-quote-preview-head{
padding-bottom:10px;
border-bottom:1px solid #e2e8f0;
color:#64748b;
font-size:.72rem;
font-weight:750;
}

.service-page .area-quote-preview-head strong{
color:#0f172a;
}

.service-page .area-quote-line{
padding:9px 0;
border-bottom:1px solid #e2e8f0;
color:#64748b;
font-size:.75rem;
}

.service-page .area-quote-line strong{
color:#0f172a;
font-size:.73rem;
text-align:right;
}

.service-page .area-quote-total-preview{
align-items:center;
padding-top:12px;
}

.service-page .area-quote-total-preview span{
color:#0f172a;
font-size:.82rem;
font-weight:850;
}

.service-page .area-quote-total-preview strong{
max-width:180px;
color:#dc2626;
font-size:.82rem;
line-height:1.3;
text-align:right;
}

.service-page .area-quote-service-label{
margin:0 0 8px;
color:#0f172a;
font-size:.78rem;
font-weight:850;
}

.service-page .area-quote-shortcuts{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px;
margin-bottom:13px;
}

.service-page .area-quote-shortcuts a{
display:flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:6px 4px;
background:#f1f5f9;
border:1px solid #e2e8f0;
border-radius:8px;
color:#0f172a;
font-size:.68rem;
font-weight:800;
text-align:center;
text-decoration:none;
}

.service-page .area-quote-shortcuts a:first-child{
background:#0f172a;
border-color:#0f172a;
color:#fff;
}

@media(max-width:768px){

.service-page .area-quote-preview-head,
.service-page .area-quote-line,
.service-page .area-quote-total-preview{
gap:9px;
}

.service-page .area-quote-shortcuts{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.service-page .area-quote-shortcuts a{
min-height:40px;
}

}

/* =========================================================
   XXCELL SERVICE AREA UI — COMPACT FOOTER
   ========================================================= */

.service-page .area-footer{
margin-top:0;
padding:34px 0 92px;
background:#0f172a;
color:#ffffff;
}

.service-page .area-footer-inner{
width:min(1180px,calc(100% - 32px));
margin:0 auto;
}

.service-page .area-footer-brand{
margin-bottom:26px;
}

.service-page .area-footer-logo{
display:inline-block;
margin-bottom:12px;
color:#ffffff;
font-size:1.55rem;
font-weight:900;
letter-spacing:-.035em;
text-decoration:none;
}

.service-page .area-footer-logo b{
color:#ef2b2d;
}

.service-page .area-footer-brand p{
max-width:520px;
margin:0 0 13px;
color:#cbd5e1;
font-size:.88rem;
line-height:1.55;
}

.service-page .area-footer-phone{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
font-size:.95rem;
font-weight:850;
text-decoration:none;
}

.service-page .area-footer-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px;
padding:22px 0;
border-top:1px solid #334155;
border-bottom:1px solid #334155;
}

.service-page .area-footer-links h4{
margin:0 0 11px;
color:#ffffff;
font-size:.72rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}

.service-page .area-footer-links a{
display:block;
margin:0 0 9px;
color:#cbd5e1;
font-size:.8rem;
line-height:1.35;
text-decoration:none;
}

.service-page .area-footer-links a:last-child{
margin-bottom:0;
}

.service-page .area-footer-bottom{
padding-top:17px;
text-align:center;
}

.service-page .area-footer-bottom p{
margin:3px 0;
color:#94a3b8;
font-size:.68rem;
line-height:1.4;
}

@media(max-width:768px){

.service-page .area-footer{
padding:28px 0 94px;
}

.service-page .area-footer-inner{
width:calc(100% - 32px);
}

.service-page .area-footer-brand{
margin-bottom:21px;
}

.service-page .area-footer-logo{
font-size:1.4rem;
}

.service-page .area-footer-links{
gap:20px;
padding:19px 0;
}

.service-page .area-footer-links a{
font-size:.75rem;
margin-bottom:8px;
}

}

/* XXCELL RIVER VALE SERVICE COMPONENT PORT END */

/* ==================================================
   SERVICE MASTER FINAL MOBILE POLISH
   ================================================== */

/* Remove older avail pseudo-dot; keep River Vale green dot */
body.service-page .area-avail::before{
display:none !important;
}

/* CTA text must stay comfortably inside buttons */
body.service-page .area-hero-cta .btn{
width:100%;
min-width:0;
box-sizing:border-box;
white-space:normal;
text-align:center;
line-height:1.2;
overflow-wrap:break-word;
}

body.service-page .area-call-btn{
min-width:0;
}

body.service-page .area-call-btn strong{
white-space:normal;
line-height:1.15;
}

body.service-page .area-estimate-btn{
white-space:normal;
line-height:1.2;
padding-left:12px !important;
padding-right:12px !important;
}

/* Keep gallery thumbnails in one clean horizontal row */
@media(max-width:768px){

body.service-page .area-hero-cta .btn{
font-size:.94rem;
min-height:52px;
}

body.service-page .area-call-btn strong{
font-size:.96rem;
}

body.service-page .area-btn-kicker{
font-size:.63rem;
}

body.service-page .area-estimate-btn{
font-size:.94rem;
}

body.service-page .ev-gallery-thumbs{
display:flex !important;
flex-wrap:nowrap !important;
gap:8px !important;
overflow-x:auto !important;
overflow-y:hidden;
padding:2px 1px 6px !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}

body.service-page .ev-gallery-thumbs::-webkit-scrollbar{
display:none;
}

body.service-page .ev-gallery-thumbs .ev-thumb{
flex:0 0 82px !important;
width:82px !important;
min-width:82px !important;
}

body.service-page .ev-gallery-thumbs .ev-thumb img{
width:100% !important;
height:54px !important;
object-fit:cover !important;
}

/* Remove unnecessary space around gallery transitions */
body.service-page .service-gallery-card{
margin-bottom:0 !important;
}

body.service-page .ev-gallery{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

body.service-page .ev-gallery-note{
margin-bottom:0 !important;
}

body.service-page .service-section{
margin-bottom:20px !important;
}

}

/* ==================================================
   SERVICE QUICK ASSISTANCE SELECTOR
   ================================================== */

.service-quick{
margin:24px 0 28px;
}

.service-quick-card{
background:#fff;
border:1px solid #e2e8f0;
border-radius:16px;
padding:18px;
box-shadow:0 6px 20px rgba(15,23,42,.045);
}

.service-quick-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin-bottom:13px;
}

.service-quick-head h2{
margin:0;
color:#0f172a;
font-size:1.55rem;
line-height:1.15;
}

.service-quick-head p{
margin:4px 0 0;
color:#64748b;
font-size:.83rem;
line-height:1.45;
}

.service-quick-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:7px;
}

.service-quick-link{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
min-height:82px;
padding:9px 5px;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:10px;
color:#0f172a;
text-align:center;
text-decoration:none;
font-size:.72rem;
font-weight:800;
line-height:1.2;
}

.service-quick-link span{
font-size:1.25rem;
line-height:1;
}

.service-quick-link.active{
background:#0f172a;
border-color:#0f172a;
color:#fff;
}

.service-quick-note{
margin:12px 0 0;
color:#64748b;
font-size:.72rem;
line-height:1.45;
}

@media(max-width:768px){

.service-quick{
margin:18px 0 22px;
}

.service-quick-card{
padding:15px;
}

.service-quick-head{
display:block;
margin-bottom:11px;
}

.service-quick-head h2{
font-size:1.4rem;
}

.service-quick-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
}

.service-quick-link{
min-height:76px;
font-size:.7rem;
}

}

/* ==================================================
   SERVICE MASTER V7 - MOBILE CLEANUP
   ================================================== */

@media(max-width:768px){

/* Overall page rhythm */
body.service-page .service-body{
padding-top:20px !important;
padding-bottom:28px !important;
}

body.service-page .service-section{
margin-bottom:18px !important;
}

body.service-page .service-section h2{
font-size:1.7rem !important;
line-height:1.15 !important;
margin-bottom:11px !important;
}

body.service-page .service-kicker{
font-size:.68rem !important;
margin-bottom:5px !important;
}

/* Situation cards */
body.service-page .service-situation{
padding:14px !important;
border-radius:11px !important;
}

body.service-page .service-situation strong{
font-size:.92rem !important;
margin-bottom:4px !important;
}

body.service-page .service-situation p{
font-size:.88rem !important;
line-height:1.5 !important;
}

/* Dispatch/process cards */
body.service-page .service-process{
padding:15px !important;
border-radius:11px !important;
}

body.service-page .service-process-number{
width:30px !important;
height:30px !important;
margin-bottom:9px !important;
font-size:.75rem !important;
}

body.service-page .service-process strong{
font-size:.95rem !important;
margin-bottom:4px !important;
}

body.service-page .service-process p{
font-size:.88rem !important;
line-height:1.5 !important;
}

/* Quick Assistance */
body.service-page .service-quick{
margin:15px 0 18px !important;
}

body.service-page .service-quick-card{
padding:14px !important;
border-radius:13px !important;
}

body.service-page .service-quick-head{
margin-bottom:10px !important;
}

body.service-page .service-quick-head h2{
font-size:1.45rem !important;
line-height:1.12 !important;
}

body.service-page .service-quick-head p{
font-size:.78rem !important;
}

body.service-page .service-quick-grid{
gap:6px !important;
}

body.service-page .service-quick-link{
min-height:66px !important;
padding:7px 4px !important;
border-radius:9px !important;
font-size:.68rem !important;
gap:5px !important;
}

body.service-page .service-quick-link span{
font-size:1.05rem !important;
}

body.service-page .service-quick-note{
margin-top:9px !important;
font-size:.68rem !important;
line-height:1.4 !important;
}

/* Dark safety panel */
body.service-page .service-dark-card{
padding:18px !important;
border-radius:13px !important;
}

body.service-page .service-dark-card h2{
font-size:1.7rem !important;
margin-bottom:10px !important;
}

body.service-page .service-dark-card > p{
font-size:.9rem !important;
line-height:1.52 !important;
margin-bottom:10px !important;
}

body.service-page .service-dark-grid{
margin-top:12px !important;
gap:8px !important;
}

body.service-page .service-dark-item{
padding:13px !important;
}

body.service-page .service-dark-item strong{
font-size:.9rem !important;
}

body.service-page .service-dark-item span{
font-size:.82rem !important;
line-height:1.45 !important;
}

/* Vehicle card */
body.service-page .service-card{
padding:16px !important;
}

body.service-page .service-card p{
font-size:.9rem !important;
line-height:1.55 !important;
}

body.service-page .service-chip-list{
gap:6px !important;
}

body.service-page .service-chip{
padding:7px 9px !important;
font-size:.76rem !important;
}

/* Bergen County coverage */
body.service-page .service-area-card{
padding:16px !important;
}

body.service-page .service-area-card > p{
font-size:.9rem !important;
line-height:1.55 !important;
}

body.service-page .service-area-links{
gap:6px !important;
margin-top:12px !important;
}

body.service-page .service-area-links a{
padding:7px 9px !important;
font-size:.76rem !important;
}

/* Related services */
body.service-page .service-related{
gap:7px !important;
}

body.service-page .service-related a{
padding:13px !important;
font-size:.92rem !important;
}

/* FAQ */
body.service-page .service-faq-list{
gap:7px !important;
}

body.service-page .service-faq-item summary{
padding:14px 44px 14px 16px !important;
font-size:.92rem !important;
line-height:1.35 !important;
}

body.service-page .service-faq-answer{
padding:0 16px 15px !important;
font-size:.86rem !important;
line-height:1.5 !important;
}

/* Final CTA */
body.service-page .service-cta{
margin:0 14px 24px !important;
padding:20px 18px !important;
border-radius:13px !important;
}

body.service-page .service-cta h2{
font-size:1.55rem !important;
line-height:1.15 !important;
}

body.service-page .service-cta p{
font-size:.88rem !important;
line-height:1.5 !important;
}

}

/* ==================================================
   SERVICE MASTER V8 - CTA + ACTIVE SELECTOR FIX
   ================================================== */

/* Center hero call CTA */
body.service-page .area-call-btn{
align-items:center !important;
text-align:center !important;
}

body.service-page .area-call-btn .area-btn-kicker{
width:100%;
text-align:center;
}

body.service-page .area-call-btn strong{
width:100%;
text-align:center;
}

/* Active Quick Assistance option uses XXCELL red */
body.service-page .service-quick-link.active{
background:#dc2626 !important;
border-color:#dc2626 !important;
color:#ffffff !important;
}

body.service-page .service-quick-link.active span{
color:#ffffff !important;
}

/* ==================================================
   SERVICE QUICK ASSISTANCE - TAP STATE ONLY
   ================================================== */

body.service-page .service-quick-link,
body.service-page .service-quick-link.active{
background:#f8fafc !important;
border-color:#e2e8f0 !important;
color:#0f172a !important;
}

body.service-page .service-quick-link span,
body.service-page .service-quick-link.active span{
color:inherit !important;
}

body.service-page .service-quick-link:active{
background:#dc2626 !important;
border-color:#dc2626 !important;
color:#ffffff !important;
transform:scale(.98);
}

/* ==================================================
   SERVICE MASTER V11 - MOBILE BREADCRUMB CLEANUP
   ================================================== */

@media(max-width:768px){

body.service-page .area-hero .crumb{
display:none !important;
}

}

/* ==================================================
   SERVICE MASTER V12 - MOBILE TYPE READABILITY
   ================================================== */

@media(max-width:768px){

body.service-page .area-location-row{
font-size:.86rem !important;
}

body.service-page .area-avail{
font-size:.82rem !important;
}

body.service-page .area-trust-card strong{
font-size:.84rem !important;
}

body.service-page .area-trust-card span{
font-size:.76rem !important;
line-height:1.4 !important;
}

body.service-page .service-situation strong,
body.service-page .service-process strong{
font-size:1rem !important;
}

body.service-page .service-situation p,
body.service-page .service-process p,
body.service-page .service-card p,
body.service-page .service-area-card > p{
font-size:.94rem !important;
}

body.service-page .service-quick-head p{
font-size:.84rem !important;
}

body.service-page .service-quick-link{
font-size:.76rem !important;
}

body.service-page .service-quick-note{
font-size:.74rem !important;
}

body.service-page .service-chip,
body.service-page .service-area-links a{
font-size:.82rem !important;
}

body.service-page .service-faq-item summary{
font-size:1rem !important;
}

body.service-page .service-faq-answer{
font-size:.92rem !important;
}

}

/* ==================================================
   SERVICE MASTER V13 - FLATBED LEGACY BLOCK POLISH
   ================================================== */

body.service-page .flatbed-process{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:18px;
}

body.service-page .flatbed-process-step{
display:flex;
gap:12px;
align-items:flex-start;
background:#fff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:18px;
box-shadow:0 8px 24px rgba(15,23,42,.05);
}

body.service-page .flatbed-process-num{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 34px;
width:34px;
height:34px;
border-radius:50%;
background:#dc2626;
color:#fff;
font-weight:800;
font-size:.9rem;
}

body.service-page .flatbed-process-step h3{
margin:0 0 6px;
font-size:1rem;
line-height:1.25;
}

body.service-page .flatbed-process-step p{
margin:0;
font-size:.92rem;
line-height:1.55;
color:#475569;
}

body.service-page .flatbed-vehicle-chips{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:16px;
}

body.service-page .flatbed-vehicle-chips span{
display:inline-flex;
align-items:center;
padding:10px 14px;
border:1px solid #e2e8f0;
border-radius:999px;
background:#fff;
font-weight:700;
font-size:.86rem;
line-height:1.2;
}

body.service-page .flatbed-trust-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:18px;
}

body.service-page .flatbed-trust-cards > div{
background:#fff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:18px;
box-shadow:0 8px 24px rgba(15,23,42,.05);
}

body.service-page .flatbed-trust-cards strong{
display:block;
margin-bottom:6px;
font-size:.95rem;
}

body.service-page .flatbed-trust-cards span{
display:block;
font-size:.9rem;
line-height:1.5;
color:#475569;
}

@media(max-width:768px){

body.service-page .flatbed-process{
grid-template-columns:1fr;
gap:12px;
}

body.service-page .flatbed-process-step{
padding:16px;
}

body.service-page .flatbed-vehicle-chips{
gap:8px;
}

body.service-page .flatbed-vehicle-chips span{
padding:9px 12px;
font-size:.82rem;
}

body.service-page .flatbed-trust-cards{
grid-template-columns:1fr;
gap:12px;
}

body.service-page .flatbed-trust-cards > div{
padding:16px;
}

}

/* =========================================
   MOBILE SPACING + BOTTOM BAR FIX
   ========================================= */
@media (max-width: 768px) {

  /* make room for the fixed mobile bottom bar */
  body.service-page{
    padding-bottom: calc(110px + env(safe-area-inset-bottom));
  }

  /* remove forced desktop heights that create empty gaps */
  body.service-page .area-gallery,
  body.service-page .service-gallery,
  body.service-page .gallery-wrap,
  body.service-page .gallery-grid,
  body.service-page .service-photo-grid,
  body.service-page .service-photo-card,
  body.service-page .service-media,
  body.service-page .tgallery{
    height: auto !important;
    min-height: 0 !important;
  }

  /* tighten spacing below image/gallery blocks */
  body.service-page .area-gallery,
  body.service-page .service-gallery,
  body.service-page .tgallery,
  body.service-page .service-photo-card{
    margin-bottom: 18px !important;
  }

  /* tighten the section after the image block */
  body.service-page .service-quick{
    margin-top: 0 !important;
  }

  /* keep images fully block-level so no weird inline spacing happens */
  body.service-page img{
    display: block;
  }
}

/* ==================================================
   SERVICE MASTER V14 - MOBILE NESTED SECTION SPACING
   ================================================== */

@media(max-width:768px){

body.service-page section.service-quick{
padding-top:0 !important;
padding-bottom:0 !important;
margin-top:0 !important;
margin-bottom:18px !important;
}

body.service-page .area-hero + section{
padding-top:20px !important;
}

}

/* ==================================================
   SERVICE MASTER V15 - FAQ + MOBILE BAR SPACING
   ================================================== */

@media(max-width:768px){

/* breathing room between Related Services and FAQ */
body.service-page .tcopy + .service-section{
margin-top:28px !important;
}

/* allow final content to scroll completely above fixed mobile bar */
body.service-page{
padding-bottom:calc(160px + env(safe-area-inset-bottom)) !important;
}

}

/* =========================================================
SERVICE UI V16 - FLATBED DESKTOP PILOT
Header + context + hero + trust cards only.
========================================================= */

@media(min-width:769px){

body.service-page.flatbed-service-page{
background:#f8fafc !important;
color:#0b1c30 !important;
font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}

/* ---------- DESKTOP HEADER ---------- */

body.flatbed-service-page > nav{
height:80px !important;
min-height:80px !important;
padding:0 max(24px,calc((100vw - 1280px)/2)) !important;
background:rgba(255,255,255,.96) !important;
border-bottom:1px solid #e2e8f0 !important;
box-shadow:0 1px 8px rgba(0,0,0,.04) !important;
backdrop-filter:blur(10px) !important;
}

body.flatbed-service-page > nav .logo{
font-family:"Plus Jakarta Sans",sans-serif !important;
font-size:1.45rem !important;
font-weight:800 !important;
letter-spacing:-.025em !important;
color:#0b1c30 !important;
}

body.flatbed-service-page > nav .logo b{
color:#dc2626 !important;
}

body.flatbed-service-page > nav .navlinks{
gap:22px !important;
}

body.flatbed-service-page > nav .navlinks > li > a,
body.flatbed-service-page > nav .ddtoggle{
font-size:.84rem !important;
font-weight:600 !important;
color:#565e74 !important;
}

body.flatbed-service-page > nav .navcall{
min-height:44px !important;
padding:9px 15px !important;
background:#dc2626 !important;
border-color:#dc2626 !important;
border-radius:9px !important;
color:#fff !important;
box-shadow:0 5px 14px rgba(220,38,38,.18) !important;
}

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

body.flatbed-service-page .area-hero{
background:#f8fafc !important;
padding:18px 0 56px !important;
border:0 !important;
}

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

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

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

/* ---------- CONTEXT / BREADCRUMB ---------- */

body.flatbed-service-page .crumb{
display:block !important;
margin:0 0 10px !important;
font-size:.78rem !important;
font-weight:500 !important;
color:#64748b !important;
}

body.flatbed-service-page .crumb a{
color:#64748b !important;
text-decoration:none !important;
}

body.flatbed-service-page .area-location-row{
display:flex !important;
align-items:center !important;
gap:7px !important;
margin:0 0 14px !important;
font-size:.78rem !important;
color:#64748b !important;
}

body.flatbed-service-page .area-location-row strong{
color:#0b1c30 !important;
}

/* ---------- STATUS ---------- */

body.flatbed-service-page .area-avail{
display:inline-flex !important;
align-items:center !important;
width:max-content !important;
margin:0 0 16px !important;
padding:7px 11px !important;
background:#dcfce7 !important;
border:0 !important;
border-radius:999px !important;
color:#15803d !important;
font-size:.7rem !important;
font-weight:800 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .area-live-dot{
width:8px !important;
height:8px !important;
background:#16a34a !important;
box-shadow:none !important;
}

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

body.flatbed-service-page .area-hero h1{
max-width:760px !important;
margin:0 0 18px !important;
font-family:"Plus Jakarta Sans",sans-serif !important;
font-size:clamp(3rem,4.4vw,4.4rem) !important;
line-height:1.03 !important;
letter-spacing:-.04em !important;
font-weight:800 !important;
color:#0b1c30 !important;
}

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

body.flatbed-service-page .area-hero .hero-lead{
max-width:720px !important;
margin:0 0 24px !important;
font-size:1.05rem !important;
line-height:1.7 !important;
color:#565e74 !important;
}

/* ---------- ACTIONS ---------- */

body.flatbed-service-page .area-hero-cta{
display:flex !important;
align-items:stretch !important;
gap:12px !important;
max-width:700px !important;
margin:0 0 26px !important;
}

body.flatbed-service-page .area-hero-cta .btn{
min-height:58px !important;
border-radius:9px !important;
box-sizing:border-box !important;
}

body.flatbed-service-page .area-call-btn{
flex:1.15 !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
padding:10px 20px !important;
background:#dc2626 !important;
border:1px solid #dc2626 !important;
color:#fff !important;
box-shadow:0 7px 18px rgba(220,38,38,.20) !important;
}

body.flatbed-service-page .area-btn-kicker{
font-size:.66rem !important;
line-height:1 !important;
font-weight:700 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .area-call-btn strong{
margin-top:4px !important;
font-size:1.05rem !important;
line-height:1 !important;
}

body.flatbed-service-page .area-estimate-btn{
flex:.85 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:10px 18px !important;
background:#1e293b !important;
border:1px solid #1e293b !important;
color:#fff !important;
font-size:.9rem !important;
font-weight:700 !important;
box-shadow:0 4px 12px rgba(30,41,59,.14) !important;
}

/* ---------- FEATURE MATRIX ---------- */

body.flatbed-service-page .area-trust-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
max-width:760px !important;
margin:0 !important;
}

body.flatbed-service-page .area-trust-card{
min-height:88px !important;
padding:14px !important;
background:#fff !important;
border:0 !important;
border-radius:10px !important;
box-shadow:0 2px 8px rgba(15,23,42,.05) !important;
}

body.flatbed-service-page .area-trust-card strong{
display:block !important;
margin:0 0 5px !important;
font-family:"Plus Jakarta Sans",sans-serif !important;
font-size:.82rem !important;
line-height:1.25 !important;
font-weight:700 !important;
color:#0b1c30 !important;
}

body.flatbed-service-page .area-trust-card span{
display:block !important;
font-size:.72rem !important;
line-height:1.4 !important;
color:#64748b !important;
}

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

body.flatbed-service-page .phero-img{
position:relative !important;
height:430px !important;
min-height:430px !important;
max-height:430px !important;
overflow:hidden !important;
background:#1e293b !important;
border:0 !important;
border-radius:14px !important;
box-shadow:0 18px 40px rgba(15,23,42,.16) !important;
}

body.flatbed-service-page .phero-img img{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:auto !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:0 !important;
}

}

/* =========================================================
SERVICE UI V17 - FLATBED DESKTOP BREATHING ROOM
Desktop only. Mobile remains unchanged.
========================================================= */

@media(min-width:769px){

/* Main service content width */
body.flatbed-service-page > section > .wrap{
width:min(1180px,calc(100% - 48px)) !important;
max-width:1180px !important;
margin:0 auto !important;
padding-left:0 !important;
padding-right:0 !important;
}

/* More separation between major content blocks */
body.flatbed-service-page > section > .wrap > h2{
margin-top:64px !important;
margin-bottom:16px !important;
font-size:clamp(2rem,3vw,2.65rem) !important;
line-height:1.12 !important;
letter-spacing:-.025em !important;
color:#0f172a !important;
}

/* First section heading */
body.flatbed-service-page .flatbed-benefits-head{
max-width:900px !important;
margin:0 0 28px !important;
}

body.flatbed-service-page .flatbed-benefits-head h2{
font-size:clamp(2.2rem,3vw,3rem) !important;
line-height:1.1 !important;
margin-bottom:10px !important;
}

body.flatbed-service-page .flatbed-benefits-head > p:last-child{
font-size:1.02rem !important;
line-height:1.6 !important;
color:#64748b !important;
}

/* Remove the smothered card treatment from long-form copy */
body.flatbed-service-page .tcopy{
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
color:#475569 !important;
}

/* Stronger readable typography */
body.flatbed-service-page .tcopy p{
font-size:1rem !important;
line-height:1.75 !important;
margin:0 0 18px !important;
}

/* Main Why Flatbed narrative becomes two columns */
body.flatbed-service-page .flatbed-benefits-head + .tcopy{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
column-gap:42px !important;
row-gap:4px !important;
padding:28px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:16px !important;
box-shadow:0 5px 18px rgba(15,23,42,.045) !important;
}

body.flatbed-service-page .flatbed-benefits-head + .tcopy p{
margin:0 !important;
}

/* Quick assistance gets real breathing room */
body.flatbed-service-page section.service-quick{
margin:56px 0 64px !important;
}

body.flatbed-service-page .service-quick-card{
padding:26px !important;
border-radius:16px !important;
}

body.flatbed-service-page .service-quick-grid{
gap:12px !important;
}

body.flatbed-service-page .service-quick-link{
min-height:104px !important;
border-radius:12px !important;
}

/* Gallery wider and more visually important */
body.flatbed-service-page .ev-gallery{
width:100% !important;
max-width:1100px !important;
margin:22px auto 64px !important;
}

body.flatbed-service-page .ev-gallery-main{
border-radius:16px !important;
overflow:hidden !important;
box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
}

body.flatbed-service-page .ev-gallery-thumbs{
margin-top:14px !important;
gap:10px !important;
}

/* Lists are easier to scan */
body.flatbed-service-page .need-list{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px 28px !important;
margin-top:18px !important;
padding-left:22px !important;
}

body.flatbed-service-page .need-list li{
font-size:.96rem !important;
line-height:1.5 !important;
}

/* Flatbed process becomes stronger cards */
body.flatbed-service-page .flatbed-process{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:18px !important;
margin:26px 0 64px !important;
}

body.flatbed-service-page .flatbed-process-step{
min-height:210px !important;
padding:22px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:15px !important;
box-shadow:0 5px 16px rgba(15,23,42,.05) !important;
}

body.flatbed-service-page .flatbed-process-step h3{
font-size:1.05rem !important;
line-height:1.3 !important;
margin-bottom:8px !important;
}

body.flatbed-service-page .flatbed-process-step p{
font-size:.92rem !important;
line-height:1.6 !important;
color:#64748b !important;
}

/* Vehicle chips breathe more */
body.flatbed-service-page .flatbed-vehicle-chips{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
margin:22px 0 60px !important;
}

body.flatbed-service-page .flatbed-vehicle-chips span{
padding:10px 15px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:999px !important;
font-size:.82rem !important;
font-weight:750 !important;
}

/* Why Drivers Call - make proof cards stronger */
body.flatbed-service-page .flatbed-trust-cards{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:16px !important;
margin:24px 0 64px !important;
}

body.flatbed-service-page .flatbed-trust-cards > div{
min-height:130px !important;
padding:20px !important;
border-radius:14px !important;
}

/* Related Services -> real cards */
body.flatbed-service-page .rel-list{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
margin:20px 0 58px !important;
padding:0 !important;
list-style:none !important;
}

body.flatbed-service-page .rel-list li{
padding:20px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;
box-shadow:0 4px 14px rgba(15,23,42,.04) !important;
font-size:.9rem !important;
line-height:1.55 !important;
}

body.flatbed-service-page .rel-list a{
display:block !important;
margin-bottom:6px !important;
font-weight:850 !important;
color:#dc2626 !important;
text-decoration:none !important;
}

/* FAQ two-column desktop */
body.flatbed-service-page .service-faq-list{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
align-items:start !important;
}

body.flatbed-service-page .service-faq-item{
margin:0 !important;
border-radius:12px !important;
}

/* Give the final content room before CTA */
body.flatbed-service-page .service-section{
margin-top:68px !important;
margin-bottom:64px !important;
}

}

/* =========================================================
SERVICE UI V18 - FLATBED VISUAL RHYTHM
Desktop only. Mobile remains unchanged.
========================================================= */

@media(min-width:769px){

/* -----------------------------------------
   NEW VISUAL BREAK
   ----------------------------------------- */

body.flatbed-service-page .flatbed-visual-break{
margin:60px 0 64px !important;
padding:0 !important;
}

body.flatbed-service-page .flatbed-visual-panel{
display:grid !important;
grid-template-columns:.9fr 1.1fr !important;
gap:34px !important;
align-items:center !important;

padding:32px !important;

background:#0f172a !important;
border-radius:20px !important;
box-shadow:0 14px 34px rgba(15,23,42,.14) !important;
}

body.flatbed-service-page .flatbed-visual-copy{
padding:8px !important;
}

body.flatbed-service-page .flatbed-visual-copy .service-kicker{
color:#fca5a5 !important;
}

body.flatbed-service-page .flatbed-visual-copy h2{
margin:4px 0 14px !important;
font-size:clamp(2rem,3vw,2.7rem) !important;
line-height:1.1 !important;
letter-spacing:-.025em !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-visual-copy > p:last-child{
margin:0 !important;
font-size:.96rem !important;
line-height:1.65 !important;
color:#cbd5e1 !important;
}

body.flatbed-service-page .flatbed-visual-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}

body.flatbed-service-page .flatbed-visual-item{
display:flex !important;
align-items:flex-start !important;
gap:12px !important;

min-height:145px !important;
padding:17px !important;

background:#fff !important;
border-radius:14px !important;
}

body.flatbed-service-page .flatbed-visual-icon{
display:flex !important;
align-items:center !important;
justify-content:center !important;

width:38px !important;
height:38px !important;
flex:0 0 38px !important;

background:#fee2e2 !important;
border-radius:10px !important;

color:#dc2626 !important;
font-size:1.1rem !important;
font-weight:900 !important;
}

body.flatbed-service-page .flatbed-visual-item strong{
display:block !important;
margin:1px 0 6px !important;
font-size:.9rem !important;
line-height:1.3 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-visual-item p{
margin:0 !important;
font-size:.78rem !important;
line-height:1.5 !important;
color:#64748b !important;
}

/* -----------------------------------------
   GALLERY - LESS VISUAL CLUTTER
   ----------------------------------------- */

body.flatbed-service-page .ev-gallery{
max-width:1040px !important;
}

body.flatbed-service-page .ev-gallery-main{
max-height:520px !important;
}

body.flatbed-service-page .ev-gallery-main > img{
max-height:520px !important;
object-fit:cover !important;
}

body.flatbed-service-page .ev-gallery-thumbs{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
}

/* Keep all photos in gallery logic but visually show first 6 thumbnails */
body.flatbed-service-page .ev-gallery-thumbs .ev-thumb:nth-child(n+7){
display:none !important;
}

body.flatbed-service-page .ev-thumb{
width:100% !important;
height:78px !important;
}

body.flatbed-service-page .ev-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}

/* -----------------------------------------
   WHEN YOU NEED A FLATBED - VISUAL CARDS
   ----------------------------------------- */

body.flatbed-service-page .need-list{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:12px !important;

margin:22px 0 64px !important;
padding:0 !important;

list-style:none !important;
}

body.flatbed-service-page .need-list li{
position:relative !important;

min-height:105px !important;
padding:17px 17px 17px 48px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:13px !important;
box-shadow:0 4px 13px rgba(15,23,42,.045) !important;

font-size:.88rem !important;
line-height:1.5 !important;
font-weight:650 !important;
color:#334155 !important;
}

body.flatbed-service-page .need-list li::before{
content:"✓" !important;

position:absolute !important;
left:16px !important;
top:16px !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

width:23px !important;
height:23px !important;

background:#fee2e2 !important;
border-radius:7px !important;

color:#dc2626 !important;
font-size:.76rem !important;
font-weight:900 !important;
}

/* -----------------------------------------
   SECTION BACKGROUND RHYTHM
   ----------------------------------------- */

body.flatbed-service-page section.service-quick{
position:relative !important;
}

body.flatbed-service-page .flatbed-process{
padding:6px 0 !important;
}

body.flatbed-service-page .flatbed-process-step:nth-child(2){
transform:translateY(14px) !important;
}

/* Restore alignment after stagger */
body.flatbed-service-page .flatbed-vehicle-chips{
margin-top:32px !important;
}

}

/* MOBILE: keep existing presentation */
@media(max-width:768px){

body.flatbed-service-page .flatbed-visual-break{
margin:26px 0 !important;
}

body.flatbed-service-page .flatbed-visual-panel{
display:block !important;
padding:18px !important;
background:#0f172a !important;
border-radius:16px !important;
}

body.flatbed-service-page .flatbed-visual-copy h2{
color:#fff !important;
}

body.flatbed-service-page .flatbed-visual-copy > p:last-child{
color:#cbd5e1 !important;
}

body.flatbed-service-page .flatbed-visual-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
margin-top:18px !important;
}

body.flatbed-service-page .flatbed-visual-item{
background:#fff !important;
padding:13px !important;
border-radius:11px !important;
}

body.flatbed-service-page .ev-gallery-thumbs .ev-thumb:nth-child(n+7){
display:block !important;
}

}

/* =========================================================
SERVICE UI V19 - WHEN YOU NEED FLATBED CARD BALANCE
Desktop only. Mobile unchanged.
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .need-list{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
}

/* Standard six cards */
body.flatbed-service-page .need-list li{
min-height:112px !important;
display:flex !important;
align-items:flex-start !important;
padding:18px 18px 18px 50px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;
box-shadow:0 4px 14px rgba(15,23,42,.045) !important;
}

/* Seventh item becomes an intentional full-width feature card */
body.flatbed-service-page .need-list li:nth-child(7){
grid-column:1 / -1 !important;
min-height:86px !important;
align-items:center !important;
padding:18px 22px 18px 58px !important;

background:#0f172a !important;
border-color:#0f172a !important;
color:#fff !important;

font-size:.94rem !important;
font-weight:750 !important;
box-shadow:0 10px 26px rgba(15,23,42,.12) !important;
}

/* Bigger icon on the final feature card */
body.flatbed-service-page .need-list li:nth-child(7)::before{
left:20px !important;
top:50% !important;
transform:translateY(-50%) !important;

width:27px !important;
height:27px !important;

background:#dc2626 !important;
color:#fff !important;
border-radius:8px !important;
}

/* Slight hover response */
body.flatbed-service-page .need-list li{
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease !important;
}

body.flatbed-service-page .need-list li:hover{
transform:translateY(-2px) !important;
border-color:#cbd5e1 !important;
box-shadow:0 9px 22px rgba(15,23,42,.08) !important;
}

body.flatbed-service-page .need-list li:nth-child(7):hover{
border-color:#0f172a !important;
box-shadow:0 14px 30px rgba(15,23,42,.16) !important;
}

}

/* =========================================================
SERVICE UI V20 - SERVICE AREA LINKS + HIDE BREADCRUMB
========================================================= */

/* Hide old breadcrumb */
body.flatbed-service-page .crumb{
display:none !important;
}

/* Town links */
body.flatbed-service-page .flatbed-town-links{
padding:64px 24px !important;
background:#f8fafc !important;
}

body.flatbed-service-page .flatbed-town-links-inner{
width:min(1180px,100%) !important;
margin:0 auto !important;
}

body.flatbed-service-page .flatbed-town-links h2{
margin:4px 0 8px !important;
font-size:clamp(2rem,3vw,2.6rem) !important;
line-height:1.12 !important;
letter-spacing:-.025em !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-town-intro{
max-width:720px !important;
margin:0 0 24px !important;
font-size:.95rem !important;
line-height:1.55 !important;
color:#64748b !important;
}

body.flatbed-service-page .flatbed-town-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
}

body.flatbed-service-page .flatbed-town-grid a{
display:flex !important;
flex-direction:column !important;
gap:4px !important;

padding:17px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:12px !important;

text-decoration:none !important;
box-shadow:0 3px 10px rgba(15,23,42,.04) !important;

transition:.18s ease !important;
}

body.flatbed-service-page .flatbed-town-grid a:hover{
transform:translateY(-2px) !important;
border-color:#dc2626 !important;
box-shadow:0 8px 20px rgba(15,23,42,.07) !important;
}

body.flatbed-service-page .flatbed-town-grid span{
font-size:.92rem !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-town-grid strong{
font-size:.7rem !important;
font-weight:750 !important;
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-all-areas{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;

margin-top:18px !important;
padding:11px 16px !important;

background:#0f172a !important;
border-radius:9px !important;

color:#fff !important;
font-size:.8rem !important;
font-weight:800 !important;
text-decoration:none !important;
}

@media(max-width:768px){

body.flatbed-service-page .flatbed-town-links{
padding:38px 16px !important;
}

body.flatbed-service-page .flatbed-town-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
}

body.flatbed-service-page .flatbed-town-grid a{
padding:13px !important;
}

}

/* =========================================================
SERVICE UI V22 - WHY XXCELL SPLIT + EQUIPMENT CARD
Desktop only. Mobile remains functional.
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-why-xxcell{
margin:68px 0 72px !important;
}

body.flatbed-service-page .flatbed-why-grid{
display:grid !important;
grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
gap:28px !important;
align-items:stretch !important;
}

body.flatbed-service-page .flatbed-why-copy{
padding:8px 0 !important;
}

body.flatbed-service-page .flatbed-why-copy h2{
margin:4px 0 16px !important;
font-size:clamp(2.2rem,3vw,3rem) !important;
line-height:1.1 !important;
letter-spacing:-.025em !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-why-copy p{
max-width:720px !important;
font-size:.98rem !important;
line-height:1.7 !important;
color:#475569 !important;
}

body.flatbed-service-page .flatbed-equipment-card{
padding:26px !important;
background:#0f172a !important;
border-radius:18px !important;
box-shadow:0 14px 30px rgba(15,23,42,.13) !important;
}

body.flatbed-service-page .flatbed-equipment-kicker{
margin:0 0 6px !important;
font-size:.7rem !important;
font-weight:850 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
color:#fca5a5 !important;
}

body.flatbed-service-page .flatbed-equipment-card h3{
margin:0 0 10px !important;
font-family:"Plus Jakarta Sans",sans-serif !important;
font-size:1.7rem !important;
line-height:1.1 !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-equipment-card > p{
margin:0 0 20px !important;
font-size:.88rem !important;
line-height:1.6 !important;
color:#cbd5e1 !important;
}

body.flatbed-service-page .flatbed-equipment-list{
display:grid !important;
gap:10px !important;
}

body.flatbed-service-page .flatbed-equipment-list > div{
padding:13px 14px !important;
background:rgba(255,255,255,.07) !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:11px !important;
}

body.flatbed-service-page .flatbed-equipment-list strong{
display:block !important;
margin-bottom:4px !important;
font-size:.82rem !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-equipment-list span{
display:block !important;
font-size:.74rem !important;
line-height:1.45 !important;
color:#cbd5e1 !important;
}

/* Trust cards sit below split section */
body.flatbed-service-page .flatbed-why-xxcell .flatbed-trust-cards{
margin-top:20px !important;
margin-bottom:0 !important;
}

}

@media(max-width:768px){

body.flatbed-service-page .flatbed-why-grid{
display:block !important;
}

body.flatbed-service-page .flatbed-equipment-card{
margin-top:18px !important;
padding:20px !important;
background:#0f172a !important;
border-radius:15px !important;
}

body.flatbed-service-page .flatbed-equipment-card h3{
color:#fff !important;
}

body.flatbed-service-page .flatbed-equipment-card p,
body.flatbed-service-page .flatbed-equipment-list span{
color:#cbd5e1 !important;
}

}

/* FLATBED MASTER PROCESS VISUAL */
body.flatbed-service-page .flatbed-load-master-visual{
width:100% !important;
max-width:1180px !important;
margin:28px auto 34px !important;
overflow:visible !important;
}

body.flatbed-service-page .flatbed-load-master-visual img{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
max-height:none !important;
object-fit:contain !important;
object-position:center !important;
border-radius:18px !important;
box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
}

@media(max-width:768px){
body.flatbed-service-page .flatbed-load-master-visual{
margin:20px auto 26px !important;
}

body.flatbed-service-page .flatbed-load-master-visual img{
width:100% !important;
height:auto !important;
border-radius:12px !important;
}
}

/* FLATBED PROCESS MASTER VISUAL */
body.flatbed-service-page .flatbed-load-master-visual{
  width:100%;
  max-width:1180px;
  margin:24px auto 34px;
}

body.flatbed-service-page .flatbed-load-master-visual img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
}

@media (max-width:768px){
  body.flatbed-service-page .flatbed-load-master-visual{
    margin:20px auto 28px;
  }

  body.flatbed-service-page .flatbed-load-master-visual img{
    border-radius:14px;
  }
}

/* =========================================================
V25 - FLATBED PROCESS VISUAL CLEANUP
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-process-intro{
max-width:900px !important;
margin:0 0 22px !important;
}

body.flatbed-service-page .flatbed-process-intro p{
margin:0 !important;
font-size:1rem !important;
line-height:1.65 !important;
color:#64748b !important;
}

body.flatbed-service-page .flatbed-load-master-visual{
max-width:1240px !important;
margin:20px auto 54px !important;
}

body.flatbed-service-page .flatbed-load-master-visual img{
width:100% !important;
height:auto !important;
border-radius:18px !important;
}

}

@media(max-width:768px){

body.flatbed-service-page .flatbed-process-intro{
margin-bottom:16px !important;
}

body.flatbed-service-page .flatbed-load-master-visual{
margin:16px auto 32px !important;
}

}

/* =========================================================
V27 - CLEAN PROCESS VISUAL + REMOVE DARK 7TH CARD
========================================================= */

/* Keep semantic heading/content in DOM without duplicating infographic visually */
body.flatbed-service-page .flatbed-process-seo-heading,
body.flatbed-service-page .flatbed-process-seo-copy{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}

/* Seventh need card becomes a normal white centered card */
@media(min-width:769px){

body.flatbed-service-page .need-list li:nth-child(7){
grid-column:2 !important;

min-height:112px !important;
padding:18px 18px 18px 50px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;

color:#334155 !important;
box-shadow:0 4px 14px rgba(15,23,42,.045) !important;

font-size:.88rem !important;
font-weight:650 !important;
}

body.flatbed-service-page .need-list li:nth-child(7)::before{
left:16px !important;
top:16px !important;
transform:none !important;

width:23px !important;
height:23px !important;

background:#fee2e2 !important;
color:#dc2626 !important;
border-radius:7px !important;
}

/* Infographic becomes the complete visible process section */
body.flatbed-service-page .flatbed-load-master-visual{
margin-top:52px !important;
margin-bottom:58px !important;
}

}

/* =========================================================
V28 - LOWER PAGE CLEANUP
========================================================= */

@media(min-width:769px){

/* Equipment section */
body.flatbed-service-page .flatbed-why-xxcell{
margin:58px 0 48px !important;
}

body.flatbed-service-page .flatbed-why-grid{
display:block !important;
}

body.flatbed-service-page .flatbed-equipment-card{
max-width:920px !important;
margin:0 auto !important;
padding:24px 26px !important;
}

body.flatbed-service-page .flatbed-equipment-card h3{
font-size:1.55rem !important;
}

body.flatbed-service-page .flatbed-equipment-list{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
}

body.flatbed-service-page .flatbed-equipment-list > div{
min-height:86px !important;
}

/* Related services tighter */
body.flatbed-service-page .rel-list{
margin:16px 0 42px !important;
gap:12px !important;
}

body.flatbed-service-page .rel-list li{
padding:17px !important;
}

/* Town links tighter */
body.flatbed-service-page .flatbed-town-links{
padding:46px 24px 38px !important;
}

body.flatbed-service-page .flatbed-town-intro{
margin-bottom:18px !important;
}

body.flatbed-service-page .flatbed-town-grid{
gap:10px !important;
}

body.flatbed-service-page .flatbed-town-grid a{
padding:14px !important;
}

/* Pull FAQ upward */
body.flatbed-service-page .service-section{
margin-top:34px !important;
margin-bottom:42px !important;
padding-top:0 !important;
}

/* Reduce any inherited oversized gap before FAQ */
body.flatbed-service-page .flatbed-town-links + .service-section{
margin-top:28px !important;
}

/* Keep CTA close to FAQ */
body.flatbed-service-page .service-section + .cta{
margin-top:0 !important;
}

}

@media(max-width:768px){

body.flatbed-service-page .flatbed-why-xxcell{
margin:36px 0 30px !important;
}

body.flatbed-service-page .flatbed-equipment-card{
margin:0 !important;
}

body.flatbed-service-page .flatbed-town-links{
padding:32px 16px 26px !important;
}

body.flatbed-service-page .service-section{
margin-top:24px !important;
margin-bottom:30px !important;
}

}

/* =========================================================
V29 - FLATBED DESKTOP HERO SLIDESHOW
Desktop redesign only.
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-hero-gallery{
position:relative !important;
height:500px !important;
min-height:500px !important;
max-height:500px !important;
overflow:hidden !important;
border-radius:18px !important;
background:#0f172a !important;
box-shadow:0 22px 46px rgba(15,23,42,.18) !important;
}

body.flatbed-service-page .flatbed-hero-slide{
position:absolute !important;
inset:0 !important;
opacity:0 !important;
visibility:hidden !important;
transition:opacity .32s ease !important;
}

body.flatbed-service-page .flatbed-hero-slide.active{
opacity:1 !important;
visibility:visible !important;
}

body.flatbed-service-page .flatbed-hero-slide img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}

body.flatbed-service-page .flatbed-hero-arrow{
position:absolute !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:5 !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

width:44px !important;
height:44px !important;

padding:0 !important;
border:1px solid rgba(255,255,255,.28) !important;
border-radius:999px !important;

background:rgba(15,23,42,.70) !important;
color:#fff !important;

font-size:30px !important;
line-height:1 !important;

cursor:pointer !important;
backdrop-filter:blur(5px) !important;
}

body.flatbed-service-page .flatbed-hero-prev{
left:16px !important;
}

body.flatbed-service-page .flatbed-hero-next{
right:16px !important;
}

body.flatbed-service-page .flatbed-hero-arrow:hover{
background:#dc2626 !important;
border-color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-hero-dots{
position:absolute !important;
left:50% !important;
bottom:18px !important;
transform:translateX(-50%) !important;
z-index:5 !important;

display:flex !important;
gap:7px !important;
}

body.flatbed-service-page .flatbed-hero-dots button{
width:8px !important;
height:8px !important;
padding:0 !important;
border:0 !important;
border-radius:999px !important;
background:rgba(255,255,255,.55) !important;
cursor:pointer !important;
}

body.flatbed-service-page .flatbed-hero-dots button.active{
width:24px !important;
background:#fff !important;
}

body.flatbed-service-page .flatbed-hero-photo-label{
position:absolute !important;
left:18px !important;
top:18px !important;
z-index:5 !important;

display:flex !important;
flex-direction:column !important;
gap:2px !important;

padding:10px 12px !important;

background:rgba(15,23,42,.78) !important;
border:1px solid rgba(255,255,255,.16) !important;
border-radius:10px !important;

color:#fff !important;
backdrop-filter:blur(6px) !important;
}

body.flatbed-service-page .flatbed-hero-photo-label span{
font-size:.65rem !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
color:#fca5a5 !important;
}

body.flatbed-service-page .flatbed-hero-photo-label strong{
font-size:.79rem !important;
font-weight:750 !important;
color:#fff !important;
}

}

/* Mobile stays on one static hero image */
@media(max-width:768px){

body.flatbed-service-page .flatbed-hero-slide{
display:none !important;
}

body.flatbed-service-page .flatbed-hero-slide:first-child{
display:block !important;
}

body.flatbed-service-page .flatbed-hero-arrow,
body.flatbed-service-page .flatbed-hero-dots,
body.flatbed-service-page .flatbed-hero-photo-label{
display:none !important;
}

}

/* =========================================================
V31 - FLATBED NEW DESKTOP DESIGN
Based on supplied visual direction.
Desktop only.
========================================================= */

@media(min-width:769px){

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

body.flatbed-service-page{
background:#f8fafc !important;
color:#0f172a !important;
font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}

/* ---------- DESKTOP HEADER ---------- */

body.flatbed-service-page > nav{
height:80px !important;
min-height:80px !important;
padding:0 max(28px,calc((100vw - 1280px)/2)) !important;

background:rgba(255,255,255,.98) !important;
border-bottom:1px solid #e2e8f0 !important;
box-shadow:0 2px 10px rgba(15,23,42,.04) !important;

display:flex !important;
align-items:center !important;
}

body.flatbed-service-page > nav .logo{
font-size:1.45rem !important;
font-weight:850 !important;
letter-spacing:-.03em !important;
color:#0f172a !important;
}

body.flatbed-service-page > nav .logo b{
color:#dc2626 !important;
}

body.flatbed-service-page > nav .navlinks{
gap:24px !important;
}

body.flatbed-service-page > nav .navlinks > li > a,
body.flatbed-service-page > nav .ddtoggle{
font-size:.82rem !important;
font-weight:700 !important;
color:#475569 !important;
}

body.flatbed-service-page > nav .navcall{
min-height:44px !important;
padding:10px 16px !important;

background:#dc2626 !important;
border-color:#dc2626 !important;
border-radius:10px !important;

color:#fff !important;
font-weight:800 !important;

box-shadow:0 7px 16px rgba(220,38,38,.18) !important;
}

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

body.flatbed-service-page .area-hero{
padding:26px 0 68px !important;
background:
linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important;
border:0 !important;
}

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

body.flatbed-service-page .area-hero .phero-grid{
display:grid !important;
grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr) !important;
gap:48px !important;
align-items:center !important;
}

/* Hide breadcrumb visually */
body.flatbed-service-page .crumb{
display:none !important;
}

/* Context strip */
body.flatbed-service-page .area-location-row{
display:flex !important;
align-items:center !important;
gap:8px !important;

width:max-content !important;
margin:0 0 10px !important;
padding:8px 12px !important;

background:#eef2f7 !important;
border:1px solid #e2e8f0 !important;
border-radius:8px !important;

font-size:.72rem !important;
font-weight:750 !important;
letter-spacing:.03em !important;
text-transform:uppercase !important;
color:#475569 !important;
}

body.flatbed-service-page .area-location-row strong{
color:#0f172a !important;
}

/* Availability badge - truthful wording only */
body.flatbed-service-page .area-avail{
display:inline-flex !important;
align-items:center !important;
gap:7px !important;

width:max-content !important;
margin:0 0 18px !important;
padding:7px 11px !important;

background:#dcfce7 !important;
border:1px solid #bbf7d0 !important;
border-radius:999px !important;

color:#15803d !important;

font-size:.69rem !important;
font-weight:850 !important;
letter-spacing:.055em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .area-live-dot{
width:7px !important;
height:7px !important;
background:#16a34a !important;
box-shadow:none !important;
}

/* H1 */
body.flatbed-service-page .area-hero h1{
max-width:760px !important;
margin:0 0 18px !important;

font-size:clamp(3.3rem,4.6vw,4.8rem) !important;
line-height:.99 !important;
letter-spacing:-.045em !important;
font-weight:850 !important;

color:#0f172a !important;
}

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

/* Lead */
body.flatbed-service-page .area-hero .hero-lead{
max-width:720px !important;
margin:0 0 26px !important;

font-size:1.04rem !important;
line-height:1.72 !important;
color:#526071 !important;
}

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

body.flatbed-service-page .area-hero-cta{
display:flex !important;
gap:12px !important;
max-width:720px !important;
margin:0 0 26px !important;
}

body.flatbed-service-page .area-hero-cta .btn{
min-height:60px !important;
border-radius:11px !important;
}

body.flatbed-service-page .area-call-btn{
flex:1.2 !important;

display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;

padding:10px 20px !important;

background:#dc2626 !important;
border-color:#dc2626 !important;
color:#fff !important;

box-shadow:0 8px 20px rgba(220,38,38,.2) !important;
}

body.flatbed-service-page .area-btn-kicker{
font-size:.64rem !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .area-call-btn strong{
margin-top:3px !important;
font-size:1.08rem !important;
}

body.flatbed-service-page .area-estimate-btn{
flex:.8 !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

background:#0f172a !important;
border-color:#0f172a !important;
color:#fff !important;

font-size:.86rem !important;
font-weight:800 !important;

box-shadow:0 6px 16px rgba(15,23,42,.15) !important;
}

/* ---------- HERO PROOF CARDS ---------- */

body.flatbed-service-page .area-trust-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:11px !important;

max-width:760px !important;
margin:0 !important;
}

body.flatbed-service-page .area-trust-card{
min-height:92px !important;
padding:16px !important;

background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:13px !important;

box-shadow:0 4px 14px rgba(15,23,42,.045) !important;
}

body.flatbed-service-page .area-trust-card strong{
display:block !important;
margin:0 0 5px !important;

font-size:.82rem !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .area-trust-card span{
display:block !important;

font-size:.72rem !important;
line-height:1.45 !important;
color:#64748b !important;
}

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

body.flatbed-service-page .flatbed-hero-gallery{
height:520px !important;
min-height:520px !important;
max-height:520px !important;

border-radius:20px !important;

box-shadow:
0 24px 50px rgba(15,23,42,.17),
0 1px 0 rgba(255,255,255,.8) inset !important;
}

/* ---------- QUICK ASSISTANCE ---------- */

body.flatbed-service-page section.service-quick{
margin:0 0 68px !important;
}

body.flatbed-service-page .service-quick-card{
padding:28px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:18px !important;

box-shadow:0 8px 28px rgba(15,23,42,.055) !important;
}

body.flatbed-service-page .service-quick-head{
margin-bottom:18px !important;
}

body.flatbed-service-page .service-quick-head h2{
margin:0 0 4px !important;

font-size:1.7rem !important;
letter-spacing:-.025em !important;
color:#0f172a !important;
}

body.flatbed-service-page .service-quick-grid{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
}

body.flatbed-service-page .service-quick-link{
min-height:112px !important;

display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;

padding:14px 10px !important;

background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
border-radius:13px !important;

transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease !important;
}

body.flatbed-service-page .service-quick-link:hover{
transform:translateY(-2px) !important;
border-color:#dc2626 !important;
box-shadow:0 8px 18px rgba(15,23,42,.07) !important;
}

body.flatbed-service-page .service-quick-link.active{
background:#fff7f7 !important;
border-color:#fecaca !important;
}

body.flatbed-service-page .service-quick-note{
margin-top:14px !important;
font-size:.75rem !important;
color:#64748b !important;
}

/* ---------- BEGINNING OF CONTENT ---------- */

body.flatbed-service-page .flatbed-benefits-head{
margin-top:16px !important;
margin-bottom:24px !important;
}

body.flatbed-service-page .flatbed-benefits-head h2{
font-size:clamp(2.25rem,3vw,3rem) !important;
line-height:1.08 !important;
letter-spacing:-.03em !important;
color:#0f172a !important;
}

}

/* =========================================================
V32 - TRUE FLATBED DESKTOP HERO REBUILD
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-new-hero{
background:#f8fafc !important;
padding:42px 0 72px !important;
border:0 !important;
}

body.flatbed-service-page .flatbed-new-hero-inner{
width:min(1280px,calc(100% - 56px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr) !important;
gap:52px !important;
align-items:center !important;
}

body.flatbed-service-page .flatbed-new-context{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin-bottom:12px !important;
font-size:.72rem !important;
font-weight:800 !important;
letter-spacing:.075em !important;
text-transform:uppercase !important;
color:#64748b !important;
}

body.flatbed-service-page .flatbed-new-context strong{
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-new-status{
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
margin-bottom:17px !important;
padding:7px 11px !important;
background:#dcfce7 !important;
border:1px solid #bbf7d0 !important;
border-radius:999px !important;
font-size:.68rem !important;
font-weight:850 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
color:#15803d !important;
}

body.flatbed-service-page .flatbed-status-dot{
width:7px !important;
height:7px !important;
border-radius:50% !important;
background:#16a34a !important;
}

body.flatbed-service-page .flatbed-new-hero h1{
max-width:760px !important;
margin:0 0 20px !important;
font-size:clamp(3.45rem,4.7vw,4.85rem) !important;
line-height:.98 !important;
letter-spacing:-.05em !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-new-hero h1 span{
display:block !important;
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-new-lead{
max-width:720px !important;
margin:0 0 27px !important;
font-size:1.03rem !important;
line-height:1.72 !important;
color:#526071 !important;
}

body.flatbed-service-page .flatbed-new-actions{
display:flex !important;
gap:12px !important;
max-width:720px !important;
margin-bottom:27px !important;
}

body.flatbed-service-page .flatbed-new-call,
body.flatbed-service-page .flatbed-new-estimate{
min-height:62px !important;
border-radius:11px !important;
text-decoration:none !important;
}

body.flatbed-service-page .flatbed-new-call{
flex:1.15 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
padding:10px 20px !important;
background:#dc2626 !important;
color:#fff !important;
box-shadow:0 8px 20px rgba(220,38,38,.20) !important;
}

body.flatbed-service-page .flatbed-new-call span{
font-size:.63rem !important;
font-weight:800 !important;
letter-spacing:.075em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .flatbed-new-call strong{
margin-top:4px !important;
font-size:1.08rem !important;
}

body.flatbed-service-page .flatbed-new-estimate{
flex:.85 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 22px !important;
background:#0f172a !important;
color:#fff !important;
font-size:.86rem !important;
font-weight:800 !important;
box-shadow:0 7px 18px rgba(15,23,42,.15) !important;
}

body.flatbed-service-page .flatbed-new-proof-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:11px !important;
max-width:760px !important;
}

body.flatbed-service-page .flatbed-new-proof{
min-height:92px !important;
padding:15px 16px !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:13px !important;
box-shadow:0 4px 14px rgba(15,23,42,.045) !important;
}

body.flatbed-service-page .flatbed-new-proof strong{
display:block !important;
margin-bottom:5px !important;
font-size:.82rem !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-new-proof span{
font-size:.72rem !important;
line-height:1.45 !important;
color:#64748b !important;
}

body.flatbed-service-page .flatbed-new-media .flatbed-hero-gallery{
position:relative !important;
height:540px !important;
min-height:540px !important;
max-height:540px !important;
overflow:hidden !important;
background:#0f172a !important;
border-radius:20px !important;
box-shadow:0 24px 52px rgba(15,23,42,.18) !important;
}

body.flatbed-service-page .flatbed-real-job-label{
position:absolute !important;
left:18px !important;
top:18px !important;
z-index:6 !important;
display:flex !important;
flex-direction:column !important;
gap:2px !important;
padding:10px 12px !important;
background:rgba(15,23,42,.80) !important;
border:1px solid rgba(255,255,255,.15) !important;
border-radius:10px !important;
backdrop-filter:blur(7px) !important;
}

body.flatbed-service-page .flatbed-real-job-label span{
font-size:.63rem !important;
font-weight:850 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
color:#fca5a5 !important;
}

body.flatbed-service-page .flatbed-real-job-label strong{
font-size:.78rem !important;
color:#fff !important;
}

}

/* =========================================================
V33 - NEW FLATBED DESKTOP PAGE
PART 1
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-v33-main{
background:#f8fafc !important;
}

body.flatbed-service-page .flatbed-v33-wrap{
width:min(1180px,calc(100% - 56px)) !important;
margin:0 auto !important;
}

body.flatbed-service-page .flatbed-v33-main section{
padding:72px 0 !important;
}

body.flatbed-service-page .flatbed-v33-kicker{
display:block !important;
margin-bottom:8px !important;
font-size:.7rem !important;
font-weight:850 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-v33-main h2{
margin:0 0 14px !important;
font-size:clamp(2.1rem,3vw,3rem) !important;
line-height:1.08 !important;
letter-spacing:-.035em !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-v33-main p{
color:#64748b !important;
line-height:1.7 !important;
}

/* QUICK ASSISTANCE */

body.flatbed-service-page .flatbed-v33-assist{
background:#fff !important;
border-top:1px solid #e2e8f0 !important;
border-bottom:1px solid #e2e8f0 !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:26px !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid a{
min-height:116px !important;
padding:18px 12px !important;

display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;

text-align:center !important;
text-decoration:none !important;

background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;

transition:.18s ease !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid a:hover{
transform:translateY(-2px) !important;
border-color:#dc2626 !important;
box-shadow:0 8px 20px rgba(15,23,42,.07) !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid strong{
color:#0f172a !important;
font-size:.9rem !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid span{
margin-top:5px !important;
color:#64748b !important;
font-size:.7rem !important;
line-height:1.35 !important;
}

/* WHY FLATBED */

body.flatbed-service-page .flatbed-v33-two-col{
display:grid !important;
grid-template-columns:.9fr 1.1fr !important;
gap:56px !important;
align-items:center !important;
}

body.flatbed-service-page .flatbed-v33-why p{
font-size:.96rem !important;
margin:0 0 15px !important;
}

body.flatbed-service-page .flatbed-v33-benefit-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;

padding:28px !important;

background:#0f172a !important;
border-radius:20px !important;
box-shadow:0 18px 40px rgba(15,23,42,.12) !important;
}

body.flatbed-service-page .flatbed-v33-benefit-grid > div{
min-height:138px !important;
padding:18px !important;

background:#fff !important;
border-radius:13px !important;
}

body.flatbed-service-page .flatbed-v33-benefit-grid strong{
display:block !important;
margin-bottom:6px !important;
color:#0f172a !important;
font-size:.9rem !important;
}

body.flatbed-service-page .flatbed-v33-benefit-grid span{
font-size:.78rem !important;
line-height:1.5 !important;
color:#64748b !important;
}

/* REAL XXCELL JOBS */

body.flatbed-service-page .flatbed-v33-work{
background:#fff !important;
}

body.flatbed-service-page .flatbed-v33-gallery{
display:grid !important;
grid-template-columns:1.4fr .6fr !important;
gap:14px !important;
margin-top:28px !important;
}

body.flatbed-service-page .flatbed-v33-feature-photo{
display:block !important;
width:100% !important;
height:520px !important;
object-fit:cover !important;
border-radius:18px !important;
box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
}

body.flatbed-service-page .flatbed-v33-gallery-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}

body.flatbed-service-page .flatbed-v33-gallery-grid img{
display:block !important;
width:100% !important;
height:254px !important;
object-fit:cover !important;
border-radius:14px !important;
}

/* WHEN YOU NEED FLATBED */

body.flatbed-service-page .flatbed-v33-use-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
margin-top:28px !important;
}

body.flatbed-service-page .flatbed-v33-use-grid > div{
min-height:132px !important;
padding:20px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;
box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
}

body.flatbed-service-page .flatbed-v33-use-grid strong{
display:block !important;
margin-bottom:7px !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-v33-use-grid span{
color:#64748b !important;
font-size:.82rem !important;
line-height:1.5 !important;
}

/* PROCESS INFOGRAPHIC */

body.flatbed-service-page .flatbed-v33-process{
background:#eef2f7 !important;
}

body.flatbed-service-page .flatbed-v33-process img{
display:block !important;
width:100% !important;
height:auto !important;
border-radius:20px !important;
box-shadow:0 18px 42px rgba(15,23,42,.10) !important;
}

}


/* =========================================================
V33 - NEW FLATBED DESKTOP PAGE
PART 2
========================================================= */

@media(min-width:769px){

/* EQUIPMENT */

body.flatbed-service-page .flatbed-v33-equipment{
background:#0f172a !important;
}

body.flatbed-service-page .flatbed-v33-equipment-grid{
display:grid !important;
grid-template-columns:.8fr 1.2fr !important;
gap:50px !important;
align-items:center !important;
}

body.flatbed-service-page .flatbed-v33-equipment h2{
color:#fff !important;
}

body.flatbed-service-page .flatbed-v33-equipment p{
color:#cbd5e1 !important;
}

body.flatbed-service-page .flatbed-v33-equipment-cards{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:12px !important;
}

body.flatbed-service-page .flatbed-v33-equipment-cards > div{
min-height:142px !important;
padding:20px !important;
background:rgba(255,255,255,.08) !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:14px !important;
}

body.flatbed-service-page .flatbed-v33-equipment-cards strong{
display:block !important;
margin-bottom:6px !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-v33-equipment-cards span{
color:#cbd5e1 !important;
font-size:.78rem !important;
line-height:1.5 !important;
}

/* RELATED SERVICES */

body.flatbed-service-page .flatbed-v33-related-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
margin-top:26px !important;
}

body.flatbed-service-page .flatbed-v33-related-grid a{
min-height:150px !important;
padding:22px !important;
text-decoration:none !important;
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;
box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
}

body.flatbed-service-page .flatbed-v33-related-grid strong{
display:block !important;
margin-bottom:7px !important;
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-v33-related-grid span{
font-size:.8rem !important;
line-height:1.5 !important;
color:#64748b !important;
}

/* TOWNS */

body.flatbed-service-page .flatbed-v33-towns{
background:#fff !important;
}

body.flatbed-service-page .flatbed-v33-town-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:26px !important;
}

body.flatbed-service-page .flatbed-v33-town-grid a{
padding:17px !important;
text-decoration:none !important;
font-weight:800 !important;
color:#0f172a !important;
background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
border-radius:12px !important;
transition:.18s ease !important;
}

body.flatbed-service-page .flatbed-v33-town-grid a:hover{
transform:translateY(-2px) !important;
border-color:#dc2626 !important;
box-shadow:0 7px 18px rgba(15,23,42,.06) !important;
}

/* FAQ */

body.flatbed-service-page .flatbed-v33-faq-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
margin-top:26px !important;
align-items:start !important;
}

body.flatbed-service-page .flatbed-v33-faq details{
background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:13px !important;
padding:0 18px !important;
box-shadow:0 4px 12px rgba(15,23,42,.035) !important;
}

body.flatbed-service-page .flatbed-v33-faq summary{
padding:18px 0 !important;
cursor:pointer !important;
font-weight:800 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-v33-faq details p{
padding-bottom:18px !important;
margin:0 !important;
}

/* RED CTA */

body.flatbed-service-page .flatbed-v33-cta{
text-align:center !important;
background:#dc2626 !important;
}

body.flatbed-service-page .flatbed-v33-cta span{
color:#fecaca !important;
font-weight:800 !important;
text-transform:uppercase !important;
font-size:.72rem !important;
letter-spacing:.1em !important;
}

body.flatbed-service-page .flatbed-v33-cta h2{
margin-top:8px !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-v33-cta p{
color:#fee2e2 !important;
}

body.flatbed-service-page .flatbed-v33-cta > .flatbed-v33-wrap > div{
display:flex !important;
justify-content:center !important;
gap:12px !important;
margin-top:24px !important;
}

body.flatbed-service-page .flatbed-v33-cta a{
min-width:230px !important;
padding:16px 22px !important;
border-radius:11px !important;
text-decoration:none !important;
font-weight:850 !important;
}

body.flatbed-service-page .flatbed-v33-cta a:first-child{
background:#fff !important;
color:#dc2626 !important;
}

body.flatbed-service-page .flatbed-v33-cta a:last-child{
background:#0f172a !important;
color:#fff !important;
}

}


/* =========================================================
V34 - HERO PHOTO FIT + QUICK ASSISTANCE POLISH
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-new-media .flatbed-hero-gallery{
height:500px !important;
min-height:500px !important;
max-height:500px !important;
background:#0f172a !important;
}

body.flatbed-service-page .flatbed-new-media .flatbed-hero-slide img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
background:#0f172a !important;
}

/* QUICK ASSISTANCE */

body.flatbed-service-page .flatbed-v33-assist-grid a{
position:relative !important;
min-height:132px !important;
padding:18px 12px 16px !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid a::before{
display:flex !important;
align-items:center !important;
justify-content:center !important;

width:38px !important;
height:38px !important;

margin:0 auto 10px !important;

background:#fee2e2 !important;
border-radius:10px !important;

font-size:1.15rem !important;
line-height:1 !important;
}

/* Tow */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(1)::before{
content:"🚚";
}

/* Jump */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(2)::before{
content:"⚡";
}

/* Lockout */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(3)::before{
content:"🔑";
}

/* Tire */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(4)::before{
content:"●";
color:#0f172a !important;
}

/* Fuel */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(5)::before{
content:"⛽";
}

/* Winch */
body.flatbed-service-page .flatbed-v33-assist-grid a:nth-child(6)::before{
content:"↗";
color:#dc2626 !important;
font-weight:900 !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid a:hover::before{
background:#dc2626 !important;
color:#fff !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid strong{
font-size:.88rem !important;
font-weight:850 !important;
}

body.flatbed-service-page .flatbed-v33-assist-grid span{
font-size:.69rem !important;
}

}

/* =========================================================
V35 - CLEAN STATIC HERO
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-new-hero{
padding:38px 0 54px !important;
}

body.flatbed-service-page .flatbed-new-hero-inner{
grid-template-columns:minmax(0,55fr) minmax(0,45fr) !important;
gap:40px !important;
align-items:start !important;
}

body.flatbed-service-page .flatbed-new-hero h1{
max-width:680px !important;
font-size:clamp(3.55rem,4vw,4.15rem) !important;
line-height:1.00 !important;
letter-spacing:-.045em !important;
margin-bottom:18px !important;
}

body.flatbed-service-page .flatbed-new-hero h1 span{
display:block !important;
white-space:nowrap !important;
}

body.flatbed-service-page .flatbed-new-lead{
max-width:670px !important;
font-size:1rem !important;
line-height:1.68 !important;
margin-bottom:22px !important;
}

body.flatbed-service-page .flatbed-new-actions{
margin-bottom:20px !important;
}

body.flatbed-service-page .flatbed-new-proof-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
max-width:100% !important;
}

body.flatbed-service-page .flatbed-new-proof{
min-height:82px !important;
padding:12px 13px !important;
}

body.flatbed-service-page .flatbed-new-proof strong{
font-size:.76rem !important;
}

body.flatbed-service-page .flatbed-new-proof span{
font-size:.66rem !important;
line-height:1.4 !important;
}

body.flatbed-service-page .flatbed-static-hero-photo{
position:relative !important;
width:100% !important;
height:410px !important;
overflow:hidden !important;
border-radius:18px !important;
background:#0f172a !important;
box-shadow:0 20px 42px rgba(15,23,42,.16) !important;
}

body.flatbed-service-page .flatbed-static-hero-photo img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}

body.flatbed-service-page .flatbed-real-job-label{
left:16px !important;
top:16px !important;
}

}

/* =========================================================
V36 - HERO DESIGN MATCH + HIDE BREADCRUMBS
Desktop only.
========================================================= */

@media(min-width:769px){

/* Hide every breadcrumb/context treatment */
body.flatbed-service-page .crumb,
body.flatbed-service-page .flatbed-new-context{
display:none !important;
}

/* Tighten overall hero */
body.flatbed-service-page .flatbed-new-hero{
padding:34px 0 56px !important;
}

body.flatbed-service-page .flatbed-new-hero-inner{
grid-template-columns:minmax(0,54fr) minmax(0,46fr) !important;
gap:44px !important;
align-items:start !important;
}

/* Availability badge becomes the first visible item */
body.flatbed-service-page .flatbed-new-status{
margin-top:0 !important;
margin-bottom:18px !important;
}

/* Slightly calmer heading */
body.flatbed-service-page .flatbed-new-hero h1{
max-width:700px !important;
font-size:clamp(3.45rem,3.9vw,4rem) !important;
line-height:1.01 !important;
letter-spacing:-.045em !important;
margin-bottom:18px !important;
}

body.flatbed-service-page .flatbed-new-lead{
max-width:680px !important;
margin-bottom:22px !important;
}

/* Buttons match the lower-page card geometry */
body.flatbed-service-page .flatbed-new-call,
body.flatbed-service-page .flatbed-new-estimate{
min-height:60px !important;
border-radius:12px !important;
}

/* 2x2 proof cards instead of four cramped columns */
body.flatbed-service-page .flatbed-new-proof-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
max-width:100% !important;
}

body.flatbed-service-page .flatbed-new-proof{
min-height:88px !important;
padding:15px 16px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:14px !important;

box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
}

body.flatbed-service-page .flatbed-new-proof strong{
display:block !important;
margin-bottom:5px !important;

font-size:.81rem !important;
line-height:1.3 !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-new-proof span{
display:block !important;

font-size:.72rem !important;
line-height:1.45 !important;
color:#64748b !important;
}

/* Static hero photo matches the rest of the page */
body.flatbed-service-page .flatbed-static-hero-photo{
height:430px !important;
border-radius:16px !important;

border:1px solid #e2e8f0 !important;
box-shadow:0 16px 36px rgba(15,23,42,.11) !important;
}

body.flatbed-service-page .flatbed-static-hero-photo img{
object-fit:cover !important;
object-position:center center !important;
}

/* Smaller real-job label */
body.flatbed-service-page .flatbed-real-job-label{
left:14px !important;
top:14px !important;
padding:8px 10px !important;
border-radius:9px !important;
}

body.flatbed-service-page .flatbed-real-job-label span{
font-size:.59rem !important;
}

body.flatbed-service-page .flatbed-real-job-label strong{
font-size:.72rem !important;
}

}

/* Keep breadcrumb hidden on mobile as well */
@media(max-width:768px){

body.flatbed-service-page .crumb,
body.flatbed-service-page .flatbed-new-context{
display:none !important;
}

}

/* =========================================================
V37 - FLATBED WESTWOOD STRUCTURE PILOT
Desktop only.
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-westwood-hero{
background:#f8fafc !important;
padding:28px 0 58px !important;
border:0 !important;
}

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

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

/* Breadcrumb hidden */
body.flatbed-service-page .flatbed-westwood-hero .crumb{
display:none !important;
}

/* Location row */
body.flatbed-service-page .flatbed-westwood-hero .area-location-row{
display:flex !important;
align-items:center !important;
gap:7px !important;

margin:0 0 12px !important;

font-size:.75rem !important;
font-weight:700 !important;
color:#64748b !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-location-row strong{
color:#0f172a !important;
}

/* Availability */
body.flatbed-service-page .flatbed-westwood-hero .area-avail{
display:inline-flex !important;
align-items:center !important;
gap:7px !important;

width:max-content !important;
margin:0 0 17px !important;
padding:7px 11px !important;

background:#dcfce7 !important;
border:0 !important;
border-radius:999px !important;

color:#15803d !important;

font-size:.69rem !important;
font-weight:850 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-live-dot{
width:7px !important;
height:7px !important;
background:#16a34a !important;
box-shadow:none !important;
}

/* H1 */
body.flatbed-service-page .flatbed-westwood-hero h1{
max-width:760px !important;
margin:0 0 18px !important;

font-size:clamp(3.2rem,4vw,4.25rem) !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
font-weight:850 !important;

color:#0f172a !important;
}

body.flatbed-service-page .flatbed-westwood-hero h1 b{
color:#dc2626 !important;
}

/* Hero copy */
body.flatbed-service-page .flatbed-westwood-hero .hero-lead{
max-width:720px !important;
margin:0 0 23px !important;

font-size:1rem !important;
line-height:1.68 !important;
color:#526071 !important;
}

/* CTA */
body.flatbed-service-page .flatbed-westwood-hero .area-hero-cta{
display:flex !important;
gap:12px !important;
margin:0 0 22px !important;
max-width:720px !important;
}

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

body.flatbed-service-page .flatbed-westwood-hero .area-call-btn{
flex:1.15 !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-estimate-btn{
flex:.85 !important;
}

/* Trust cards - same visual family as Westwood */
body.flatbed-service-page .flatbed-westwood-hero .area-trust-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
margin:0 !important;
max-width:760px !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-trust-card{
min-height:86px !important;
padding:14px 15px !important;

background:#fff !important;
border:1px solid #e2e8f0 !important;
border-radius:12px !important;

box-shadow:0 4px 14px rgba(15,23,42,.04) !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-trust-card strong{
display:block !important;
margin-bottom:5px !important;

font-size:.8rem !important;
font-weight:850 !important;
color:#0f172a !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-trust-card span{
font-size:.7rem !important;
line-height:1.42 !important;
color:#64748b !important;
}

/* Photo - same proportions as Westwood */
body.flatbed-service-page .flatbed-westwood-hero .area-hero-image{
position:relative !important;

height:430px !important;
min-height:430px !important;
max-height:430px !important;

overflow:hidden !important;

background:#0f172a !important;
border-radius:14px !important;

box-shadow:0 18px 40px rgba(15,23,42,.14) !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-hero-image img{
position:absolute !important;
inset:0 !important;

display:block !important;

width:100% !important;
height:100% !important;

object-fit:cover !important;
object-position:center center !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-photo-label{
position:absolute !important;
left:14px !important;
bottom:14px !important;
z-index:3 !important;

padding:8px 11px !important;

background:rgba(15,23,42,.82) !important;
border-radius:8px !important;

font-size:.68rem !important;
font-weight:800 !important;
color:#fff !important;
}

}

/* =========================================================
V38 - FLATBED USES WESTWOOD DESKTOP HERO SYSTEM
========================================================= */

@media(min-width:769px){

body.flatbed-service-page .flatbed-westwood-hero{
padding:0 !important;
background:transparent !important;
}

body.flatbed-service-page .flatbed-westwood-hero .crumb{
display:none !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-location-row{
margin-top:0 !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-hero-image{
height:430px !important;
}

body.flatbed-service-page .flatbed-westwood-hero .area-hero-image img{
object-fit:cover !important;
object-position:center center !important;
}

}
/* V39 - EXACT WESTWOOD/TOWN DESKTOP SYSTEM */
AREA UI V17 - SHARED DESKTOP TOWN DESIGN
   Applies to all service-area pages.
   Mobile remains unchanged.
   ================================================== */

@media(min-width:769px){

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

/* DESKTOP NAV */

body.flatbed-service-page > nav{
height:80px !important;
min-height:80px !important;
padding:0 max(24px,calc((100vw - 1280px)/2)) !important;
background:rgba(255,255,255,.96) !important;
border-bottom:1px solid #e2e8f0 !important;
box-shadow:0 1px 8px rgba(0,0,0,.04) !important;
backdrop-filter:blur(10px) !important;
}

body.flatbed-service-page > nav .logo{
font-size:1.55rem !important;
font-weight:900 !important;
letter-spacing:-.03em !important;
color:#0b1c30 !important;
}

body.flatbed-service-page > nav .logo b{
color:#d92323 !important;
}

body.flatbed-service-page > nav .navlinks{
gap:22px !important;
}

body.flatbed-service-page > nav .navlinks > li > a,
body.flatbed-service-page > nav .ddtoggle{
font-size:.84rem !important;
font-weight:700 !important;
color:#565e74 !important;
}

body.flatbed-service-page > nav .navcall{
min-height:48px !important;
padding:8px 16px !important;
background:#d92323 !important;
border-color:#d92323 !important;
border-radius:10px !important;
color:#fff !important;
box-shadow:0 10px 25px -5px rgba(217,35,35,.30) !important;
}

/* HERO */

body.flatbed-service-page .area-hero{
position:relative !important;
background:#f8fafc !important;
padding:24px 0 64px !important;
border:0 !important;
overflow:hidden !important;
}

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

body.flatbed-service-page .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.flatbed-service-page .area-hero-copy{
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

/* LOCATION */

body.flatbed-service-page .area-location-row{
display:flex !important;
align-items:center !important;
gap:7px !important;
margin:0 0 14px !important;
font-size:.82rem !important;
color:#565e74 !important;
}

body.flatbed-service-page .area-location-row strong{
color:#0b1c30 !important;
}

/* STATUS */

body.flatbed-service-page .area-avail{
display:inline-flex !important;
align-items:center !important;
width:max-content !important;
margin:0 0 18px !important;
padding:7px 12px !important;
background:#dcfce7 !important;
border:0 !important;
border-radius:999px !important;
color:#16a34a !important;
font-size:.72rem !important;
font-weight:850 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}

body.flatbed-service-page .area-live-dot{
width:8px !important;
height:8px !important;
background:#16a34a !important;
box-shadow:none !important;
}

/* H1 */

body.flatbed-service-page .area-hero h1{
max-width:760px !important;
margin:0 0 18px !important;
font-size:clamp(3rem,4.5vw,4.5rem) !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
font-weight:900 !important;
color:#0b1c30 !important;
}

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

/* HERO DESCRIPTION */

body.flatbed-service-page .area-hero .hero-lead{
max-width:720px !important;
margin:0 0 24px !important;
font-size:1.05rem !important;
line-height:1.7 !important;
color:#565e74 !important;
}

/* ACTIONS */

body.flatbed-service-page .area-hero-cta{
display:grid !important;
grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;
gap:12px !important;
max-width:650px !important;
margin:0 0 28px !important;
}

body.flatbed-service-page .area-hero-cta .btn{
min-height:58px !important;
width:100% !important;
padding:10px 16px !important;
border-radius:10px !important;
box-sizing:border-box !important;
}

body.flatbed-service-page .area-call-btn{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
padding-left:20px !important;
background:#d92323 !important;
border:1px solid #d92323 !important;
color:#fff !important;
box-shadow:0 10px 25px -5px rgba(217,35,35,.30) !important;
}

body.flatbed-service-page .area-btn-kicker{
font-size:.67rem !important;
line-height:1 !important;
font-weight:750 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
opacity:.9 !important;
}

body.flatbed-service-page .area-call-btn strong{
margin-top:4px !important;
font-size:1.05rem !important;
line-height:1 !important;
}

body.flatbed-service-page .area-estimate-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#213145 !important;
border:1px solid #213145 !important;
color:#eaf1ff !important;
font-size:.92rem !important;
font-weight:800 !important;
box-shadow:0 4px 12px rgba(33,49,69,.16) !important;
}

/* TRUST CARDS */

body.flatbed-service-page .area-trust-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
max-width:820px !important;
margin:0 !important;
}

body.flatbed-service-page .area-trust-card{
min-height:96px !important;
padding:13px !important;
background:#fff !important;
border:0 !important;
border-radius:10px !important;
box-shadow:0 2px 8px rgba(15,23,42,.05) !important;
}

body.flatbed-service-page .area-trust-card strong{
display:block !important;
margin:0 0 5px !important;
font-size:.77rem !important;
line-height:1.25 !important;
font-weight:850 !important;
color:#0b1c30 !important;
}

body.flatbed-service-page .area-trust-card span{
display:block !important;
font-size:.68rem !important;
line-height:1.35 !important;
color:#565e74 !important;
}

/* HERO IMAGE */

body.flatbed-service-page .area-hero-image{
position:relative !important;
height:430px !important;
min-height:430px !important;
max-height:430px !important;
overflow:hidden !important;
background:#fff !important;
border:0 !important;
border-radius:16px !important;
box-shadow:0 18px 40px rgba(15,23,42,.14) !important;
}

body.flatbed-service-page .area-hero-image img{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:auto !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:0 !important;
}

body.flatbed-service-page .area-photo-label{
position:absolute !important;
left:16px !important;
bottom:16px !important;
padding:8px 11px !important;
background:rgba(33,49,69,.84) !important;
border-radius:8px !important;
color:#fff !important;
font-size:.72rem !important;
font-weight:800 !important;
backdrop-filter:blur(6px) !important;
}

}

/* ==================================================
   
/* =========================================================
GLOBAL SERVICE PAGES - HIDE VISIBLE BREADCRUMBS
Breadcrumb structured data remains in page source.
========================================================= */

body.service-page .crumb{
display:none !important;
}