/* =========================================================
   EVZ MERMER — PREMIUM NERO MARQUINA PRELOADER
   ========================================================= */

html.evz-preloader-active,
html.evz-preloader-active body{
    overflow:hidden;
}


/* Ana yükleme ekranı */

.evz-preloader{
    position:fixed;
    inset:0;
    z-index:999999;

    display:none;
    place-items:center;

    overflow:hidden;

    opacity:1;
    visibility:visible;

    background:
        radial-gradient(
            ellipse at 18% 12%,
            rgba(201,151,56,.12) 0%,
            transparent 32%
        ),
        radial-gradient(
            ellipse at 84% 88%,
            rgba(255,255,255,.045) 0%,
            transparent 30%
        ),
        radial-gradient(
            ellipse at center,
            rgba(30,34,38,.72) 0%,
            rgba(12,15,18,.94) 52%,
            #050709 100%
        );

    transition:
        opacity .28s ease,
        visibility .28s ease;
}


html.evz-preloader-active .evz-preloader{
    display:grid;
}


.evz-preloader.is-hiding{
    opacity:0;
    visibility:hidden;
}


/* =========================================================
   MERMER DAMAR KATMANI
   ========================================================= */

.evz-preloader::before{
    content:"";

    position:absolute;
    inset:-18%;

    z-index:0;
    pointer-events:none;

    opacity:.85;

    background:

        /* İnce altın damar */
        linear-gradient(
            122deg,
            transparent 0 17%,
            rgba(197,146,47,.02) 17.1%,
            rgba(220,175,85,.18) 17.24%,
            rgba(197,146,47,.05) 17.38%,
            transparent 17.58% 100%
        ),

        /* Ana beyaz mermer damarı */
        linear-gradient(
            136deg,
            transparent 0 31%,
            rgba(255,255,255,.018) 31.1%,
            rgba(255,255,255,.11) 31.22%,
            rgba(255,255,255,.028) 31.38%,
            transparent 31.65% 100%
        ),

        /* Sağ altın damar */
        linear-gradient(
            62deg,
            transparent 0 64%,
            rgba(198,147,49,.025) 64.1%,
            rgba(218,169,72,.13) 64.24%,
            transparent 64.52% 100%
        ),

        /* Alt beyaz damar */
        linear-gradient(
            154deg,
            transparent 0 73%,
            rgba(255,255,255,.025) 73.1%,
            rgba(255,255,255,.075) 73.26%,
            transparent 73.52% 100%
        ),

        /* Mermer gövdesi */
        linear-gradient(
            145deg,
            rgba(41,45,49,.78) 0%,
            rgba(17,20,24,.88) 39%,
            rgba(7,9,12,.96) 72%,
            rgba(25,28,32,.82) 100%
        );

    transform:scale(1.08);
    animation:evzMarbleDrift 8s ease-in-out infinite alternate;
}


/* Çok hafif taş dokusu */

.evz-preloader__texture{
    position:absolute;
    inset:0;

    z-index:1;
    pointer-events:none;

    opacity:.22;

    background-image:
        repeating-linear-gradient(
            25deg,
            transparent 0,
            transparent 3px,
            rgba(255,255,255,.012) 4px,
            transparent 5px
        );

    mix-blend-mode:soft-light;
}


/* Altın ışık geçişi */

.evz-preloader::after{
    content:"";

    position:absolute;
    top:-30%;
    bottom:-30%;
    left:-48%;

    z-index:1;

    width:35%;

    pointer-events:none;

    opacity:0;

    background:
        linear-gradient(
            112deg,
            transparent 0%,
            rgba(200,149,50,.018) 28%,
            rgba(200,149,50,.12) 46%,
            rgba(255,235,190,.075) 51%,
            rgba(200,149,50,.085) 57%,
            transparent 78%
        );

    filter:blur(20px);
    transform:skewX(-15deg);

    animation:evzGoldSweep 1.25s ease-out .05s both;
}


/* =========================================================
   ORTA MERMER LEVHA
   ========================================================= */

.evz-preloader__content{
    position:relative;
    z-index:3;

    width:min(84vw, 360px);
    min-height:230px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:38px 32px 31px;

    overflow:hidden;

    border:1px solid rgba(202,151,52,.3);
    border-radius:7px;

    background:
        radial-gradient(
            circle at 18% 13%,
            rgba(205,155,60,.12),
            transparent 29%
        ),
        radial-gradient(
            circle at 82% 86%,
            rgba(255,255,255,.035),
            transparent 28%
        ),
        linear-gradient(
            128deg,
            transparent 0 20%,
            rgba(218,171,78,.12) 20.15%,
            rgba(218,171,78,.025) 20.38%,
            transparent 20.68% 47%,
            rgba(255,255,255,.06) 47.12%,
            transparent 47.42% 72%,
            rgba(204,151,54,.09) 72.15%,
            transparent 72.48%
        ),
        linear-gradient(
            145deg,
            rgba(48,52,56,.92) 0%,
            rgba(23,26,30,.96) 48%,
            rgba(8,10,13,.98) 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.72),
        inset 0 0 52px rgba(0,0,0,.25),
        0 30px 90px rgba(0,0,0,.46),
        0 0 42px rgba(200,149,50,.035);

    transform:translateY(5px) scale(.985);
    opacity:0;

    animation:evzStoneReveal .42s cubic-bezier(.2,.75,.28,1) forwards;
}


