/* =========================================================
   DURU FOOTER V3
   ROMANTIC LUXURY / SEAMLESS DARK ENDING
========================================================= */


/* =========================================================
   FOOTER CANVAS
========================================================= */

.duru-v2-footer {
    position: relative;

    padding:
        125px
        5vw
        28px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,

            #fffaf7 0px,

            #f8eeea 32px,

            #6f4551 92px,

            #342127 125px,

            #28191f 190px,

            #211419 100%
        );

    color:
        #fffaf7;
}


/* ÜSTTEN GELEN YUMUŞAK IŞIK */

.duru-v2-footer::before {
    content: "";

    position: absolute;

    top: 70px;
    left: 50%;

    width:
        min(1100px, 90vw);

    height:
        460px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(201,104,125,.16) 0%,
            rgba(201,104,125,.06) 38%,
            transparent 72%
        );

    pointer-events:
        none;
}


/* ALT CHAMPAGNE IŞIK */

.duru-v2-footer::after {
    content: "";

    position: absolute;

    right: -180px;
    bottom: 180px;

    width:
        520px;

    height:
        520px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(215,178,119,.08),
            transparent 68%
        );

    pointer-events:
        none;
}


/* =========================================================
   CONTACT CARDS
========================================================= */

.duru-v2-footer__cards {
    position: relative;

    z-index: 3;

    max-width:
        1500px;

    margin:
        0
        auto
        105px;

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap:
        14px;
}


.duru-v2-footer-card {
    position: relative;

    min-height:
        215px;

    padding:
        24px
        26px;

    overflow: hidden;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius:
        22px;

    color:
        #ffffff;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.08);

    transition:
        transform .45s cubic-bezier(.2,.75,.3,1),
        box-shadow .45s ease,
        border-color .45s ease;
}


.duru-v2-footer-card:hover {
    transform:
        translateY(-7px);

    border-color:
        rgba(255,255,255,.30);

    box-shadow:
        0 28px 70px
        rgba(0,0,0,.24);
}


/* INSTAGRAM */

.duru-v2-footer-card--instagram {
    background:
        linear-gradient(
            135deg,
            #713047 0%,
            #ad526a 48%,
            #df8899 100%
        );
}


/* WHATSAPP */

.duru-v2-footer-card--whatsapp {
    background:
        linear-gradient(
            135deg,
            #7d584c 0%,
            #b47c67 48%,
            #d8ad84 100%
        );
}


/* SHOWROOM */

.duru-v2-footer-card--showroom {
    background:
        linear-gradient(
            135deg,
            #604e54 0%,
            #8f7478 50%,
            #c7aaa0 100%
        );
}


/* =========================================================
   CARD GLOW
========================================================= */

.duru-v2-footer-card__glow {
    width:
        340px;

    height:
        340px;

    right:
        -125px;

    top:
        -165px;

    opacity:
        .7;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.42),
            transparent 66%
        );

    transition:
        transform .8s ease,
        opacity .8s ease;
}


.duru-v2-footer-card:hover
.duru-v2-footer-card__glow {
    transform:
        scale(1.25);

    opacity:
        1;
}


/* =========================================================
   CARD TOP
========================================================= */

