/* =========================================
   HERO SLIDER FINAL
========================================= */

.hero-video{
    position:relative;
    width:100%;
    overflow:hidden;
    background:#efefef00;
}

/* =========================================
   SLIDER
========================================= */

.video-slides{
    position:relative;
    width:100%;
    height:705px;
    overflow:hidden;
}

/* =========================================
   SLIDE
========================================= */

.hero-slide{
    position:absolute;
    inset:0;

    opacity:0;
    visibility:hidden;

    transition:opacity .7s ease;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

/* =========================================
   GÖRSEL
========================================= */

.hero-slide img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    display:block;
}

/* =========================================
   YAZI ALANI
========================================= */

.hero-content{
    position:absolute;

    top:50%;
    left:18%;

    transform:translateY(-50%);

    z-index:5;

    display:flex;
    align-items:center;
}

/* =========================================
   MOR KART
========================================= */

.hero-text{

    width:430px;

    background:transparent ;

    border-radius:28px;

    padding:58px 42px;

    text-align:center;

    box-shadow:
    0 30px 70px rgba(0,0,0,.18);
}

/* =========================================
   ÜST YAZI
========================================= */

.hero-eyebrow{

    display:block;

    font-size:14px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#d8a4ff;

    margin-bottom:18px;
}

/* =========================================
   BAŞLIK
========================================= */

.hero-text h1{

    font-size:74px;

    line-height:.9;

    font-weight:900;

    text-transform:uppercase;

    color:#fff;

    margin-bottom:18px;
}

/* =========================================
   ALT YAZI
========================================= */

.hero-text p{

    position:relative;

    font-size:20px;

    font-weight:600;

    color:#fff;

    margin-bottom:28px;

    padding-top:18px;
}

.hero-text p::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:110px;
    height:2px;

    border-radius:30px;

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

/* =========================================
   BUTTON
========================================= */

.hero-cta{

    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:58px;

    border-radius:100px;

    background:#fff;

    color:#5b1185;

    text-decoration:none;

    font-size:15px;

    font-weight:800;

    letter-spacing:1px;

    transition:.35s ease;
}

.hero-cta:hover{

    transform:translateY(-3px);

    background:#f7f7f7;
}

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

@media(max-width:1200px){

    .hero-content{
        left:8%;
    }

    .hero-text{
        width:380px;
    }

    .hero-text h1{
        font-size:62px;
    }
}
/* =========================================
DESKTOP / MOBILE TOGGLE
========================================= */

.mobile-hero{
    display:none;
}

.desktop-hero{
    display:block;
}

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

