.app-prew {
        width: 720px;
    }

    .col{
        width:220px;
    }

    .container {
        max-width: 700px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 15px 0px 15px 0px;
    }

/* Hamburger buton görünümü */
 .hamburger {
     display: flex;
     margin-top:40px;
     transform: translateY(-50%);
     cursor: pointer;
 }

     .hamburger input {
         display: none;
     }

     .hamburger svg {
         height: 2.7em;
         transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
     }

 .line {
     fill: none;
     stroke: red;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-width: 2.5;
     transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
 }

 .line-top-bottom {
     stroke-dasharray: 12 63;
 }

 .hamburger input:checked + svg {
     transform: rotate(-45deg);
 }

     .hamburger input:checked + svg .line-top-bottom {
         stroke-dasharray: 20 300;
         stroke-dashoffset: -32.42;
     }

    .menu, .line-div, .buttons {
        display: none;
    }


    .sidebar {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; /* En üste yapışır */
    position: fixed;
    top: 85px;
    right: -100%;
    width: 100%;
    height: calc(100% - 85px);
    background-color: white;
    transition: right 0.3s ease;
    z-index: 999;
}

     .sidebar.active {
         right: 0;
     }

     .sidebar h2 {
         font-size: 2rem;
     }

     .sidebar-container {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* içerik sola hizalı */
}



     .menu-2 {
    margin-top: 30px; /* üst boşluk verelim */
    width: 100%;
}

    .menu-2 ul li a {
        font-weight: 500;
        text-decoration: none;
        color: #8f8f8f; /* Menü link rengi */
        transition: 0.5s;
        font-size: 18px;
    }

    .menu-2 ul {
        list-style: none;
    }

        .menu-2 ul li {
            margin-top: 35px;
        }

            .menu-2 ul li a.active {
                width: 100%;
                position: relative; /* Eklendi */
            }

                .menu-2 ul li a.active::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: -10px; /* 10px aşağıda */
                    width: 100%; /* A elementinin tam genişliği kadar */
                    border-bottom: 2px solid red; /* İnce çizgi */
                }
.line-mobile {
    width: 100%;
    height: 2px; /* kalınlaştırdım */
    background-color: #8f8f8f;
    margin: 40px 0; /* üstten ve alttan boşluk */
    border-radius: 2px;
}



.buttons-2 {
    margin-top: 0px;

}

