/* =================================
MOBİL AYARLAR
================================= */

@media (max-width:768px){

/* mobilde custom cursor kapat */

.custom-cursor,
.cursor,
#cursor{
display:none !important;
}

body{
cursor:auto;
overflow-x:hidden;
}

/* ===============================
BURGER BUTTON
================================ */

.mobile-menu-btn{
display:flex;
flex-direction:column;
gap:6px;
cursor:pointer;
position:relative;
z-index:10001;
}

.mobile-menu-btn span{
width:28px;
height:3px;
background:#fff;
display:block;
border-radius:2px;
}

/* ===============================
MOBİL MENU
================================ */

.nav-links{
position:fixed;
top:70px;
left:-100%;
width:100%;
height:100vh;
background:#000;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
padding-top:40px;
gap:25px;
list-style:none;
text-align:center;
transition:0.3s;
z-index:10000;
}

.nav-links.active{
left:0;
}

.nav-links a{
color:#fff;
font-size:22px;
text-decoration:none;
}

/* ===============================
BRANCH GRID
================================ */

.branch-grid{
grid-template-columns:1fr !important;
gap:25px;
}

.branch-card img{
width:100%;
height:auto;
}

/* ===============================
HERO TEXT
================================ */

.hero-content h1{
font-size:36px;
}

.hero-content p{
font-size:16px;
padding:0 10px;
}

}

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

@media (max-width:1024px){
.hero-overlay{
    background:none !important;
    opacity:0 !important;
}
.branch-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* =================================
DESKTOP
================================= */

@media (min-width:769px){

.mobile-menu-btn{
display:none;
}

.nav-links{
position:static;
height:auto;
background:none;
flex-direction:row;
gap:40px;
}


}

.hero-overlay{
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.6),
        rgba(0,0,0,0.85)
    ) !important;
    opacity:1 !important;
}

@media (max-width:768px){

.hero h1{
    /* webkitleri kapat */
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;

    /* gradient’i kaldır çünkü text’e clip yok artık */
    background: none !important;

    /* gradientin ortalama rengini veriyoruz */
    color: #ff6a00;

    /* animasyon bozulmasın diye kapat */
    animation: none !important;

    /* mevcut shadow aynen kalıyor */

        letter-spacing: 4px; /* biraz daha geniş, premium hissi */
    text-shadow: 
        0 4px 12px rgba(0,0,0,0.7),
        0 0 10px rgba(255,120,0,0.25);
}

}