.df-belge {
    padding-block: var(--section-md);
}

/* --- Üst sekmeler: Belgeler / Sertifikalar ----------------------------- */
.df-belge__nav {
    gap: clamp(var(--space-4),1vw,var(--space-6));
    border-bottom: 0;
    margin-bottom: var(--space-8);
}

.df-belge__nav-link {
    position: relative;
    padding: 0 0 var(--space-3);
    background: none;
    border: 0;
    font-size: var(--df-text-fs-22);
    font-weight: var(--fw-medium);
    cursor: pointer;
    transition: color var(--transition-fast);
}

    .df-belge__nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
        background: var(--red-D11019);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform var(--transition-base);
    }

    .df-belge__nav-link:hover {
        color: var(--red-D11019);
    }

    .df-belge__nav-link.active {
        color: var(--red-D11019);
    }

        .df-belge__nav-link.active::after {
            transform: scaleX(1);
        }

/* --- Sol: belge listesi ------------------------------------------------- */
.df-belge__list {
    gap: var(--space-1);
    border-bottom:1px solid var(--neutral-E0E0E0);
    border-top:1px solid var(--neutral-E0E0E0);
    padding-right:20px;
    width:100%;
}


@media (min-width:992px){
    .df-belge__list {
        max-width: 420px;
        width: 100%;
        border-bottom: 0;
        border-top: 0;
        border-right: 1px solid var(--neutral-E0E0E0);
    }
}

.df-belge__list-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-2);
    background: none;
    text-wrap:nowrap;
    border: 0;
    text-align: left;
    font-size: var(--df-text-fs-18);
    letter-spacing: -0.05em;
    color: var(--neutral-4E4E4E);
    cursor: pointer;
    transition: color var(--transition-fast);
    position:relative;
}

.df-belge__arrow {
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    flex: none;
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.df-belge__list-item:hover {
    color: var(--red-D11019);
}

.df-belge__list-item.active {
    color: var(--red-D11019);
    padding-left:50px;
}

    .df-belge__list-item.active .df-belge__arrow {
        opacity: 1;
    }


.df-legal__content {
    font-size: var(--df-text-fs-18);
    max-height: 410px;
    overflow: auto;
    padding-right: 20px;
}

.df-legal__content p,
.df-legal__content ul,
.df-legal__content ol,
.df-legal__content h2,
.df-legal__content h3{
    margin-bottom:clamp(20px,2vw,40px);
    list-style: initial;
}

.df-legal__content h3{
    font-size:var(--df-text-fs-22);
}
.df-legal__content h2{
    font-size:var(--df-text-fs-28);
}

.df-legal__content ul,
.df-legal__content ol {
    padding-left: 2rem;
}

.df-legal__content a {
    font-weight:var(--fw-semibold);
    color:var(--neutral-1A1818);
}

    .df-legal__content ol[type="a"] li::marker {
        content: counter(list-item, lower-alpha) ") ";
    }

/* --- Sertifika görseli -------------------------------------------------- */
.df-cert__pane {
    text-align: center;
}

.df-cert__img {
    max-width: 100%;
    max-height: 720px;
    border-radius: var(--radius-sm);
}

@media (max-width: 575.98px) {
    .df-cert__tab {
        flex: 1 1 40%;
    }
}