/* =========================================================
SEAACADEMYIK — SAĞLIK HİZMETLERİ MOBİL CSS
Mobil + Tablet ultra uyum
========================================================= */

/* =========================================================
GENEL MOBİL
========================================================= */
@media(max-width:1024px){

.container{
width:94%;
}

/* HERO */
.health-hero .container{
flex-direction:column;
text-align:center;
gap:30px;
}

.hero-left,
.hero-right{
width:100%;
}

.hero-left h1{
font-size:34px;
}

.hero-left p{
font-size:16px;
}

.hero-right img{
max-width:380px;
margin:auto;
}

/* HİZMETLER */
.service-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

/* SÜREÇ */
.process-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

/* FORM */
.form-box{
padding:35px 25px;
}

}


/* =========================================================
MOBİL TELEFON
========================================================= */
@media(max-width:768px){

.health-hero,
.health-services,
.health-process,
.health-form{
padding:65px 0;
}

/* HERO */
.hero-left h1{
font-size:28px;
}

.hero-left p{
font-size:15px;
}

.badge{
font-size:12px;
padding:7px 14px;
}

/* BUTTON */
.cta-btn{
padding:14px 26px;
font-size:15px;
}

/* GRID TEK SÜTUN */
.service-grid{
grid-template-columns:1fr;
}

.process-grid{
grid-template-columns:1fr;
}

/* KART */
.card{
padding:28px 20px;
}

.step{
padding:28px 20px;
}

/* FORM */
.form-box{
padding:30px 20px;
border-radius:16px;
}

.form-box h2{
font-size:24px;
}

.form-box input,
.form-box select,
.form-box textarea{
padding:14px;
font-size:14px;
}

.gonder-btn{
font-size:16px;
padding:14px;
}

/* POPUP */
.popup-box{
padding:25px 20px;
font-size:16px;
}

}


/* =========================================================
KÜÇÜK TELEFON
========================================================= */
@media(max-width:480px){

.hero-left h1{
font-size:24px;
}

.hero-right img{
max-width:260px;
}

.form-box{
padding:25px 15px;
}

.cta-btn{
width:100%;
text-align:center;
}

.gonder-btn{
width:100%;
}

}




@media(max-width:1024px){
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.why-grid{
grid-template-columns:1fr;
}

.why-sea h2{
font-size:26px;
}
}










@media(max-width:1024px){
.reference-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.reference-grid{
grid-template-columns:1fr;
}
}









/* banner mobil */
@media(max-width:900px){

.banner-flex{
flex-direction:column;
text-align:center;
}

.banner-right{
text-align:center;
margin-top:40px;
}

.banner-left h2{
font-size:28px;
}

.b-step{
justify-content:center;
text-align:left;
}
}