/*
|--------------------------------------------------------------------------
| Dosya Adı           : service-detail-layout-v8-81.css
| Oluşturulma Tarihi  : 27.07.2026
| Değişiklik Tarihi   : 27.07.2026 (v8.81.1)
| Yaratan             : Özgür Elibol
| Dokümanın Amacı     : Fotoğraf ve galeriyi üst bölüme taşır; kısa
|                      açıklamayı tekrar etmeden detay içeriğini tam
|                      genişlikte gösterir.
|--------------------------------------------------------------------------
*/

.detail-media-top-v8811 {
    padding-bottom: 28px;
}

.detail-media-top-v8811 .detail-side-top-v881 {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
    gap: 26px;
    align-items: start;
    width: 100%;
}

.detail-media-top-v8811 .caa-subtopic-gallery-v808 {
    min-width: 0;
}

.detail-media-top-v8811 .caa-subtopic-main-image-v808 img {
    height: clamp(420px, 52vw, 680px);
}

.detail-media-actions-v8811 {
    display: grid;
    gap: 18px;
    align-content: start;
}

.detail-media-actions-v8811 .caa-service-detail-cta-v785 {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.detail-media-actions-v8811 .caa-service-detail-cta-v785 .btn {
    width: 100%;
}

.detail-body-section-v881 {
    padding-top: 0;
}

.detail-content-wide-v881 {
    width: 100%;
    max-width: 100%;
}

.detail-content-wide-v881 .caa-subtopic-block-content-v878 {
    gap: 22px;
    font-size: 1.02rem;
    line-height: 1.74;
}

.detail-content-wide-v881 .caa-subtopic-block-content-v878 h2,
.detail-content-wide-v881 .caa-subtopic-block-content-v878 h3 {
    line-height: 1.18;
}

.detail-content-wide-v881 .caa-subtopic-block-content-v878 ul,
.detail-content-wide-v881 .caa-subtopic-block-content-v878 ol {
    padding-left: 26px;
}

.detail-content-wide-v881 .caa-subtopic-block-content-v878 .caa-article-gallery-v873,
.detail-content-wide-v881 .caa-subtopic-block-content-v878 .caa-article-image,
.detail-content-wide-v881 .caa-subtopic-block-content-v878 .caa-subtopic-video-v878 {
    width: 100%;
}

@media (max-width: 980px) {
    .detail-media-top-v8811 .detail-side-top-v881 {
        grid-template-columns: 1fr;
    }

    .detail-media-top-v8811 .caa-subtopic-main-image-v808 img {
        height: clamp(360px, 70vw, 560px);
    }

    .detail-media-actions-v8811 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .detail-media-actions-v8811 {
        grid-template-columns: 1fr;
    }

    .detail-media-top-v8811 .caa-subtopic-main-image-v808 img {
        height: 360px;
    }
}