/* ===================================================
   RESPONSIVE STYLES
   Tüm sayfalar için mobil uyumluluk kodları
   =================================================== */

/* ---------------------------------------------------
   404 PAGE RESPONSIVE
--------------------------------------------------- */

@media (max-width: 1200px) {
    .num-4 {
        font-size: 260px;
    }

    .num-0 img {
        height: 150px;
    }

    .num-0 {
        margin: 0 -50px;
    }
}

@media (max-width: 768px) {
    .num-4 {
        font-size: 180px;
    }

    .num-0 img {
        height: 110px;
    }

    .num-0 {
        margin: 0 -35px;
    }

    .page-404-message {
        font-size: 24px;
        padding: 0 20px;
    }

    .page-404-btn {
        gap: 24px;
        padding: 16px 24px;
        font-size: 14px;
    }

    /* Köşeler mobilde gizle */
    .corner-tl,
    .corner-tr,
    .corner-bl,
    .corner-br {
        display: none;
    }

    .line-left,
    .line-right {
        display: none;
    }

    .line-top {
        top: 16px;
    }

    .line-bottom {
        bottom: 16px;
    }
}

@media (max-width: 480px) {
    .num-4 {
        font-size: 120px;
    }

    .num-0 img {
        height: 75px;
    }

    .num-0 {
        margin: 0 -25px;
    }

    .page-404-message {
        font-size: 18px;
    }

    .page-404-logo img {
        width: 80px;
    }

    .page-404-number {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .global-hero {
        height: min(420px, calc(100vh - var(--header-height) - 40px));
    }
    .global-hero-yellow,.page-who-we-are .inst-hero.animate-bg::before,.sustainability-hero-yellow.animate{
        height: 250px;
    }
    .inst-landing-col-image img,.sustainability-innovation-image img{
        min-height: auto;height: 500px;
    }
    .inst-landing-section-right .inst-landing-row,.inst-landing-section-left .inst-landing-row{
        flex-direction: column;
    }
    .inst-landing-section{ padding: 30px 0px; }
    .sustainability-hero,.page-who-we-are .inst-hero-card{ min-height: 450px; }
    .sust-certificates-title,.sust-certificates-header .title-line,
    .policies-section .values-left .title-line,.sustainability-innovation-kicker,
    .sustainability-innovation-title,.sustainability-innovation-text
    { text-align: center; justify-content: center; }

    .sustainability-subpages .container{

    }
    .sust-certificates,.policies-section{ padding-bottom: 0px; }
    .subpages-prev, .subpages-next,.sust-cert-prev, .sust-cert-next,.miracle-nav-prev,.miracle-nav-next{ top: calc(50% - 20px); z-index: 99; }
    .policies-section .miracle-nav-btn{ position: absolute; }
    .sust-cert-prev, .subpages-prev,.miracle-nav-prev{ left: -20px; }
    .subpages-next,.sust-cert-next,.miracle-nav-next{ right: -20px; }
    .home-numbers,.home-about,.home-promo{ min-height: auto; }
    .home-global-map{ min-height: 50vh; }
    .home-numbers .container{ gap: 40px; }
    .numbers-card{  aspect-ratio: 1/1.5; }
    .home-promo-card{ min-height: auto; height:500px; }
    .home-news{ padding-top: 0px; }
    .home-tech{ height: 50vh; }
}