/* ===================================================== */
/* ================== TABLET (1024px) ================== */
/* ===================================================== */

@media(max-width:1024px){

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

.hero-sub{
font-size:16px;
}

.section-title{
font-size:28px;
}

.sgk-card{
padding:22px;
}

.sgk-card img{
height:160px;
}

}

/* ===================================================== */
/* ================== MOBILE (768px) =================== */
/* ===================================================== */

@media(max-width:768px){

.container{
padding:0 16px;
}

/* HERO */

.sgk-hero{
padding:90px 15px 80px;
}

.sgk-hero h1{
font-size:28px;
line-height:1.3;
}

.hero-sub{
font-size:15px;
margin-top:10px;
}

.hero-badges{
flex-direction:column;
align-items:center;
gap:10px;
}

.hero-badges span{
width:100%;
max-width:320px;
text-align:center;
font-size:14px;
padding:11px;
}

/* SECTION */

.section-title{
font-size:24px;
margin-bottom:25px;
}

/* CARDS */

.card-grid{
grid-template-columns:1fr;
gap:18px;
}

.sgk-card{
padding:20px;
border-radius:14px;
}

.sgk-card img{
height:150px;
}

.sgk-card h3{
font-size:18px;
}

.sgk-card p{
font-size:14px;
}

.sgk-card a{
width:100%;
text-align:center;
padding:12px;
font-size:15px;
}

/* TABLO */

.sgk-table{
padding:50px 0;
}

.sgk-table h2{
font-size:22px;
margin-bottom:25px;
}

.maliyet-tablo{
font-size:14px;
}

.maliyet-tablo th{
font-size:14px;
padding:12px;
}

.maliyet-tablo td{
padding:12px;
}

/* ARTICLE */

.sgk-article{
padding:55px 0;
}

.sgk-article h2{
font-size:22px;
}

.sgk-article p{
font-size:15px;
}

/* FAQ */

.sgk-faq{
padding:55px 0;
}

.faq-item button{
font-size:15px;
padding:15px;
}

.faq-content{
font-size:14px;
}

/* CTA */

.sgk-cta{
padding:70px 15px;
}

.sgk-cta h2{
font-size:24px;
}

.sgk-cta p{
font-size:16px;
}

.cta-btn{
width:100%;
max-width:300px;
padding:14px;
font-size:16px;
}

}

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

@media(max-width:480px){

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

.hero-sub{
font-size:14px;
}

.section-title{
font-size:21px;
}

.sgk-card img{
height:135px;
}

.sgk-card{
padding:18px;
}

.maliyet-tablo{
font-size:13px;
}

.maliyet-tablo th,
.maliyet-tablo td{
padding:10px;
}

.sgk-cta h2{
font-size:22px;
}

.sgk-cta p{
font-size:15px;
}

}

/* ===================================================== */
/* ======= EXTRA CORE WEB VITALS SPEED TOUCH =========== */
/* ===================================================== */

@media(max-width:768px){

*{
-webkit-tap-highlight-color: transparent;
}

button, a{
touch-action:manipulation;
}

img{
max-width:100%;
height:auto;
display:block;
}

}