<iframe class="site-cover-iframe"
title="Full cover banner"
srcdoc='
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#000;}
.hero{
position:relative;width:100%;height:100vh;min-height:320px;
background:url("https://i.tgrthaber.com/images/haberler/23-11/23/77.jpg") no-repeat center center/cover;
display:flex;align-items:center;justify-content:center;
}
.overlay{
position:absolute;inset:0;
display:flex;justify-content:center;align-items:flex-end;
padding-bottom:20%; /* yaz?lar yukar? al?nd? */
z-index:2;
}
.container{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
/* Yaz?lar sade ve okunur */
.badge, .handle, .arabic {
padding:10px 16px;
color:#ffffff;
text-align:center;
border:none;
text-shadow:1px 1px 3px rgba(0,0,0,0.7); /* okunakl?l?k için hafif gölge */
background:none;
}
.badge{font-weight:800;letter-spacing:0.8px;text-transform:uppercase;font-size:clamp(13px,2.6vw,24px);}
.handle{margin-top:8px;font-weight:700;font-size:clamp(12px,2vw,18px);}
.arabic{margin-top:10px;direction:rtl;font-family:"Noto Naskh Arabic",serif;font-weight:700;font-size:clamp(14px,2.4vw,28px);}
@media (max-width:520px){
.overlay{padding-bottom:18%;}
.badge{font-size:clamp(12px,4.2vw,18px)}
.arabic{font-size:clamp(12px,4.8vw,20px)}
}
</style>
</head>
<body>
</body>
</html>
'
sandbox="allow-same-origin allow-scripts"
></iframe>
