.df-legal{
    margin-bottom:clamp(60px,9vw,120px);
}

.df-legal__inner {
    margin-inline: auto;
    padding-inline: var(--space-4);
}

.df-legal__title {
    font-size: var(--df-text-fs-44);
    font-weight: var(--fw-regular);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    color: var(--neutral-1A1818);
    margin-bottom: var(--space-8);
}

.df-legal__content {
    font-size: var(--df-text-fs-18);
    line-height: var(--lh-relaxed);
}

@counter-style turkish-alpha {
    system: fixed;
    symbols: a b c ç d e f g ğ h ı i j k l m n o ö p r s ş t u ü v y z;
}

.df-legal__content ol[type="a"] {
    list-style: none;
    counter-reset: legal-counter;
    padding-left: 32px;
    margin-left: 0;
}

    .df-legal__content ol[type="a"] li {
        counter-increment: legal-counter;
        position: relative;
    }

        .df-legal__content ol[type="a"] li::marker {
            content: none;
        }

        .df-legal__content ol[type="a"] li::before {
            content: counter(legal-counter, turkish-alpha) ")";
            position: absolute;
            left: -22px;
            width: 24px;
            text-align: left;
        }

    .df-legal__content ul:not(.none-list),
    .df-legal__content ol:not(.none-list) {
        list-style: initial;
        padding-left: 2rem;
    }

    .df-legal__content p {
        margin-bottom: var(--space-5);
    }

        .df-legal__content p:last-child {
            margin-bottom: 0;
        }

    .df-legal__content h2 {
        font-size: var(--df-text-fs-28);
        font-weight: var(--fw-bold);
        line-height: var(--lh-snug);
        margin-top: var(--space-8);
        margin-bottom: var(--space-4);
    }
    .df-legal__content h3 {
        font-size: var(--df-text-fs-22);
        font-weight: var(--fw-bold);
        line-height: var(--lh-snug);
        margin-top: var(--space-8);
        margin-bottom: var(--space-2);
    }

    .df-legal__content a {
        text-decoration: underline;
        text-underline-offset: 2px;
        font-weight:var(--fw-bold);
        word-break: break-word;
        transition: color var(--transition-fast);
    }

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


.df-legal__defs {
    margin-block: var(--space-6);
    display: grid;
    gap: 30px;
}

.df-legal__def {
    display: grid;
    grid-template-columns: 300px 1fr;
    column-gap: var(--space-5);
    align-items: start;
}

    .df-legal__def dt {
        display: flex;
        justify-content: space-between;
        gap: var(--space-2);
        font-weight: var(--fw-bold);
        color: var(--neutral-1A1818);
    }

        .df-legal__def dt::after {
            content: ":";
            color: var(--neutral-A3A3A3);
        }

    .df-legal__def dd {
        margin: 0;
    }

.write-line {
    width: 100%;
    height: 24px;
    border-bottom: 1px solid var(--neutral-1A1818);
}

@media (max-width: 575.98px) {
    .df-legal__def {
        grid-template-columns: 1fr;
        row-gap: var(--space-1);
    }

        .df-legal__def dt {
            justify-content: flex-start;
        }
}

.df-legal__table-wrap {
    margin-block: var(--space-6);
    overflow-x: auto;
}

.df-legal__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--df-text-fs-16);
    line-height: var(--lh-normal);
}

.df-legal__table--cookies {
    min-width: 640px;
}

    .df-legal__table th,
    .df-legal__table td {
        padding: 12px 14px;
        text-align: left;
        vertical-align: top;
        border: 1px solid var(--neutral-E0E0E0);
    }

    .df-legal__table thead th {
        background: var(--neutral-F5F5F5);
        color: var(--neutral-1A1818);
        font-weight: var(--fw-bold);
        white-space: nowrap;
    }

    .df-legal__table td:first-child {
        font-weight: var(--fw-semibold);
        color: var(--neutral-1A1818);
        white-space: nowrap;
    }

    .df-legal__table--cookies td:nth-child(2) {
        font-weight: var(--fw-semibold);
        color: var(--neutral-1A1818);
        white-space: nowrap;
    }

.df-legal__table-note {
    margin-top: var(--space-2);
    font-size: var(--df-text-fs-14);
    color: var(--neutral-858585);
}