/* LPG'Lİ ARAÇ BAKIMI - SADECE SAYFAYA ÖZEL */
.service-hero{
    background:linear-gradient(110deg,#081d35,#173e65);
    color:#fff;
    padding:78px 0 82px;
    position:relative;
    overflow:hidden;
}
.service-hero:after{
    content:"AC";
    position:absolute;
    right:-20px;
    bottom:-100px;
    font-size:300px;
    line-height:1;
    font-weight:800;
    color:rgba(255,255,255,.035);
}
.service-hero-in{position:relative;z-index:1}
.service-hero h1{
    font-size:58px;
    line-height:1.03;
    letter-spacing:-2px;
    margin:16px 0 20px;
    max-width:850px;
}
.service-hero h1 span{color:var(--green)}
.service-hero p{
    max-width:720px;
    color:#cbd7e4;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.maintenance-grid{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:70px;
    align-items:center;
}

.maintenance-visual{
    height:470px;
    border-radius:26px;
    background:linear-gradient(145deg,#081d35,#1d4a77);
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 22px 45px rgba(8,29,53,.13);
}
.maintenance-visual:before,
.maintenance-visual:after{
    content:"";
    position:absolute;
    border-radius:50%;
}
.maintenance-visual:before{
    width:330px;
    height:330px;
    border:1px solid rgba(145,207,55,.30);
}
.maintenance-visual:after{
    width:420px;
    height:420px;
    border:1px solid rgba(255,255,255,.11);
}
.maintenance-ring{
    width:210px;
    height:210px;
    border-radius:50%;
    border:1px dashed rgba(145,207,55,.65);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
    background:#0b2541;
    box-shadow:0 0 0 22px rgba(145,207,55,.035);
}
.maintenance-ring strong{
    color:#fff;
    font-size:34px;
    line-height:1;
}
.maintenance-ring span{
    color:var(--green);
    font-size:10px;
    letter-spacing:3px;
    font-weight:800;
    margin-top:9px;
}
.maintenance-badge{
    position:absolute;
    right:20px;
    top:20px;
    z-index:3;
    background:#fff;
    color:#17304a;
    border-radius:12px;
    padding:12px 15px;
    font-size:10px;
    line-height:1.35;
    font-weight:800;
}

.maintenance-content h2{
    font-size:42px;
    line-height:1.08;
    letter-spacing:-1.5px;
    margin:10px 0 22px;
}
.maintenance-content p{
    color:var(--muted);
    font-size:14px;
    line-height:1.75;
    margin:0 0 15px;
}
.check-list{
    list-style:none;
    padding:0;
    margin:25px 0 28px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 25px;
}
.check-list li{
    font-size:13px;
    font-weight:700;
    color:#1b2939;
}
.check-list li:before{
    content:"✓";
    color:var(--green);
    font-weight:900;
    margin-right:10px;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:40px;
}
.process-card{
    background:#fff;
    border:1px solid #e3e8ed;
    border-radius:18px;
    padding:28px 24px;
    min-height:205px;
    box-shadow:0 12px 28px rgba(20,35,50,.05);
}
.process-card>span{
    display:flex;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#eef8dc;
    color:#74b52c;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:900;
    margin-bottom:22px;
}
.process-card h3{
    font-size:17px;
    margin:0 0 12px;
}
.process-card p{
    font-size:13px;
    line-height:1.65;
    color:var(--muted);
    margin:0;
}

.maintenance-note-section{padding-top:0}
.maintenance-note{
    background:#0b1d35;
    border-radius:22px;
    padding:42px 48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    color:#fff;
}
.maintenance-note h2{
    font-size:30px;
    margin:8px 0;
}
.maintenance-note p{
    margin:0;
    color:#b9c6d4;
    font-size:13px;
}

@media(max-width:900px){
    .service-hero h1{font-size:46px}
    .maintenance-grid{
        grid-template-columns:1fr;
        gap:35px;
    }
    .process-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px){
    .service-hero{padding:55px 0 60px}
    .service-hero h1{
        font-size:39px;
        letter-spacing:-1.2px;
    }
    .service-hero p{font-size:13px}
    .maintenance-grid{
        grid-template-columns:1fr;
        gap:28px;
    }
    .maintenance-visual{
        height:330px;
        border-radius:20px;
    }
    .maintenance-ring{
        width:180px;
        height:180px;
    }
    .maintenance-visual:before{width:260px;height:260px}
    .maintenance-visual:after{width:320px;height:320px}
    .maintenance-content h2{font-size:31px}
    .check-list{
        grid-template-columns:1fr;
        gap:11px;
    }
    .process-grid{
        grid-template-columns:1fr;
    }
    .process-card{min-height:auto}
    .maintenance-note{
        display:block;
        padding:30px 24px;
    }
    .maintenance-note .btn{margin-top:20px}
}