.duru-v2-footer-card__top {
    font-size:
        7px;

    letter-spacing:
        .30em;

    opacity:
        .62;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.duru-v2-footer-card__content {
    left:
        26px;

    right:
        75px;

    bottom:
        25px;
}


.duru-v2-footer-card__content small {
    margin-bottom:
        10px;

    font-size:
        7px;

    letter-spacing:
        .25em;

    opacity:
        .62;
}


.duru-v2-footer-card__content strong {
    margin-bottom:
        8px;

    font-size:
        clamp(
            30px,
            2.7vw,
            43px
        );

    line-height:
        .95;
}


.duru-v2-footer-card__content > span {
    font-size:
        9px;

    letter-spacing:
        .07em;

    opacity:
        .68;
}


/* =========================================================
   CARD ARROW
   PHP DEĞİŞTİRMEDEN OTOMATİK
========================================================= */

a.duru-v2-footer-card::after {
    content:
        "↗";

    position:
        absolute;

    z-index:
        4;

    right:
        24px;

    bottom:
        24px;

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(255,255,255,.28);

    border-radius:
        50%;

    background:
        rgba(255,255,255,.08);

    color:
        #ffffff;

    font-size:
        12px;

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    transition:
        transform .35s ease,
        background .35s ease;
}


a.duru-v2-footer-card:hover::after {
    transform:
        rotate(45deg);

    background:
        rgba(255,255,255,.18);
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.duru-v2-footer__main {
    position:
        relative;

    z-index:
        3;

    max-width:
        1500px;

    margin:
        0
        auto;

    padding-bottom:
        88px;

    display:
        grid;

    grid-template-columns:
        minmax(280px,.8fr)
        minmax(500px,1.2fr);

    gap:
        clamp(
            80px,
            10vw,
            170px
        );

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


/* =========================================================
   BRAND
========================================================= */

.duru-v2-footer__brand {
    min-height:
        260px;

    justify-content:
        space-between;
}


.duru-v2-footer__logo {
    position:
        relative;

    padding-bottom:
        20px;
}


.duru-v2-footer__logo::after {
    content: "";

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    width:
        36px;

    height:
        1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #d7b277,
            transparent
        );
}


.duru-v2-footer__logo strong {
    font-size:
        46px;

    letter-spacing:
        .18em;
}


.duru-v2-footer__logo span {
    margin-top:
        10px;

    font-size:
        7px;

    letter-spacing:
        .66em;
}


.duru-v2-footer__brand p {
    max-width:
        390px;

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

    line-height:
        1.22;

    color:
        rgba(255,250,247,.67);
}


/* =========================================================
   NAVIGATION
========================================================= */

.duru-v2-footer__navigation {
    display:
        grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        clamp(
            35px,
            5vw,
            70px
        );
}


.duru-v2-footer__column {
    position:
        relative;

    padding-top:
        3px;
}


.duru-v2-footer__label {
    margin-bottom:
        32px;

    font-size:
        7px;

    letter-spacing:
        .38em;

    color:
        rgba(255,255,255,.34);
}


.duru-v2-footer__column a {
    width:
        max-content;

    max-width:
        100%;

    margin-bottom:
        16px;

    padding-bottom:
        3px;

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

    font-size:
        17px;

    line-height:
        1.18;

    transition:
        color .3s ease,
        transform .3s ease;
}


.duru-v2-footer__column a::after {
    content: "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        0;

    height:
        1px;

    background:
        #d7b277;

    transition:
        width .35s ease;
}


.duru-v2-footer__column a:hover {
    color:
        #ffffff;

    transform:
        translateX(4px);
}


.duru-v2-footer__column a:hover::after {
    width:
        100%;
}


/* =========================================================
   WORDMARK
========================================================= */

.duru-v2-footer__watermark {
    position:
        relative;

    z-index:
        2;

    max-width:
        1500px;

    height:
        clamp(
            240px,
            27vw,
            405px
        );

    margin:
        12px
        auto
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-start;

    overflow:
        hidden;
}


.duru-v2-footer__watermark > span:first-child {
    position:
        relative;

    z-index:
        1;

    transform:
        translateX(-.035em);

    font-size:
        clamp(
            170px,
            25vw,
            390px
        );

    line-height:
        .76;

    letter-spacing:
        -.06em;

    color:
        rgba(255,250,247,.94);

    text-shadow:
        0 20px 70px
        rgba(0,0,0,.16);
}


/* =========================================================
   STARS
========================================================= */

.duru-v2-footer__star {
    z-index:
        2;

    color:
        #efbdc6;

    text-shadow:
        0 0 35px
        rgba(239,189,198,.22);
}


.duru-v2-footer__star--one {
    top:
        19%;

    left:
        auto;

    right:
        23%;

    font-size:
        clamp(
            20px,
            3vw,
            45px
        );
}


.duru-v2-footer__star--two {
    right:
        10%;

    bottom:
        20%;

    font-size:
        clamp(
            13px,
            2vw,
            27px
        );
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.duru-v2-footer__bottom {
    position:
        relative;

    z-index:
        3;

    max-width:
        1500px;

    min-height:
        68px;

    margin:
        0
        auto;

    padding-top:
        24px;

    border-top:
        1px solid
        rgba(255,255,255,.09);

    display:
        grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items:
        center;

    gap:
        30px;

    font-size:
        7px;

    letter-spacing:
        .20em;

    color:
        rgba(255,255,255,.40);
}


.duru-v2-footer__bottom > div {
    gap:
        30px;
}


.duru-v2-footer__bottom a:hover {
    color:
        #d7b277;
}


.duru-v2-footer__top-link {
    position:
        relative;

    justify-self:
        end;

    padding:
        10px
        14px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:
        30px;

    transition:
        color .3s ease,
        border-color .3s ease,
        background .3s ease;
}


.duru-v2-footer__top-link:hover {
    border-color:
        rgba(215,178,119,.45);

    background:
        rgba(215,178,119,.07);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .duru-v2-footer__main {
        grid-template-columns:
            1fr;

        gap:
            70px;
    }


    .duru-v2-footer__brand {
        min-height:
            0;
    }


    .duru-v2-footer__brand p {
        margin-top:
            55px;
    }


    .duru-v2-footer__watermark {
        height:
            300px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 800px) {

    .duru-v2-footer {
        padding:
            95px
            20px
            24px;

        background:
            linear-gradient(
                180deg,

                #fffaf7 0,

                #f5e8e4 22px,

                #5a3541 68px,

                #2a1a20 105px,

                #211419 100%
            );
    }


    /* CARDS */

    .duru-v2-footer__cards {
        margin-bottom:
            75px;

        grid-template-columns:
            1fr;

        gap:
            10px;
    }


    .duru-v2-footer-card {
        min-height:
            170px;

        padding:
            20px;
    }


    .duru-v2-footer-card__content {
        left:
            20px;

        right:
            70px;

        bottom:
            20px;
    }


    .duru-v2-footer-card__content strong {
        font-size:
            31px;
    }


    a.duru-v2-footer-card::after {
        right:
            18px;

        bottom:
            18px;
    }


    /* MAIN */

    .duru-v2-footer__main {
        padding-bottom:
            58px;

        display:
            block;
    }


    .duru-v2-footer__brand {
        min-height:
            0;
    }


    .duru-v2-footer__logo strong {
        font-size:
            39px;
    }


    .duru-v2-footer__brand p {
        margin-top:
            48px;

        font-size:
            24px;
    }


    /* NAV */

    .duru-v2-footer__navigation {
        margin-top:
            65px;

        grid-template-columns:
            1fr
            1fr;

        gap:
            48px
            24px;
    }


    .duru-v2-footer__column:last-child {
        grid-column:
            1 / -1;
    }


    .duru-v2-footer__label {
        margin-bottom:
            23px;
    }


    .duru-v2-footer__column a {
        font-size:
            16px;
    }


    /* WORDMARK */

    .duru-v2-footer__watermark {
        height:
            205px;

        margin-top:
            7px;
    }


    .duru-v2-footer__watermark > span:first-child {
        font-size:
            31vw;
    }


    .duru-v2-footer__star--one {
        right:
            15%;

        top:
            22%;
    }


    .duru-v2-footer__star--two {
        right:
            5%;
    }


    /* BOTTOM */

    .duru-v2-footer__bottom {
        min-height:
            0;

        padding-top:
            22px;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            14px;
    }


    .duru-v2-footer__top-link {
        order:
            2;

        align-self:
            flex-start;
    }


    .duru-v2-footer__bottom > div {
        order:
            3;

        flex-wrap:
            wrap;

        gap:
            15px
            22px;
    }

}