/* ===================================================== */
/* 🖥️ MASAÜSTÜ & BÜYÜK EKRAN ÇÖZÜNÜRLÜKLERİ */
/* ===================================================== */

/* 5120x2880 ve üstü — 5K / 8K */
@media (min-width: 5120px) {
}

/* 3840x2160 — 4K UHD */
@media (max-width: 3840px) {
}

/* 3440x1440 — Ultra-Wide QHD (21:9) */
@media (max-width: 3440px) {
}

/* 2560x1440 — QHD / 2K */
@media (max-width: 2560px) {
}

/* 2560x1080 — Ultra-Wide Full HD */
@media (max-width: 2560px) {
}

/* 1920x1200 — WUXGA (16:10) */
@media (max-width: 1920px) {
}

/* 1920x1080 — Full HD */
@media (max-width: 1920px) {
}

/* 1600x900 — HD+ */
@media (max-width: 1600px) {
}

/* 1440x900 — WXGA+ */
@media (max-width: 1440px) {
}

/* 1366x768 — HD Ready (Laptop) */
@media (max-width: 1366px) {
}

/* 1280x720 — HD / 720p */
@media (max-width: 1280px) {
}

/* ===================================================== */
/* 📲 TABLET & KÜÇÜK EKRANLAR */
/* ===================================================== */

/* 1024x768 — XGA (Tablet / Eski Ofis PC) */
@media (max-width: 1024px) {
}

/* 800x600 — SVGA (Eski sistemler) */
@media (max-width: 800px) {
}

/* ===================================================== */
/* 📱 MOBİL CİHAZLAR */
/* ===================================================== */

/* Büyük telefonlar */
@media (max-width: 768px) {
  .banner-home-content {
    position: absolute;
    top: 65%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 500px;
  }
  .menu-list {
    display: none;
  }

   .home-about-photos{
        flex-direction: column;
        gap: 10px;
    }

    .home-about-photos-list{
        width: 100%;
        justify-content: space-between;
        display: flex;
    }

    .home-photos{
        width: 48%;
        height: 150px;
    }

    .footer-bottom-menu{
      text-align: center;
    }

    .footer-copy{
      text-align: center;
    }

     .page-banner {
        height: 350px;
    }

    .page-banner-home-content {
    position: absolute;
    top: 25%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 500px;
}

.page-banner-home-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 600;
}


.accordion-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .step-left {
        min-width: 45px; /* Mobilde ikon alanını daralttık */
    }

    .icon-box {
        width: 35px; /* İkon boyutunu küçülttük */
        height: 35px;
        font-size: 0.9rem;
    }

    .content-box {
        padding: 10px 15px; /* İç boşluğu azalttık ki içerik sağa taşmasın */
    }

    .accordion-button {
        font-size: 1rem; /* Başlık boyutunu küçülttük */
        line-height: 1.2;
    }

    .step-number {
        font-size: 1.3rem; /* Numara boyutunu küçülttük */
        margin-left: 10px;
    }

    .accordion-body {
        font-size: 0.85rem; /* Metin boyutunu mobilde daha okunaklı yaptık */
    }

    .faset-box-info{
        margin: 50px 0 0 0;
    }

}

/* Standart mobil */
@media (max-width: 600px) {
  .banner-home-content {
    position: absolute;
    top: 65%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 500px;
  }
  .menu-list {
    display: none;
  }
  .footer-bottom-menu{
      text-align: center;
    }

     .footer-copy{
      text-align: center;
    }

     .page-banner {
        height: 350px;
    }

    .page-banner-home-content {
    position: absolute;
    top: 25%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 500px;
}

.page-banner-home-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 600;
}

.accordion-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .step-left {
        min-width: 45px; /* Mobilde ikon alanını daralttık */
    }

    .icon-box {
        width: 35px; /* İkon boyutunu küçülttük */
        height: 35px;
        font-size: 0.9rem;
    }

    .content-box {
        padding: 10px 15px; /* İç boşluğu azalttık ki içerik sağa taşmasın */
    }

    .accordion-button {
        font-size: 1rem; /* Başlık boyutunu küçülttük */
        line-height: 1.2;
    }

    .step-number {
        font-size: 1.3rem; /* Numara boyutunu küçülttük */
        margin-left: 10px;
    }

    .accordion-body {
        font-size: 0.85rem; /* Metin boyutunu mobilde daha okunaklı yaptık */
    }

    .faset-box-info{
        margin: 50px 0 0 0;
    }
}

/* Küçük mobil */
@media (max-width: 480px) {
}

/* ===================================================== */
/* 📱 İŞLETİM SİSTEMİNE ÖZEL CSS */
/* ===================================================== */

/* Android */
body.android .nav-menu {
  background-color: #4caf50;
}

/* iOS */
body.ios .nav-menu {
  background-color: #007aff;
}