/*
|--------------------------------------------------------------------------
| BR TECH - Privacy / KVKK
|--------------------------------------------------------------------------
*/

.privacy-page {
    background: #f5f7f9;
}


/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.privacy-hero {
    padding:
        48px
        0
        92px;

    background: #071b2e;

    color: #fff;
}


.privacy-breadcrumb {
    display: flex;

    gap: 9px;

    margin-bottom: 66px;

    color:
        rgba(
            255,
            255,
            255,
            .48
        );

    font-size: 11px;
}


.privacy-breadcrumb a {
    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    text-decoration: none;
}


.privacy-breadcrumb a:hover {
    color: #fff;
}


.privacy-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.25fr
        )
        minmax(
            260px,
            .75fr
        );

    gap: 80px;

    align-items: end;
}


.privacy-hero .eyebrow {
    margin:
        0
        0
        18px;

    color:
        rgba(
            255,
            255,
            255,
            .46
        );

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .16em;
}


.privacy-hero h1 {
    max-width: 700px;

    margin: 0;

    color: #fff;

    font-size:
        clamp(
            46px,
            6vw,
            78px
        );

    font-weight: 600;

    line-height: .98;

    letter-spacing: -.05em;
}


.privacy-hero__lead {
    max-width: 720px;

    margin:
        27px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            .64
        );

    font-size: 14px;

    line-height: 1.8;
}


.privacy-hero__meta {
    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            .14
        );
}


.privacy-hero__meta > div {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    padding:
        16px
        0;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .10
        );
}


.privacy-hero__meta span {
    color:
        rgba(
            255,
            255,
            255,
            .42
        );

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: .08em;
}


.privacy-hero__meta strong {
    color:
        rgba(
            255,
            255,
            255,
            .86
        );

    font-size: 11px;

    font-weight: 600;

    text-align: right;
}


/*
|--------------------------------------------------------------------------
| Main Layout
|--------------------------------------------------------------------------
*/

.privacy-content {
    padding:
        90px
        0
        110px;
}


.privacy-content__layout {
    display: grid;

    grid-template-columns:
        minmax(
            210px,
            .55fr
        )
        minmax(
            0,
            1.45fr
        );

    gap: 90px;

    align-items: start;
}


/*
|--------------------------------------------------------------------------
| Aside
|--------------------------------------------------------------------------
*/

.privacy-content__aside {
    position: sticky;

    top: 120px;

    padding:
        25px
        0
        0;

    border-top:
        1px solid
        #9eabb4;
}


.privacy-content__aside > span {
    display: block;

    color: #8997a1;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;
}


.privacy-content__aside strong {
    display: block;

    margin-top: 11px;

    color: #18364f;

    font-size: 17px;
}


.privacy-content__aside p {
    max-width: 270px;

    margin:
        13px
        0
        0;

    color: #7c8b96;

    font-size: 10px;

    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Sections
|--------------------------------------------------------------------------
*/

.privacy-content__main {
    max-width: 820px;
}


.privacy-section {
    padding:
        0
        0
        48px;

    margin-bottom: 48px;

    border-bottom:
        1px solid
        #dfe5e9;
}


.privacy-section header {
    display: grid;

    grid-template-columns:
        52px
        1fr;

    gap: 16px;

    align-items: baseline;

    margin-bottom: 25px;
}


.privacy-section header > span {
    color: #9aa6ae;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .08em;
}


.privacy-section h2 {
    margin: 0;

    color: #12344e;

    font-size:
        clamp(
            22px,
            3vw,
            31px
        );

    font-weight: 600;

    line-height: 1.18;

    letter-spacing: -.025em;
}


.privacy-section__body {
    padding-left: 68px;
}


.privacy-section__body p {
    margin:
        0
        0
        16px;

    color: #617687;

    font-size: 13px;

    line-height: 1.85;
}


.privacy-section__body p:last-child {
    margin-bottom: 0;
}


.privacy-section__body ul {
    display: grid;

    gap: 10px;

    margin:
        24px
        0
        0;

    padding: 0;

    list-style: none;
}


.privacy-section__body li {
    position: relative;

    padding-left: 20px;

    color: #526b7d;

    font-size: 12px;

    line-height: 1.65;
}


.privacy-section__body li::before {
    content: "";

    position: absolute;

    top: .7em;
    left: 0;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #183b58;
}


/*
|--------------------------------------------------------------------------
| Contact
|--------------------------------------------------------------------------
*/

.privacy-contact {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            220px,
            .7fr
        );

    gap: 50px;

    margin-top: 70px;

    padding:
        38px;

    background: #0a2945;

    color: #fff;
}


.privacy-contact .eyebrow {
    margin:
        0
        0
        12px;

    color:
        rgba(
            255,
            255,
            255,
            .42
        );

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .12em;
}


.privacy-contact h2 {
    max-width: 460px;

    margin: 0;

    color: #fff;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    font-weight: 600;

    line-height: 1.1;

    letter-spacing: -.03em;
}


.privacy-contact p {
    max-width: 480px;

    margin:
        15px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            .60
        );

    font-size: 11px;

    line-height: 1.7;
}


.privacy-contact__actions {
    display: flex;

    flex-direction: column;

    gap: 14px;

    justify-content: center;
}


.privacy-contact__actions > a:first-child {
    display: flex;

    flex-direction: column;

    gap: 5px;

    padding:
        14px
        0;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .14
        );

    text-decoration: none;
}


.privacy-contact__actions > a:first-child span {
    color:
        rgba(
            255,
            255,
            255,
            .42
        );

    font-size: 8px;

    text-transform: uppercase;

    letter-spacing: .08em;
}


.privacy-contact__actions > a:first-child strong {
    color: #fff;

    font-size: 11px;

    font-weight: 600;
}


.privacy-contact__quote {
    display: flex;

    min-height: 49px;

    padding:
        0
        16px;

    align-items: center;

    justify-content: space-between;

    background: #fff;

    color: #0a2945;

    font-size: 10px;

    font-weight: 700;

    text-decoration: none;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (
    max-width: 900px
) {

    .privacy-hero__grid,
    .privacy-content__layout {
        grid-template-columns: 1fr;
    }


    .privacy-hero__grid {
        gap: 45px;
    }


    .privacy-hero__meta {
        max-width: 500px;
    }


    .privacy-content__layout {
        gap: 48px;
    }


    .privacy-content__aside {
        position: static;

        max-width: 520px;
    }

}


@media (
    max-width: 640px
) {

    .privacy-hero {
        padding:
            30px
            0
            62px;
    }


    .privacy-breadcrumb {
        margin-bottom: 42px;
    }


    .privacy-content {
        padding:
            65px
            0
            75px;
    }


    .privacy-section {
        padding-bottom: 36px;

        margin-bottom: 36px;
    }


    .privacy-section header {
        grid-template-columns:
            34px
            1fr;

        gap: 9px;
    }


    .privacy-section__body {
        padding-left: 43px;
    }


    .privacy-contact {
        grid-template-columns: 1fr;

        gap: 30px;

        padding:
            28px
            22px;
    }

}