﻿
.full-width {
    width: 100vw; /* Viewport genişliği kadar */
    margin-left: calc(-50vw + 50%); /* Sayfanın merkezinden sola doğru kaydır */
    margin-right: calc(-50vw + 50%); /* Sayfanın merkezinden sağa doğru kaydır */
    max-width: 100vw; /* Tam genişlik için sınır kaldır */
    padding-left: 0;
    padding-right: 0;
}

.container-fluid_text {
    margin-top: -8rem;
    margin-bottom: -5rem;
    visibility: visible; /* HTML yüklenir yüklenmez hizalama yapılsın */
    opacity: 0; /* Metinleri gizle ama alanı koru */
    transition: opacity 0.6s ease-in-out; /* Yazılar yavaşça görünsün */
}

.justify-text {
    text-align: justify !important;
    line-height: 1.6;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word;
    text-justify: inter-word;
    text-align-last: left;
}
.container-custom {
    max-width: 4000px; /* Genişletilmiş sınır */
    margin: 0 auto;
    padding-left: 0px; /* Daha az boşluk */
    padding-right: 0px;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container-custom {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1200px) {
    .container-custom {
        padding-left: 0px;
        padding-right: 0px;
    }
}


body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Satırlar, genişlik kaplasın; yerleri baştan belli olsun */
.splittingg .line {
    display: block;
    width: 100%;
    opacity: 0; /* görünmesin ama yer tutsun */
    transform: translateY(30px);
}

    /* Animasyon bitince hedef hâl */
    .splittingg .line.is-in {
        opacity: 1;
        transform: none;
    }


/* Disney sayfası için */
.gallery-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr); /* her satırda 4 kolon */
    gap: 20px; /* aralığı istediğin gibi ayarlayabilirsin */
    position: static !important;
    height: auto !important;
}

    .gallery-wrapper li {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        list-style: none;
    }


.brand-logo-small {
    max-width: 560px;
    width: 100%;
    height: auto;
}
