.service-detail-v2-page{
    background:#050505;
    color:#fff;
    overflow:hidden;
}

.service-detail-v2-page a{
    text-decoration:none;
}

.service-detail-v2-hero{
    position:relative;
    padding:110px 0 170px;
    background:
        radial-gradient(circle at 15% 20%, rgba(193,18,31,.34), transparent 30%),
        radial-gradient(circle at 85% 10%, rgba(150,150,150,.16), transparent 28%),
        linear-gradient(135deg, #030303 0%, #111418 45%, #2b2f34 100%);
}

.service-detail-v2-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:48px 48px;
    opacity:.45;
}

.service-detail-v2-hero .container{
    position:relative;
    z-index:2;
}

.service-detail-v2-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-weight:900;
    margin-bottom:22px;
}

.service-detail-v2-hero h1{
    color:#fff;
    font-size:clamp(40px, 6vw, 74px);
    line-height:1.04;
    letter-spacing:-2px;
    margin-bottom:22px;
}

.service-detail-v2-hero p{
    color:rgba(255,255,255,.72);
    font-size:18px;
    max-width:760px;
    margin:auto;
}

.service-detail-v2-hero .breadcrumb a{
    color:#fff;
}

.service-detail-v2-hero .breadcrumb .active{
    color:rgba(255,255,255,.55);
}

.service-detail-v2-content{
    margin-top:-90px;
    position:relative;
    z-index:5;
    padding-bottom:100px;
}

.service-detail-v2-layout{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:28px;
}

.service-detail-v2-main{
    min-width:0;
}

.service-detail-v2-card,
.faq-v2-box,
.service-detail-v2-widget,
.service-detail-v2-cta{
    border-radius:34px;
    background:rgba(17,20,25,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 34px 95px rgba(0,0,0,.48);
    overflow:hidden;
}

.service-detail-v2-card{
    margin-bottom:28px;
}

.service-detail-v2-image{
    height:460px;
    overflow:hidden;
    background:#111;
    position:relative;
}

.service-detail-v2-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, transparent 45%, rgba(0,0,0,.72)),
        linear-gradient(135deg, rgba(193,18,31,.12), transparent 45%);
}

.service-detail-v2-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.service-detail-v2-body{
    padding:42px;
}

.service-detail-v2-meta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#d1d5db;
    font-size:13px;
    font-weight:900;
    margin-bottom:22px;
}

.service-detail-v2-meta i{
    color:#ef233c;
}

.service-detail-v2-body h2{
    color:#fff;
    font-size:38px;
    line-height:1.15;
    margin-bottom:28px;
}

.service-detail-v2-text{
    color:#d1d5db;
    font-size:17px;
    line-height:1.9;
}

.service-detail-v2-text h1,
.service-detail-v2-text h2,
.service-detail-v2-text h3,
.service-detail-v2-text h4,
.service-detail-v2-text h5,
.service-detail-v2-text h6{
    color:#fff;
    margin-top:32px;
    margin-bottom:16px;
}

.service-detail-v2-text p{
    color:#d1d5db;
    margin-bottom:20px;
}

.service-detail-v2-text ul,
.service-detail-v2-text ol{
    padding-left:20px;
    margin-bottom:20px;
}

.service-detail-v2-text li{
    color:#d1d5db;
    margin-bottom:10px;
}

.service-detail-v2-text a{
    color:#ef233c;
    font-weight:800;
}

.service-detail-v2-text img{
    max-width:100%;
    border-radius:24px;
    margin:22px 0;
}

.service-detail-v2-text div[style*="background"],
.service-detail-v2-text section[style*="background"],
.service-detail-v2-text article[style*="background"]{
    color:#111827 !important;
}

.service-detail-v2-text div[style*="background"] h1,
.service-detail-v2-text div[style*="background"] h2,
.service-detail-v2-text div[style*="background"] h3,
.service-detail-v2-text div[style*="background"] h4,
.service-detail-v2-text div[style*="background"] h5,
.service-detail-v2-text div[style*="background"] h6{
    color:#111827 !important;
}

.service-detail-v2-text div[style*="background"] p,
.service-detail-v2-text div[style*="background"] span,
.service-detail-v2-text div[style*="background"] li{
    color:#374151 !important;
}

/* FAQ */
.faq-v2-box{
    padding:34px;
}

.faq-v2-head{
    margin-bottom:26px;
}

