/* =========================================================
SEAACADEMYIK — GENÇ İSTİHDAM TEŞVİK SAYFASI
ULTRA RESPONSIVE FULL MOBILE FIX
ANA SİTEYİ BOZMAZ
========================================================= */

:root{
--primary:#0b2a4a;
--primary2:#0e3a66;
--accent:#ff7a00;
--text:#0f172a;
--border:#e6edf5;
--shadow:0 20px 60px rgba(0,0,0,.08);
--radius:18px;
}

/* TAŞMA FIX */
body{overflow-x:hidden;}
img{max-width:100%;height:auto;display:block}

/* =========================================================
CONTAINER
========================================================= */
.sgk-hero .container,
section.container{
max-width:1100px;
margin:auto;
padding:70px 20px;
width:100%;
box-sizing:border-box;
}

/* =========================================================
HERO
========================================================= */
.sgk-hero{
background:linear-gradient(135deg,#0b2a4a,#0e3a66);
padding:120px 20px 100px;
text-align:center;
color:#fff;
position:relative;
overflow:hidden;
}

.sgk-hero h1{
font-size:48px;
font-weight:900;
margin-bottom:12px;
}

.sgk-hero p{
font-size:18px;
opacity:.95;
}

/* =========================================================
HEADINGS
========================================================= */
section.container h2{
font-size:32px;
margin-top:60px;
margin-bottom:18px;
color:var(--primary);
font-weight:900;
position:relative;
}

section.container h2:after{
content:"";
width:70px;
height:4px;
background:var(--accent);
position:absolute;
left:0;
bottom:-10px;
border-radius:6px;
}

/* TEXT */
section.container p{
font-size:17px;
line-height:1.7;
color:#334155;
margin-bottom:18px;
}

/* IMAGE */
section.container img{
width:100%;
border-radius:16px;
margin:30px 0;
box-shadow:0 15px 45px rgba(0,0,0,.15);
}

/* =========================================================
LIST
========================================================= */
.sgk-list{
list-style:none;
padding:0;
margin:30px 0;
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}

.sgk-list li{
background:#fff;
padding:20px;
border-radius:14px;
box-shadow:var(--shadow);
border-left:5px solid var(--accent);
font-weight:800;
font-size:15px;
}

/* =========================================================
HIGHLIGHT
========================================================= */
.sgk-highlight{
background:linear-gradient(135deg,#0e3a66,#0b2a4a);
color:#fff;
padding:35px;
border-radius:18px;
margin:40px 0;
font-size:18px;
font-weight:700;
box-shadow:0 25px 60px rgba(0,0,0,.25);
line-height:1.7;
}

/* =========================================================
BOX
========================================================= */
.sgk-box{
background:#fff;
border-radius:18px;
padding:40px;
box-shadow:var(--shadow);
border:1px solid var(--border);
font-size:24px;
font-weight:900;
color:var(--primary);
text-align:center;
margin:40px 0;
}

/* =========================================================
CTA
========================================================= */
.sgk-cta{
background:linear-gradient(135deg,#ff7a00,#ff9c2b);
color:#fff;
padding:110px 20px;
text-align:center;
margin-top:80px;
position:relative;
z-index:2;
}

.sgk-cta h2{
font-size:34px;
margin-bottom:10px;
font-weight:900;
color:#fff;
}

.sgk-cta p{
font-size:17px;
opacity:.95;
margin-bottom:30px;
}

/* BUTTON */
.btn-primary{
background:#0b2a4a;
color:#fff;
border:none;
padding:18px 50px;
font-size:18px;
font-weight:900;
border-radius:12px;
cursor:pointer;
transition:.3s;
box-shadow:0 15px 40px rgba(0,0,0,.25);
display:inline-block;
}

.btn-primary:hover{
transform:translateY(-3px);
background:#071c33;
}

/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){

.sgk-hero{padding:90px 20px;}

.sgk-hero h1{font-size:34px;}
.sgk-hero p{font-size:16px;}

section.container{padding:45px 18px;}
section.container h2{font-size:26px;}

.sgk-list{grid-template-columns:1fr;}

.sgk-highlight{font-size:16px;padding:25px;}
.sgk-box{font-size:20px;padding:30px;}

}

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

.sgk-hero{
padding:65px 15px;
}

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

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

section.container{
padding:28px 16px;
}

section.container h2{
font-size:22px;
margin-top:35px;
}

section.container p{
font-size:15px;
}

.sgk-list{
grid-template-columns:1fr;
gap:12px;
}

.sgk-list li{
font-size:14px;
padding:16px;
}

.sgk-highlight{
font-size:15px;
padding:20px;
}

.sgk-box{
font-size:17px;
padding:22px;
}

.btn-primary{
width:100%;
padding:16px;
font-size:16px;
}

}

/* küçük telefon */
@media(max-width:480px){

.sgk-hero h1{font-size:21px;}
section.container h2{font-size:19px;}
.sgk-box{font-size:15px;}

}
/* ===== MOBİL BUTTON TIKLANMAMA CERRAHİ FIX ===== */

/* tüm üst katmanları pasif yap */
.sgk-hero:before,
.sgk-hero:after{
pointer-events:none !important;
}

/* section üstüne çık */
.sgk-cta{
position:relative !important;
z-index:9999 !important;
}

/* buton en üst katman */
.sgk-cta .btn-primary{
position:relative !important;
z-index:99999 !important;
pointer-events:auto !important;
}

/* bazen container eziyor */
.sgk-cta .container{
position:relative;
z-index:99999;
}

/* link ise garanti */
.btn-primary{
display:inline-block;
touch-action:manipulation;
}