/* ============================================
   SERVICE PAGES — Additional Styles
   ============================================ */

/* ---------- SERVICE HERO ---------- */
.service-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--graphite);margin-top:0}
.service-hero-bg{position:absolute;inset:0;z-index:0}
.service-hero-bg img{width:100%;height:100%;object-fit:cover}
.service-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(37,37,37,.95) 0%,rgba(122,12,20,.85) 100%)}
.service-hero-content{position:relative;z-index:2;padding:100px 20px;max-width:800px;text-align:center}
.service-icon-large{display:none}
.service-hero h1{color:var(--white);margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem)}
.service-hero-subtitle{color:rgba(255,255,255,.85);font-size:clamp(1rem,1.5vw,1.2rem);margin-bottom:32px}

/* ---------- SERVICE CONTENT ---------- */
.service-content{padding:60px 0;background:var(--white)}
.service-content .container{display:grid;grid-template-columns:1fr 350px;gap:48px;align-items:start}

.service-article{background:var(--off-white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}
.service-article-img{width:100%;border-radius:var(--radius);margin-bottom:32px;overflow:hidden}
.service-article-img img{width:100%;height:auto;display:block;object-fit:cover;max-height:400px}
.service-section{margin-bottom:40px}
.service-section:last-child{margin-bottom:0}
.service-section h2{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,1.8rem);color:var(--graphite);margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid var(--red);display:inline-block}
.service-section p{color:#555;line-height:1.8;margin-bottom:16px}
.service-section p:last-child{margin-bottom:0}
.service-section ul{margin:16px 0;padding-left:0}
.service-section li{color:#555;line-height:1.8;padding-left:24px;position:relative;margin-bottom:8px}
.service-section li::before{content:"•";position:absolute;left:8px;color:var(--red);font-weight:bold}

/* ---------- SERVICE SIDEBAR ---------- */
.service-sidebar{position:sticky;top:100px}
.service-cta-box{background:linear-gradient(135deg,var(--wine),var(--graphite));border-radius:var(--radius-lg);padding:32px;color:var(--white);margin-bottom:24px;text-align:center}
.service-cta-box h3{font-family:var(--font-heading);font-size:1.4rem;margin-bottom:12px;color:var(--white)}
.service-cta-box p{color:rgba(255,255,255,.85);font-size:.9rem;line-height:1.6;margin-bottom:20px}
.service-cta-box .btn{width:100%;justify-content:center;margin-bottom:16px}
.service-phones{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;margin-top:16px}
.service-phones p{font-size:.85rem;margin-bottom:8px;color:rgba(255,255,255,.9)}
.service-phones a{color:var(--yellow);text-decoration:none}
.service-phones a:hover{text-decoration:underline}

.service-other{background:var(--off-white);border-radius:var(--radius-lg);padding:24px;border:1px solid rgba(0,0,0,.06)}
.service-other h3{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:16px;color:var(--graphite)}
.service-other ul{list-style:none}
.service-other li{margin-bottom:8px}
.service-other a{color:#555;font-size:.9rem;transition:color var(--transition);display:block;padding:8px 12px;border-radius:6px}
.service-other a:hover{color:var(--red);background:rgba(193,18,31,.05)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .service-content .container{grid-template-columns:1fr;gap:32px}
  .service-sidebar{position:static}
}
@media(max-width:768px){
  .service-hero{min-height:40vh}
  .service-article{padding:24px}
}