/* Levhanın kenar kararması */

.evz-preloader__content::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;
    pointer-events:none;

    border-radius:inherit;

    background:
        radial-gradient(
            ellipse at center,
            transparent 48%,
            rgba(2,3,5,.18) 76%,
            rgba(2,3,5,.48) 100%
        );
}


/* Levha üzerinde hareket eden ince yansıma */

.evz-preloader__content::after{
    content:"";

    position:absolute;
    top:-30%;
    bottom:-30%;
    left:-55%;

    width:32%;

    pointer-events:none;

    opacity:0;

    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.015),
            rgba(220,173,79,.075),
            rgba(255,255,255,.025),
            transparent
        );

    filter:blur(12px);
    transform:skewX(-14deg);

    animation:evzStoneShine 1.15s ease-out .12s both;
}


/* =========================================================
   LOGO
   ========================================================= */

.evz-preloader__logo{
    display:block;

    width:min(205px, 59vw);
    height:auto;
    max-height:112px;

    object-fit:contain;

    position:relative;
    z-index:2;

    opacity:0;
    transform:translateY(7px) scale(.965);

    filter:
        drop-shadow(0 10px 20px rgba(0,0,0,.36))
        drop-shadow(0 0 14px rgba(202,151,52,.12));

    animation:
        evzLogoReveal .46s cubic-bezier(.2,.75,.28,1) .08s forwards;
}


/* =========================================================
   ALTIN ÇİZGİ
   ========================================================= */

.evz-preloader__line{
    position:relative;
    z-index:2;

    display:block;

    width:162px;
    height:1px;

    margin-top:24px;

    overflow:visible;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201,151,55,.2) 18%,
            rgba(201,151,55,.42) 50%,
            rgba(201,151,55,.2) 82%,
            transparent
        );

    opacity:0;

    animation:evzLineBase .25s ease .17s forwards;
}


.evz-preloader__line::before{
    content:"";

    position:absolute;
    top:-2px;
    left:50%;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#d2a548;

    box-shadow:
        0 0 8px rgba(211,165,72,.65),
        0 0 18px rgba(211,165,72,.22);

    transform:translateX(-50%) scale(0);
    opacity:0;

    animation:evzLinePoint .28s ease-out .21s forwards;
}


.evz-preloader__line::after{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    width:0;
    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(205,155,60,.28),
            #dfb45d 50%,
            rgba(205,155,60,.28)
        );

    box-shadow:0 0 10px rgba(207,158,63,.25);

    transform:translateX(-50%);

    animation:evzLineExpand .42s ease-out .2s forwards;
}


/* =========================================================
   ALT METİN
   ========================================================= */

.evz-preloader__text{
    position:relative;
    z-index:2;

    margin-top:16px;

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

    font-size:.62rem;
    font-weight:500;
    line-height:1.4;

    letter-spacing:.26em;
    text-align:center;
    text-transform:uppercase;

    opacity:0;
    transform:translateY(4px);

    animation:evzTextReveal .34s ease-out .31s forwards;
}


/* =========================================================
   ANİMASYONLAR
   ========================================================= */

@keyframes evzStoneReveal{
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}


@keyframes evzLogoReveal{
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}


@keyframes evzLineBase{
    to{
        opacity:1;
    }
}


@keyframes evzLinePoint{
    to{
        opacity:1;
        transform:translateX(-50%) scale(1);
    }
}


@keyframes evzLineExpand{
    to{
        left:0;
        width:100%;
        transform:none;
    }
}


@keyframes evzTextReveal{
    to{
        opacity:1;
        transform:translateY(0);
    }
}


@keyframes evzStoneShine{
    0%{
        left:-55%;
        opacity:0;
    }

    28%{
        opacity:.55;
    }

    100%{
        left:125%;
        opacity:0;
    }
}


@keyframes evzGoldSweep{
    0%{
        left:-48%;
        opacity:0;
    }

    25%{
        opacity:.38;
    }

    100%{
        left:118%;
        opacity:0;
    }
}


@keyframes evzMarbleDrift{
    from{
        transform:
            scale(1.08)
            translate3d(-.5%, -.4%, 0);
    }

    to{
        transform:
            scale(1.11)
            translate3d(.7%, .6%, 0);
    }
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width:640px){

    .evz-preloader__content{
        width:min(86vw, 340px);
        min-height:218px;

        padding:34px 25px 28px;

        border-radius:6px;
    }

    .evz-preloader__logo{
        width:min(196px, 60vw);
        max-height:105px;
    }

    .evz-preloader__line{
        width:148px;
        margin-top:22px;
    }

    .evz-preloader__text{
        margin-top:15px;

        font-size:.58rem;
        letter-spacing:.22em;
    }

}


/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .evz-preloader::before,
    .evz-preloader::after,
    .evz-preloader__content,
    .evz-preloader__content::after,
    .evz-preloader__logo,
    .evz-preloader__line,
    .evz-preloader__line::before,
    .evz-preloader__line::after,
    .evz-preloader__text{
        animation:none;
    }

    .evz-preloader__content,
    .evz-preloader__logo,
    .evz-preloader__line,
    .evz-preloader__line::before,
    .evz-preloader__text{
        opacity:1;
        transform:none;
    }

    .evz-preloader__line::after{
        left:0;
        width:100%;
        transform:none;
    }

}