html.vegaturk-preloader-lock,
body.vegaturk-preloader-lock { overflow: hidden !important; }

.vegaturk-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    width: 100vw;
    height: 100vh;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
}

.vegaturk-preloader-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(circle at 50% 45%, rgba(247, 166, 0, .08), transparent 28%), #fff;
}

.vegaturk-preloader-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(18.5px);
}

.vegaturk-preloader-logo {
    display: block;
    width: clamp(250px, 25vw, 420px);
    height: auto;
    transform-origin: left top;
    will-change: transform, opacity;
}

.vegaturk-preloader-progress {
    position: relative;
    width: clamp(210px, 20vw, 320px);
    height: 3px;
    margin-top: 34px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(29, 29, 27, .12);
}

.vegaturk-preloader-progress-fill {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #1d1d1b 0%, #f7a600 100%);
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
}

.header-field.vegaturk-preloader-target-hidden .logo-wrapper img { opacity: 0 !important; }

@media (min-width: 1280px) and (max-width: 1800px) {
    body.vegaturk-preloader-zoom-compensate .vegaturk-preloader {
        width: 111.111vw;
        height: 111.111vh;
    }
}

@media (max-width: 767px) {
    .vegaturk-preloader-content { transform: translateY(14.5px); }
    .vegaturk-preloader-logo { width: min(68vw, 280px); }
    .vegaturk-preloader-progress { width: min(56vw, 230px); margin-top: 26px; }
}