@media(max-width:768px){

    .desktop-hero{
        display:none !important;
    }

    .mobile-hero{
        display:block;
        position:relative;
        width:100%;
        overflow:hidden;
        background:#efefef;
    }

    /* SLIDE */

    .mobile-slide{

        position:relative;

        width:100%;
        height:620px;

        overflow:hidden;

        display:none;
    }

    .mobile-slide.active{
        display:block;
    }

    /* GÖRSEL */

    .mobile-slide img{

        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;

        display:block;
    }



 
@media(max-width:768px){

    .hero-video{
        display:none !important;
    }

}
/* GOOGLE FONT */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* MOBİL BAŞLIK */

.mobile-overlay h2{

    font-family:'Anton', sans-serif;

    font-size:58px;

    line-height:.9;

    font-weight:400;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#fff;

    margin-bottom:16px;
}

/* DESKTOP İLE AYNI HİS */

.hero-text h1{

    font-family:'Anton', sans-serif;

    font-weight:400;

    letter-spacing:1px;
}
.hero-text{
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* HERO CONTENT */
.hero-content{
    position:absolute;
    top:50%;
    left:5%;
    transform:translateY(-50%);
    z-index:5;

    width:min(32vw, 520px);

    transition:.4s ease;
}

/* YAZI BLOĞU */
.hero-text{
    width:100%;

    padding:clamp(20px, 2vw, 45px);

    border-radius:clamp(20px, 2vw, 35px);

    background:transparent;
    backdrop-filter:blur(10px);

    transition:.4s ease;
}

/* EYEBROW */
.hero-eyebrow{
    display:block;

    font-size:clamp(12px, 1vw, 18px);
    letter-spacing:4px;

    margin-bottom:12px;
}

/* BAŞLIK */
.hero-text h1{
    font-size:clamp(42px, 5vw, 95px);
    line-height:.9;
    margin-bottom:12px;
}

/* ALT YAZI */
.hero-text p{
    font-size:clamp(14px, 1.2vw, 24px);
    margin-bottom:22px;
}

/* BUTON */
.hero-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:100%;
    max-width:420px;

    padding:clamp(12px, 1vw, 20px);

    border-radius:999px;

    font-size:clamp(13px, 1vw, 20px);
}

/* MOBİL */
@media(max-width:768px){

    .hero-content{
        width:min(72vw, 340px);
        left:4%;
    }

    .hero-text{
        padding:22px;
        border-radius:24px;
    }

    .hero-text h1{
        font-size:clamp(38px, 10vw, 64px);
    }

    .hero-text p{
        font-size:15px;
    }

    .hero-cta{
        padding:14px;
        font-size:14px;
    }
}
.video-slides,
.hero-slide{
    width:100%;
    height:clamp(320px, 42vw, 705px);
    overflow:hidden;
    position:relative;
}

.hero-slide img{
    width:100%;
    height:100%;

    object-fit:contain; /* cover yerine contain */

    object-position:center right;

    display:block;
}
.hero-slide{
    display:none;
    position:relative;
}

.hero-slide.active{
    display:block;
}
/* HERO CONTENT */
.hero-content{
    position:absolute;
    top:50%;
    left:5%;

    transform:translateY(-50%);

    width:clamp(240px, 32vw, 560px);

    z-index:5;

    display:flex;
    align-items:center;
}

/* YAZI BLOĞU */
.hero-text{

    width:100%;

    padding:
    clamp(20px, 3vw, 55px)
    clamp(20px, 3vw, 55px);

    border-radius:clamp(20px, 2vw, 40px);

    transition:.3s ease;
}

/* ÜST KÜÇÜK YAZI */
.hero-eyebrow{

    display:block;

    font-size:clamp(11px, 1vw, 18px);

    letter-spacing:clamp(2px, .35vw, 6px);

    margin-bottom:clamp(8px, 1vw, 18px);

    color:#d7b7ff;

    font-weight:600;
}

/* BAŞLIK */
.hero-text h1{

    font-size:clamp(42px, 6vw, 120px);

    line-height:.88;

    margin-bottom:clamp(10px, 1vw, 20px);

    color:#fff;

    font-weight:900;
}

/* ALT YAZI */
.hero-text p{

    font-size:clamp(14px, 1.2vw, 28px);

    line-height:1.3;

    margin-bottom:clamp(18px, 2vw, 35px);

    color:#fff;

    font-weight:600;
}

/* BUTON */
.hero-cta{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:
    clamp(12px, 1vw, 20px)
    clamp(25px, 2vw, 50px);

    border-radius:999px;

    font-size:clamp(13px, 1vw, 18px);

    font-weight:700;

    text-decoration:none;

    background:#fff;

    color:#5b1185;

    transition:.3s ease;
}

/* SLIDE GÖRSEL */
.hero-slide img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}
/* =========================================
   HERO CAPTION
========================================= */

.nx-hero-caption{

    position:absolute;

    top:50%;
    left:6%;

    transform:translateY(-50%);

    z-index:5;

    width:min(32vw, 520px);

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:clamp(10px,1vw,18px);
}

/* ÜST YAZI */

.nx-hero-label{

    font-size:clamp(12px,.9vw,18px);

    letter-spacing:4px;

    text-transform:uppercase;

    color:#dcb6ff;

    font-weight:600;
}

/* BAŞLIK */

.nx-hero-title{

    margin:0;

    font-size:clamp(42px,5.8vw,110px);

    line-height:.9;

    font-weight:900;

    text-transform:uppercase;

    color:#fff;
}

/* AÇIKLAMA */

.nx-hero-desc{

    margin:0;

    font-size:clamp(14px,1.1vw,24px);

    line-height:1.4;

    font-weight:500;

    color:#fff;
}

/* BUTON */

.nx-hero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:clamp(14px,1vw,20px)
            clamp(34px,2.5vw,70px);

    border-radius:100px;

    background:#fff;

    color:#5b1491;

    text-decoration:none;

    font-size:clamp(13px,.9vw,18px);

    font-weight:700;

    transition:.3s ease;
}

.nx-hero-btn:hover{

    background:#e6c8ff;

    color:#2a003d;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:992px){

.nx-hero-caption{

    width:44vw;

    left:5%;
}

.nx-hero-title{

    font-size:clamp(36px,5vw,72px);
}

}

@media(max-width:768px){

.nx-hero-caption{

    width:58vw;

    left:5%;
}

.nx-hero-title{

    font-size:clamp(28px,8vw,52px);
}

.nx-hero-desc{

    font-size:14px;
}

.nx-hero-btn{

    width:100%;
}
}

