/* =========================================================
SEAACADEMYIK — ENGELLİ SGK TEŞVİK SAYFASI FINAL
MOBİL FIX FULL RESPONSIVE
ANA SİTEYİ BOZMAZ
========================================================= */

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

/* =========================================================
GENEL TAŞMA FIX
========================================================= */
body{
overflow-x:hidden;
}

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

/* =========================================================
CONTAINER FIX (ANA PROBLEM BUYDU)
========================================================= */
.sgk-hero .container,
section.container{
max-width:1180px;
margin:auto;
padding:60px 20px;
width:100%;
box-sizing:border-box;
}

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

.sgk-hero:before{
content:"";
position:absolute;
width:500px;
height:500px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-220px;
right:-220px;
}

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

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

/* =========================================================
HEAD
========================================================= */
section.container h2{
font-size:34px;
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:4px;
}

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

/* IMAGE */
section.container img{
width:100%;
border-radius:16px;
margin:35px 0;
box-shadow:0 25px 60px rgba(0,0,0,.18);
}

/* LIST */
.sgk-list{
list-style:none;
padding:0;
margin:30px 0;
}

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

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

/* 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:35px 0;
}

/* CTA */
.sgk-cta{
background:linear-gradient(135deg,#ff7a00,#ff9c2b);
color:#fff;
padding:90px 20px;
text-align:center;
margin-top:90px;
}

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

.sgk-cta p{
color:#fff;
opacity:.95;
margin-bottom:25px;
font-size:18px;
}

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

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

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

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

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

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

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

}

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

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

.sgk-hero:before{
display:none;
}

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

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

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

section.container h2{
font-size:21px;
margin-top:32px;
}

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

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

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

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

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

}

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

.sgk-hero h1{font-size:21px;}
.sgk-hero p{font-size:13px;}

section.container{padding:24px 14px;}
section.container h2{font-size:19px;}

.sgk-box{font-size:15px;}

}
/* MOBİL BUTTON TIKLANMAMA FIX */
.sgk-cta{
position:relative;
z-index:5;
}

.sgk-cta .btn-primary{
position:relative;
z-index:9;
pointer-events:auto;
}

.sgk-hero:before{
pointer-events:none;
}
