/*=====================================================
LAYOUT
=====================================================*/

section{

    position:relative;

    padding:var(--section) 0;

}

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    height:56px;

    border:1px solid var(--color-primary);

    color:#fff;

    text-transform:uppercase;

    letter-spacing:2px;

    transition:var(--transition);

}

.btn:hover{

    background:var(--color-primary);

    color:#111;

}

/* --- Hero Video Arka Plan Düzenlemesi --- */

/* Hero Kapsayıcısını Ekranın Tamamına Yayma */
#hero, .hero-section {
    position: relative !important;
    width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.hero-section--video {
    background: transparent !important;
}

.hero-section:not(.hero-section--video) {
    background:
        linear-gradient(90deg, rgba(4, 7, 11, 0.88), rgba(4, 7, 11, 0.44), rgba(4, 7, 11, 0.72)),
        url("../images/hero.jpg") center / cover no-repeat !important;
}

/* Videoyu Arka Plana Tam Oturtma */
.hero-bg-video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important; /* Görsel oranını bozmadan alanı kaplar */
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

/* Karartma Katmanı */
.hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important;
    z-index: 2 !important;
}

/* Ön Plandaki Logo ve Yazılar */
.hero-content {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}



/* Hero Alanı ve Video Boyutlandırma */
.hero-section {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #000000 !important; /* Alt taraftan çıkan kahverengi arka planı tamamen sıfırlar */
}

/* Videoyu Tüm Ekrana Oturtma */
.hero-bg-video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

/* Hafif Siyah Karartma (Videoyu Boğmaz) */
.hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.35) !important; /* İsteğe göre koyuluğu değiştirebilirsiniz */
    z-index: 2 !important;
}

/* Ön Plandaki Metinler */
.hero-content {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    color: #ffffff !important;
}