@media(max-width:576px){

.nx-hero-caption{

    width:62vw;
}

.nx-hero-title{

    font-size:clamp(24px,9vw,44px);
}

.nx-hero-label{

    letter-spacing:2px;
}

.nx-hero-btn{

    padding:13px 20px;

    font-size:13px;
}
}
/* YAZI BLOĞU */
.nx-hero-caption{

    transform:scale(1.12);

    transform-origin:left center;
}

/* BAŞLIK */
.nx-hero-title{

    font-size:clamp(56px,6.8vw,130px);

    line-height:.9;
}

/* ALT YAZI */
.nx-hero-desc{

    font-size:clamp(16px,1.2vw,28px);

    font-weight:600;
}

/* BUTON */
.nx-hero-btn{

    min-width:220px;

    height:62px;

    padding:0 42px;

    border-radius:999px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:700;
}
.category-title,
.wide-title,
.home-cat-text h3{

    font-family:'Poppins', sans-serif !important;

    font-weight:700;
    letter-spacing:-0.5px;
}
/* YAZI BLOĞUNU TAM ORTALA */
.nx-hero-caption{
    position:absolute;
    left:6%;
    top:50%;

    transform:translateY(-50%);

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    z-index:5;
}

/* BLOĞU BİRAZ YUKARI ÇEK */
.nx-hero-caption{
    margin-top:-40px;
}
/* BÜYÜTEÇ İMLECİNİ KALDIR */

.hero-slide img,
.video-slides img,
.hero-video img{
    cursor:default !important;
}

/* TÜM SLIDER ALANI */
.hero-slide,
.video-slides,
.hero-video{
    cursor:default !important;
}
/* SLIDER ALTINDAKİ BOŞLUĞU KALDIR */

.hero-video,
.video-slides,
.hero-slide{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    line-height:0;
}

/* GÖRSELİN ALTINDAKİ INLINE BOŞLUĞU KALDIR */
.hero-slide img{
    display:block;
}

/* SONRAKİ SECTION ÜSTE YAPIŞSIN */
section{
    margin-top:0 !important;
}
/* KATEGORİ KARTLARINDA BÜYÜTEÇ İMLECİNİ KALDIR */

.category-card,
.category-card img,
.category-title,
.wide-card,
.wide-card img,
.wide-title{

    cursor:default !important;
}

/* =========================================
   HERO TEXT
========================================= */

.nx-hero-caption{
    max-width:620px;
    color:#fff;
}

/* ÜST YAZI */
.nx-hero-label{
    display:block;

    font-size:15px;
    font-weight:500;

    text-transform:uppercase;

    letter-spacing:10px;

    margin-bottom:22px;

    color:#f3dfff;
}

/* ANA BAŞLIK */
.nx-hero-title{
    font-family:'Anton', sans-serif;

    font-size:108px;
    line-height:.90;

    letter-spacing:2px;

    text-transform:uppercase;

    margin:0 0 28px;

    color:#fff;
}

/* ALT AÇIKLAMA */
.nx-hero-desc{
    font-size:24px;
    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:38px;

    color:#fff;
}

/* BUTON */
.nx-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:240px;
    height:74px;

    border-radius:80px;

    background:#fff;
    color:#5e1698;

    font-size:24px;
    font-weight:700;

    text-decoration:none;

    transition:.35s ease;
}

.nx-hero-btn:hover{
    background:#a84cff;
    color:#fff;
    transform:translateY(-3px);
}

/* =========================================
   CURSOR DÜZELTME
========================================= */

.hero-slide,
.hero-slide img,
.hero-content,
.nx-hero-caption{
    cursor:default !important;
}
/* =========================================
   HERO YAZI ALANI
========================================= */

.nx-hero-caption{

    position:absolute;

    top:50%;
    left:7%;

    transform:translateY(-50%);

    z-index:10;

    width:650px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

/* =========================================
   ÜST KÜÇÜK YAZI
========================================= */

.nx-hero-label{

    display:block;

    margin-bottom:18px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:500;

    letter-spacing:10px;

    text-transform:uppercase;

    color:#e8c8ff;
}

/* =========================================
   ANA BAŞLIK
========================================= */

.nx-hero-title{

    margin:0 0 22px;

    font-family:'Anton',sans-serif;

    font-size:110px;

    line-height:.88;

    font-weight:400;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#fff;
}

/* =========================================
   ALT AÇIKLAMA
========================================= */

.nx-hero-desc{

    margin:0 0 34px;

    font-family:'Poppins',sans-serif;

    font-size:22px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#fff;
}

/* =========================================
   BUTON
========================================= */

.nx-hero-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:240px;
    height:72px;

    border-radius:999px;

    background:#fff;

    color:#5f1897;

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:22px;

    font-weight:700;

    transition:.35s ease;
}

.nx-hero-btn:hover{

    background:#b04cff;

    color:#fff;

    transform:translateY(-4px);
}