.language-mobile {
    margin-top: 20px;
    border: none;
    background-color: transparent;
}



    .welcome-container {
        max-width:700px;
        width: 100%;
        
    }

    .text-welcome {
        display: flex; /* Flexbox ile hizalama */
        justify-content: left; /* Yatayda ortala */
    }



    .game-name{
        font-size: 14px;
    }

    .game-category{
        font-size: 14px;
        top:40px;
    }

    .phone-prew {
        margin-top: 430px;
        width: 700px;
        height: 550px;
    }

    .phone-prew img{
       display: block;
    margin: 0 auto;
    height: 550px;
    width: auto;
    }


    .app-prew .col:nth-child(3),
    .app-prew .col:nth-child(6) {
       display: flex; /* 3. ve 6. öğeyi gizle */
    }


    .about-area {
        margin-top: 650px;
        margin-bottom: 100px;
    }

    .about-area-container {
        width: 700px;
        flex-direction: column;
        align-items: center;
    }

    .right {
        max-width: 100%;
        margin-left: 0;
        order: 1;
        padding: 0 0px;
    }

    .left {
        max-width: 100%;
        margin-right: 0;
        order: 2;
        display: flex;
        justify-content: center;
    }

    .left img {
        margin-top:80px;
        width: 100%;
        max-width: 700px;
        height: auto;
    }
    
    .small-title {
        font-size: 1.1rem;
    }

    .main-title {
        font-size: 26px;
    }

    .paragraph {
        font-size: 19px;
        line-height: 1.6;
    }

    .features-list li {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .features-dark-section {
     margin-bottom: 80px;
    }


    .features-dark-container {
        width:100%;
        max-width:700px;
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-card:nth-child(3) {
        display: none;
    }

    .feature-card h3 {
        font-size: 20px;
    }    
    
    .feature-card p {
        font-size: 16px;
    }

    .cta-button {
        width: 190px;
        height: 60px;
    }



     .publishing-container {
         width:100%;
         max-width:700px;
        flex-direction: column;
        gap: 50px;
    }

   .publishing-left {
    margin-top:55px;
    flex: 1;
    order: 2;
    }

    
    
    .publishing-left,
    .publishing-right {
        width: 100%;
        max-width:700px;
    }






    .contact-container{
        max-width: 700px;
        width:100%;
        grid-template-columns: 1.05fr 1fr;
        gap: 22px;
   display: block;
    
    }

    .contact-right {
    margin-top: 90px;
    margin-bottom: 400px;
    }
    
    .office-card {
        max-width: 675px;
        height: 430px;
        top: 380px;
    }

    .office-card img {
    height: 310px;
    }

    .office-info strong {
        font-size: 17px;
    }

    .office-info p {
        font-size: 17px;
    }



















    .footer{
        padding: 30px 0px 0px 0px;
    }


.container-footer {
    display: flex;          /* 🔥 ŞART */
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;

    width: 100%;            /* 🔥 SABİT GENİŞLİK YOK */
    max-width: 700px;       /* sadece üst sınır */
    margin: 0 auto;
}

    .footer-section {
        width: 100%;
        max-width: 700px;
        margin-bottom: 0;
    }

     /* left section içini kontrol altına al */
    .left-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

     /* logo */
    .footer-logo {
        order: 1;
        max-width: 155px;
    }

    .footer-description {
        order: 2;
        margin: 15px auto 0;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }

    /* 🔥 COPYRIGHT EN ALT */
    .footer-copy {
        order: 99;              /* her şeyin ALTINA */
        margin-top: 40px;
        font-size: 18px;
        text-align: center;
    }

     .footer-grid {
        order: 2;                     /* logo + adresin altı */
        display: flex;
        flex-direction: row;          /* ⬅️ DİKEYİ KIRAN SATIR */
        flex-wrap: wrap;              /* taşarsa alta geç */
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-bottom: -10px;
    }

    .grid-row {
        display: contents; /* satır yapısını iptal */
    }

   .grid-item {
        width: 45px;
        height: 45px;
    }

    .social {
        width: 45px;
        height: 45px;
    }

       /* Menü başlığı */
    .footer-title {

        font-size: 18px;
        background: none;
        cursor: pointer;
        text-align: left;
        width: 100%;

        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color 0.3s ease, padding 0.3s ease;
        position: relative;
        pointer-events: auto;
        cursor: pointer;
    }

    .footer-title.toggle-title{
        border-bottom: 1px solid #ccc;
                padding: 15px 20px;
    
    }



    /* Ok ikonu */
    .footer-title::after {
        content: '';
        width: 10px;
        height: 10px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: rotate(45deg);
        transition: transform 0.25s ease;
        margin-left: 10px;
    }

    /* Açık durum */
    .footer-title.active::after {
        transform: rotate(-135deg);
    }

    /* Liste alanı */
    .footer-list {
        display: none;
        border-radius: 0 0 6px 6px;
        padding: 14px 20px;
    }

    .footer-list.active {
        display: block;
    }

    .footer-list li {
        font-size: 17px;
        color: #333;
        padding: 10px 0;
    }

    .footer-list li:hover {
        color: red;
        cursor: pointer;
    }


    .footer-section:nth-of-type(2) { order: 3; } /* Services */
    .footer-section:nth-of-type(3) { order: 4; } /* About */
    .footer-section:nth-of-type(4) { order: 5; } /* Legal */



    .about-slider-container {
        max-width: 700px;
    }

    .slider-right img {
    width: 320px;
    }

    .process-container {
        max-width: 700px;
    }
    .process-item {
    width: 180px;
    }
    .process-item img {
    width: 80px;
    margin-bottom: 20px;
}

    .container-social {
        max-width: 700px;
    }



    .about-container {
        flex-direction: column;   /* ✅ yan yana → alt alta */
        gap: 40px;
    }

    .about-image {
        width: 700px;
    }

    .about-text {
        width: 700px;
    }