/* ===== SERVICE PAGE SPECIFIC ===== */
.page-hero{position:relative;padding:140px 0 80px;background:var(--dark-1);overflow:hidden;min-height:420px}
.page-hero::before{content:"";position:absolute;inset:0;z-index:1}
.page-hero .container{position:relative;z-index:2;display:flex;align-items:center;gap:50px}
.page-hero-text{flex:1}
.page-hero-text .breadcrumb{font-size:13px;color:var(--text-light);margin-bottom:16px;display:flex;gap:8px;align-items:center}
.page-hero-text .breadcrumb a{color:var(--primary);transition:color .3s}
.page-hero-text .breadcrumb a:hover{color:var(--white)}
.page-hero-text h1{font-size:clamp(34px,5vw,54px);line-height:1.05;margin-bottom:16px;color:var(--white)}
.page-hero-text h1 span{color:var(--primary)}
.page-hero-text p{font-size:17px;color:var(--text-light);line-height:1.7;max-width:520px;margin-bottom:28px}
.page-hero-img{flex:0 0 42%;height:360px;border:1px solid var(--border);overflow:hidden}

.content-section{padding:80px 0}
.content-section.alt{background:var(--asphalt-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.content-grid.reverse{direction:rtl}
.content-grid.reverse>*{direction:ltr}
.content-img{width:100%;height:360px;border:1px solid var(--border);overflow:hidden}
.content-text h2{font-size:clamp(24px,3.5vw,34px);margin-bottom:16px;line-height:1.1}
.content-text p{font-size:15px;line-height:1.8;color:var(--text);margin-bottom:12px}
.content-list{list-style:none;margin:20px 0 28px;display:flex;flex-direction:column;gap:10px}
.content-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--heading);font-weight:500}
.content-list li::before{content:"✓";display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:rgba(var(--primary-rgb),.12);color:var(--primary);font-size:12px;font-weight:700;flex-shrink:0}

.pain-points{padding:80px 0;background:var(--asphalt-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.pain-card{background:var(--dark-3);border:1px solid var(--border);padding:32px 24px;transition:all .3s}
.pain-card:hover{border-color:rgba(var(--primary-rgb),.3);transform:translateY(-3px)}
.pain-card .pain-num{font-family:"Rajdhani",sans-serif;font-size:48px;color:rgba(var(--primary-rgb),.15);line-height:1;margin-bottom:12px}
.pain-card h4{font-size:18px;margin-bottom:8px}
.pain-card p{font-size:13px;color:var(--text-light);line-height:1.7}

.cta-section{padding:80px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(var(--primary-rgb),.06),transparent)}
.cta-section .container{position:relative;z-index:2}
.cta-section h2{margin-bottom:12px}
.cta-section p{color:var(--text-light);max-width:500px;margin:0 auto 28px;line-height:1.7}

.quote-inline{padding:80px 0}
.quote-inline .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}

@media(max-width:1024px){
  .page-hero .container{flex-direction:column;text-align:center}
  .page-hero-text p{margin:0 auto 28px}
  .page-hero-img{width:100%}
  .content-grid,.content-grid.reverse,.quote-inline .quote-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:1fr}
  .pain-grid{max-width:500px;margin-left:auto;margin-right:auto}
}
@media(max-width:768px){
  .page-hero{padding:100px 0 60px}
  .page-hero-img{display:none}
  .warranty-grid,.srv-grid-2{grid-template-columns:1fr !important;gap:32px !important}
}

/* ===== SERVICE PAGE IMAGE CONTAINERS ===== */
.page-hero-img{position:relative;overflow:hidden}
.page-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.content-img{position:relative;overflow:hidden}
.content-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}

/* ===== FINANCING BANNER ===== */
.fin-banner{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.fin-tape-marquee{position:absolute;top:0;left:0;width:200%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(-45deg,var(--primary) 0px,var(--primary) 32px,rgba(0,0,0,.9) 32px,rgba(0,0,0,.9) 64px);opacity:.055;animation:finTapeScroll 90s linear infinite}
@keyframes finTapeScroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.fin-banner__bg{position:absolute;inset:0;background:rgba(8,8,10,0.96);z-index:0}
.fin-tape{position:absolute;left:0;right:0;height:22px;overflow:hidden;z-index:1}
.fin-tape.top{top:0}
.fin-tape.bot{bottom:0}
.fin-tape-inner{width:100%;height:100%;background:repeating-linear-gradient(-45deg,var(--primary) 0px,var(--primary) 18px,rgba(8,8,10,0.95) 18px,rgba(8,8,10,0.95) 36px)}
.fin-banner__content{position:relative;z-index:2;padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.fin-banner__left{display:flex;align-items:center;gap:20px;flex:1;min-width:260px}
.fin-banner__icon{width:56px;height:56px;background:rgba(240,200,32,.1);border:1px solid rgba(240,200,32,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fin-banner__title{font-family:'Rajdhani',sans-serif;font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--white);margin-bottom:4px}
.fin-banner__text{font-size:14px;color:var(--text-light);line-height:1.6;max-width:500px}
.fin-banner__btn{display:inline-block;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;padding:15px 30px;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s;white-space:nowrap;flex-shrink:0;text-decoration:none;color:#1a1000;background:linear-gradient(170deg,#e8c840 0%,#f5dc6a 15%,#d4a420 35%,#c48a1a 50%,#d4a420 65%,#f5dc6a 85%,#e8c840 100%);border:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));filter:drop-shadow(0 2px 8px rgba(196,138,26,.5));text-shadow:0 1px 0 rgba(255,240,180,.4)}
.fin-banner__btn:hover{transform:translateY(-2px);filter:drop-shadow(0 4px 16px rgba(196,138,26,.6));background:linear-gradient(170deg,#f5dc6a 0%,#ffe88a 15%,#e8c840 35%,#d4a420 50%,#e8c840 65%,#ffe88a 85%,#f5dc6a 100%)}
@media(max-width:768px){.fin-banner__content{flex-direction:column;text-align:center}.fin-banner__left{flex-direction:column;align-items:center}.fin-banner__btn{width:100%;text-align:center}}