.faq-v2-head span{
    display:inline-flex;
    padding:8px 15px;
    border-radius:999px;
    background:rgba(193,18,31,.18);
    color:#fff;
    font-weight:900;
    margin-bottom:15px;
}

.faq-v2-head h3{
    color:#fff;
    font-size:32px;
    margin:0;
}

.faq-v2-item{
    border-radius:22px;
    overflow:hidden;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:12px;
}

.faq-v2-accordion .accordion-button{
    background:transparent;
    color:#fff;
    font-weight:900;
    padding:18px 20px;
    box-shadow:none;
}

.faq-v2-accordion .accordion-button:not(.collapsed){
    background:linear-gradient(135deg, rgba(193,18,31,.22), rgba(255,255,255,.035));
    color:#fff;
}

.faq-v2-accordion .accordion-button::after{
    filter:invert(1);
}

.faq-v2-accordion .accordion-body{
    color:#d1d5db;
    padding:20px;
    line-height:1.75;
    border-top:1px solid rgba(255,255,255,.07);
}

/* SIDEBAR */
.service-detail-v2-sidebar{
    position:sticky;
    top:110px;
    height:max-content;
}

.service-detail-v2-widget{
    margin-bottom:24px;
}

.service-detail-v2-widget-head{
    padding:22px 24px;
    background:
        linear-gradient(135deg, rgba(193,18,31,.18), rgba(255,255,255,.035));
    border-bottom:1px solid rgba(255,255,255,.08);
}

.service-detail-v2-widget-head h3{
    color:#fff;
    font-size:21px;
    margin:0;
}

.service-detail-v2-menu{
    padding:14px;
}

.service-detail-v2-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 16px;
    border-radius:18px;
    color:#d1d5db;
    background:rgba(255,255,255,.035);
    border:1px solid transparent;
    margin-bottom:10px;
    font-weight:800;
    transition:.25s;
}

.service-detail-v2-menu a:hover,
.service-detail-v2-menu a.active{
    color:#fff;
    border-color:rgba(193,18,31,.35);
    background:
        linear-gradient(135deg,
        rgba(193,18,31,.18),
        rgba(255,255,255,.03));
}

.service-detail-v2-cta{
    padding:30px;
    background:
        radial-gradient(circle at right top, rgba(193,18,31,.28), transparent 35%),
        linear-gradient(135deg, #111418, #2b2f34);
}

.service-detail-v2-cta span{
    display:inline-flex;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(0,0,0,.25);
    color:#fff;
    font-weight:900;
    margin-bottom:16px;
}

.service-detail-v2-cta h3{
    color:#fff;
    font-size:27px;
    line-height:1.25;
    margin-bottom:14px;
}

.service-detail-v2-cta p{
    color:#a7adb7;
    line-height:1.65;
    margin-bottom:24px;
}

.service-detail-v2-cta a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 20px;
    border-radius:18px;
    background:linear-gradient(135deg,#8b111b,#c1121f);
    color:#fff;
    font-weight:900;
}

.service-detail-v2-cta a:hover{
    color:#fff;
    background:linear-gradient(135deg,#c1121f,#ef233c);
}

@media(max-width:992px){
    .service-detail-v2-layout{
        grid-template-columns:1fr;
    }

    .service-detail-v2-sidebar{
        position:relative;
        top:auto;
    }

    .service-detail-v2-content{
        margin-top:-55px;
    }
}

@media(max-width:768px){
    .service-detail-v2-image{
        height:280px;
    }

    .service-detail-v2-body,
    .faq-v2-box{
        padding:26px;
    }

    .service-detail-v2-body h2{
        font-size:28px;
    }
}

/* Sadece bu bölüme özel iyileştirme */
.bg-light.border.p-4 {
    background-color: #ffffff !important; /* Saf beyaz yaparak kontrastı artırır */
    border-color: #dee2e6 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Beyaz zeminde kutuyu belli eder */
}

/* Başlık: Net ve Koyu Siyah */
.bg-light.border.p-4 h2 {
    color: #121212 !important;
    font-weight: 800 !important;
    margin-bottom: 15px;
}

/* Açıklama Metni: Okunabilir Antrasit */
.bg-light.border.p-4 p {
    color: #333333 !important;
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 800px; /* Okuma kolaylığı için satır genişliğini sınırlar */
}

/* Buton Metinleri: Daha Belirgin */
.bg-light.border.p-4 .btn {
    font-weight: 600;
    letter-spacing: 0.3px;
}