/*==================================================
GREEN ASIST | 09-responsive.css 
GLOBAL RESPONSIVE SAFETY | CLEAN FINAL
==================================================*/

/*
Bu dosya yalnızca genel responsive güvenlik katmanıdır.

HOME section responsive davranışları:
- 07_home.css içinde
- ilgili section importlarından sonra
- "HOME RESPONSIVE CONSISTENCY PATCH" bloğu ile yönetilir.

Bu nedenle burada Hero / Methodology / GA-WAY / Energy Bill / Expertise
gibi HOME section'larına özel layout kırılımları tekrar tanımlanmaz.
Amaç: 07_home.css içindeki section responsive düzenlerini ezmemek.
*/

/*==================================================
GLOBAL MEDIA SAFETY
==================================================*/

img,
picture,
video,
canvas,
svg{
    max-width:100%;
}

img,
picture,
video,
canvas{
    height:auto;
}

/*==================================================
TABLET SAFETY
==================================================*/

@media(max-width:1200px){

    html,
    body{
        overflow-x:hidden;
    }

}

/*==================================================
MOBILE SAFETY
==================================================*/

@media(max-width:768px){

    html,
    body{
        overflow-x:hidden;
    }

    .section-header{
        padding-left:var(--space-md);
        padding-right:var(--space-md);
    }

    a,
    button{
        -webkit-tap-highlight-color:transparent;
    }

}

/*==================================================
SMALL MOBILE SAFETY
==================================================*/

@media(max-width:480px){

    .section-title{
        font-size:clamp(1.8rem,9vw,2.2rem);
    }

}