/* Doris Fire - Topbar + Navbar dikey hizalama
   Not: Menü fontu ve renkleri değiştirilmez. */

.doris-topbar-v4 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1040 !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    background: #e0d93c !important;
    color: #000000 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
}

.doris-topbar-v4 .container {
    height: 40px !important;
}

.doris-topbar-v4-inner {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.doris-topbar-v4-left,
.doris-topbar-v4-right {
    display: flex !important;
    align-items: center !important;
}

.doris-topbar-v4-left {
    justify-content: flex-start !important;
    gap: 24px !important;
    text-align: left !important;
}

.doris-topbar-v4-right {
    justify-content: flex-end !important;
    gap: 18px !important;
    text-align: right !important;
}

.doris-topbar-v4 span,
.doris-topbar-v4 a,
.doris-topbar-v4 i {
    color: #000000 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
}

.doris-topbar-v4 i {
    margin-right: 6px !important;
}

.doris-topbar-v4 a {
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: opacity .2s ease !important;
}

.doris-topbar-v4 a:hover,
.doris-topbar-v4 a:focus {
    color: #000000 !important;
    opacity: .72 !important;
    text-decoration: none !important;
}

.doris-topbar-v4-right a {
    width: 28px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
}

.doris-topbar-v4-right a i {
    margin-right: 0 !important;
    font-size: 16px !important;
}

/* Menü kendi tasarımında kalır; yalnızca üst bilgi bandının altına alınır. */
body .navbar.navbar-fixed-top {
    top: 40px !important;
}

/* Sabit topbar + sabit navbar içeriğin üstüne binmesin. */
body .main-wrapper {
    padding-top: 40px !important;
}


/* Menü ve logo dikey hizalama - font ve renge dokunmaz */
body .navbar.navbar-fixed-top {
    min-height: 85px !important;
}

body .navbar.navbar-fixed-top .navbar-header {
    min-height: 85px !important;
}

body .navbar.navbar-fixed-top .navbar-brand {
    min-height: 85px !important;
    height: 85px !important;
    /*padding-top: 0 !important;*/
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

body .navbar.navbar-fixed-top .navbar-brand img,
body .navbar.navbar-fixed-top .navbar-brand .logo img {
    display: block !important;
    max-height: 55px !important;
    width: auto !important;
}

body .navbar.navbar-fixed-top .navbar-nav > li > a {
    min-height: 100px !important;
    height: 100px !important;
    line-height: 100px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

body .navbar.navbar-fixed-top .navbar-toggle {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

@media (max-width: 991px) {
    .doris-topbar-v4 {
        font-size: 12px !important;
    }

    .doris-topbar-v4-left {
        gap: 14px !important;
    }

    .doris-topbar-v4-left span:nth-child(3) {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .doris-topbar-v4 {
        height: 36px !important;
        min-height: 36px !important;
        line-height: 36px !important;
        font-size: 11px !important;
    }

    .doris-topbar-v4 .container,
    .doris-topbar-v4-inner {
        height: 36px !important;
    }

    .doris-topbar-v4-left {
        gap: 10px !important;
    }

    .doris-topbar-v4 span,
    .doris-topbar-v4 a,
    .doris-topbar-v4 i {
        line-height: 36px !important;
    }

    .doris-topbar-v4-left span:nth-child(2) {
        display: none !important;
    }

    .doris-topbar-v4-right {
        display: none !important;
    }

    body .navbar.navbar-fixed-top {
        top: 36px !important;
    }

    body .main-wrapper {
        padding-top: 36px !important;
    }
    body .navbar.navbar-fixed-top,
    body .navbar.navbar-fixed-top .navbar-header,
    body .navbar.navbar-fixed-top .navbar-brand {
        min-height: 70px !important;
        height: 70px !important;
    }

    body .navbar.navbar-fixed-top .navbar-brand img,
    body .navbar.navbar-fixed-top .navbar-brand .logo img {
        max-height: 48px !important;
    }

    body .navbar.navbar-fixed-top .navbar-nav > li > a {
        min-height: initial !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        display: block !important;
    }

    body .navbar.navbar-fixed-top .navbar-toggle {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

}


/* Doris Fire - Slider metin alanı düzeltmesi v14
   Amaç: sol metin bloğunun taşmasını/kırpılmasını engellemek, sağ görsel alanını korumak. */

.home.bg {
    min-height: 560px !important;
    height: 560px !important;
    padding-top: 125px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
}

.home.bg .tittle-block,
.home.bg .mySwiper1,
.home.bg .swiper-wrapper,
.home.bg .swiper-slide {
    min-height: 395px !important;
    height: 395px !important;
    overflow: visible !important;
}

.home.bg .swiper-slide .container {
    height: 100% !important;
}

.home.bg .swiper-slide .row {
    min-height: 395px !important;
    height: 395px !important;
    display: flex !important;
    align-items: center !important;
}

/* Sol metin bloğu: kırpılmayan, daha okunur ve dengeli yapı */
.home.bg .swiper-slide .col-lg-6:first-child {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 50% !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 30px 36px !important;
    margin: 0 !important;
    background: rgba(7, 24, 39, .70) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(4px);
}

.home.bg .swiper-slide .col-lg-6:first-child::before {
    content: "DORIS WATER MIST";
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    padding: 0 13px !important;
    margin: 0 0 14px 0 !important;
    border-radius: 999px !important;
    background: #e0d93c !important;
    color: #071827 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.home.bg .color-var {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    margin: 0 0 12px 0 !important;
    max-width: 560px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* İkinci h1 mevcut içerikte alt açıklama olarak kullanılıyor. */
.home.bg .swiper-slide .col-lg-6:first-child h1:not(.color-var) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    max-width: 540px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

/* Kırık görsel alt yazısı görünmesin; görsel varsa normal görünür. */
.home.bg .swiper-image {
    font-size: 0 !important;
    color: transparent !important;
}

.home.bg .swiper-image img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Play butonu: tek ikon */
.home.bg .video-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    border-radius: 50% !important;
    background: #e0d93c !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.25) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.home.bg .video-btn a {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
}

.home.bg .video-btn a::before,
.home.bg .video-btn a::after,
.home.bg .video-btn::after {
    content: none !important;
    display: none !important;
}

.home.bg .video-btn::before {
    content: "\25B6" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-42%, -50%) !important;
    color: #071827 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    z-index: 1 !important;
}

.home.bg .scroll-down {
    bottom: 18px !important;
}

@media (max-width: 991px) {
    .home.bg {
        min-height: 520px !important;
        height: auto !important;
        padding-top: 112px !important;
    }

    .home.bg .tittle-block,
    .home.bg .mySwiper1,
    .home.bg .swiper-wrapper,
    .home.bg .swiper-slide,
    .home.bg .swiper-slide .container,
    .home.bg .swiper-slide .row {
        min-height: 380px !important;
        height: auto !important;
    }

    .home.bg .swiper-slide .row {
        display: block !important;
    }

    .home.bg .swiper-slide .col-lg-6:first-child {
        width: auto !important;
        margin: 0 15px !important;
        padding: 28px 24px !important;
    }

    .home.bg .swiper-slide .col-lg-6:last-child {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .home.bg {
        min-height: 480px !important;
        padding-top: 106px !important;
    }

    .home.bg .color-var {
        font-size: 30px !important;
        line-height: 1.18 !important;
    }

    .home.bg .swiper-slide .col-lg-6:first-child h1:not(.color-var) {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}

/* v15 - Slider sol metin akışı düzeltmesi
   Başlık, açıklama ve play butonu aynı kutu içinde normal doküman akışıyla ilerler. */
.home.bg .swiper-slide .col-lg-6:first-child {
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 0 !important;
    overflow: visible !important;
    padding: 34px 38px !important;
}

.home.bg .swiper-slide .col-lg-6:first-child > * {
    float: none !important;
    clear: both !important;
    transform: none !important;
}

.home.bg .swiper-slide .col-lg-6:first-child::before {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 0 18px 0 !important;
    transform: none !important;
}

.home.bg .color-var,
.home.bg .swiper-slide .col-lg-6:first-child h1.color-var {
    position: static !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
}

.home.bg .swiper-slide .col-lg-6:first-child h1:not(.color-var) {
    position: static !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
}

.home.bg .video-btn {
    position: relative !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    align-self: flex-start !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
}

.home.bg .video-btn a {
    position: relative !important;
    transform: none !important;
}

@media (max-width: 991px) {
    .home.bg .swiper-slide .col-lg-6:first-child {
        padding: 28px 28px !important;
    }

    .home.bg .color-var,
    .home.bg .swiper-slide .col-lg-6:first-child h1.color-var {
        font-size: 32px !important;
    }
}


/* v16 - Slider renk ve boyut ince ayarı
   Çalışan v15 metin akışı korunur. Sadece sol kutu rengi ve slider yüksekliği güncellenir. */
.home.bg {
    min-height: 640px !important;
    height: 640px !important;
}

.home.bg .tittle-block,
.home.bg .mySwiper1,
.home.bg .swiper-wrapper,
.home.bg .swiper-slide {
    min-height: 475px !important;
    height: 475px !important;
}

.home.bg .swiper-slide .row {
    min-height: 475px !important;
    height: 475px !important;
}

.home.bg .swiper-slide .col-lg-6:first-child {
    background: #1c2128 !important;
    padding: 44px 48px !important;
}

@media (max-width: 991px) {
    .home.bg {
        min-height: 560px !important;
        height: auto !important;
    }

    .home.bg .tittle-block,
    .home.bg .mySwiper1,
    .home.bg .swiper-wrapper,
    .home.bg .swiper-slide,
    .home.bg .swiper-slide .container,
    .home.bg .swiper-slide .row {
        min-height: 420px !important;
        height: auto !important;
    }

    .home.bg .swiper-slide .col-lg-6:first-child {
        padding: 34px 30px !important;
    }
}

@media (max-width: 767px) {
    .home.bg {
        min-height: 520px !important;
        height: auto !important;
    }

    .home.bg .swiper-slide .col-lg-6:first-child {
        padding: 30px 24px !important;
    }
}