/* AloIT surum 11 - header, mobil uyum, Aurora footer, yeni bilesenler */
html,body{max-width:100%;overflow-x:clip}
img,video,svg,iframe,canvas{max-width:100%}
img{height:auto}
pre,code,kbd{max-width:100%;overflow-x:auto;word-break:break-word}
input,select,textarea,button{max-width:100%}
p,li,h1,h2,h3,h4,td,th,label,small{overflow-wrap:break-word}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.bgrid,.tgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.catgrid,.bcols,.permgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.vgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.expgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.statgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}
.pimgs,.pgal{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.dm-img{max-width:100%}
/* ===== Header ===== */
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;box-sizing:border-box;width:calc(100% - 24px);max-width:var(--ctn,1140px);margin-left:auto;margin-right:auto;padding:10px 16px}
.nav .logo{flex:none;max-width:70%;min-width:0}
.logo-img{max-width:100%}
.nav nav{display:flex;align-items:center;flex:1 1 auto;flex-wrap:wrap;gap:2px 6px;min-width:0}
.nav nav>a:not(.btn){white-space:nowrap;padding:8px 11px}
.nav-acts{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}
.nav-ic{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:19px}
.nav-ic:hover{background:color-mix(in srgb,var(--a) 10%,transparent)}
.nav-ic .nlab{display:none}
.nav-ic .nbadge{position:absolute;top:1px;right:-1px;margin:0}
.udrop{position:relative}
.usum{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--bd);border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;color:inherit;font:inherit;font-weight:700;max-width:190px}
.usum:hover{border-color:var(--a)}
.av-sm{width:30px;height:30px;font-size:13px}
.uname{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caret{font-size:11px;opacity:.6}
.udrop-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh2);padding:6px;z-index:60}
.udrop:focus-within .udrop-menu,.udrop.open .udrop-menu{display:block}
.udrop-menu a{display:block;padding:9px 12px;border-radius:10px;white-space:nowrap}
.udrop-menu a:hover{background:color-mix(in srgb,var(--a) 10%,transparent)}
.udrop-menu form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--bd)}
.uout{width:100%;text-align:left;background:none;border:0;padding:9px 12px;color:#dc2626;cursor:pointer;font:inherit;border-radius:10px}
.uout:hover{background:#dc262612}
@media(max-width:960px){
 .navbtn{display:block;margin-left:auto}
 .nav nav{display:none;width:100%;flex:1 1 100%;flex-direction:column;align-items:stretch;padding-top:8px;gap:2px}
 #navt:checked~nav{display:flex}
 .nav nav>a:not(.btn){padding:12px}
 .nav nav>.btn,.nav nav>button{width:100%;margin-top:4px}
 .nav-acts{margin-left:0;flex-direction:column;align-items:stretch;width:100%;gap:2px}
 .nav-acts>a{padding:12px;text-align:left}
 .nav-acts>.btn{text-align:center}
 .nav-ic{width:auto;height:auto;display:flex;justify-content:flex-start;gap:10px;padding:12px;border-radius:12px;font-size:16px}
 .nav-ic .nlab{display:inline}
 .nav-ic .nbadge{position:static;margin-left:auto}
 .usum{display:none}
 .udrop-menu{display:block;position:static;box-shadow:none;border:0;padding:0;min-width:0;background:transparent}
 .udrop-menu a{padding:12px}
}
/* ===== Aurora footer ===== */
.sf4{margin:100px 12px 16px;background:none;color:#cbd5e1;position:relative;padding:0;text-align:left}
.sf4::before{display:none}
.sf4-card{position:relative;max-width:1180px;margin:0 auto;border-radius:32px;padding:46px 46px 22px;overflow:hidden;background:linear-gradient(135deg,#0b1220 0%,#111c33 55%,#0c1c18 100%);box-shadow:0 30px 80px #0b122055;isolation:isolate}
.sf4-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.sf4-glow.g1{width:380px;height:380px;left:-120px;top:-140px;background:var(--a)}
.sf4-glow.g2{width:340px;height:340px;right:-100px;bottom:-120px;background:#6366f1}
.sf4-top{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-bottom:30px;border-bottom:1px solid #ffffff1a}
.sf4 .sf-logo{display:inline-block}
.sf4-lead h3{font-size:clamp(24px,3.4vw,36px);line-height:1.15;color:#fff;margin:16px 0 10px;letter-spacing:-.02em}
.sf4-lead p{max-width:440px;color:#94a3b8;margin:0 0 18px}
.sf4-cta{display:flex;gap:10px;flex-wrap:wrap}
.sf4-ghost{background:transparent;border:1px solid #ffffff40;color:#fff;box-shadow:none}
.sf4-news{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;padding:22px;backdrop-filter:blur(6px)}
.sf4-news b{display:block;color:#fff;font-size:18px}
.sf4-news>span{display:block;color:#94a3b8;margin:4px 0 14px}
.sf4-form{display:flex;gap:8px;background:#0b1220;border:1px solid #ffffff26;border-radius:999px;padding:5px}
.sf4-form input{flex:1;min-width:0;margin:0;background:transparent;border:0;color:#fff;box-shadow:none;padding:10px 14px}
.sf4-form input:focus{box-shadow:none}
.sf4-form .btn{border-radius:999px;white-space:nowrap;background:var(--a)}
.sf4-news small{display:block;margin-top:10px;color:#94a3b8}
.sf4-news small a{text-decoration:underline;color:#cbd5e1}
.sf4-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:32px 0}
.sf4-cols h4{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
.sf4-cols a{display:block;color:#b6c2d4;padding:5px 0;transition:color .15s,transform .15s}
.sf4-cols a:hover{color:#fff;transform:translateX(4px)}
.sf4-ct a,.sf4-addr{display:flex;gap:10px;align-items:flex-start;margin:0}
.sf4-ct .ic,.sf4-addr .ic{color:var(--a);margin-top:4px;flex:none}
.sf4-ct a span,.sf4-addr span{min-width:0;word-break:break-word}
.sf4 .sf-soc{margin-top:12px}
.sf4-cats{display:flex;gap:8px;overflow-x:auto;padding:16px 0 18px;border-top:1px solid #ffffff1a;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sf4-cats::-webkit-scrollbar{display:none}
.sf4-cats a{flex:none;display:inline-flex;gap:8px;align-items:center;padding:7px 15px;border-radius:999px;background:#ffffff0f;border:1px solid #ffffff1f;color:#dbe4f0;font-size:13.5px;white-space:nowrap}
.sf4-cats a:hover{background:#ffffff1c;color:#fff}
.sf4-cats a i{font-style:normal;font-size:11px;background:#0b1220;border-radius:999px;padding:0 7px;line-height:18px;color:#94a3b8}
.sf4-cats a.all{color:#86efac;border-style:dashed}
.sf4-bot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #ffffff1a;color:#8b99ad;font-size:13.5px}
.sf4-up{background:#ffffff14;border:1px solid #ffffff26;color:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font:inherit}
@media(max-width:900px){.sf4-top{grid-template-columns:1fr}.sf4-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.sf4-card{padding:34px 24px 18px;border-radius:26px}}
@media(max-width:520px){.sf4{margin:70px 8px 8px}.sf4-card{padding:26px 16px 16px;border-radius:22px}.sf4-cols{gap:22px 14px}.sf4-form{flex-direction:column;border-radius:18px}.sf4-form .btn{width:100%}.sf4-news{padding:18px}.sf4-bot{justify-content:center;text-align:center}}
/* ===== Mobil alt cubuk / geri bildirim ===== */
.mbnav{display:none}
.fbtn{position:fixed;left:14px;bottom:16px;z-index:60;display:flex;gap:6px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--bd);background:var(--card);box-shadow:var(--sh2);cursor:pointer;font:inherit;font-weight:700;color:var(--tx)}
.fbtn:hover{border-color:var(--a)}
@media(max-width:800px){
 .mbnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:70;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:22px;box-shadow:0 12px 40px #0003;padding:6px}
 .mbnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:16px;font-size:11px;font-weight:600;color:var(--mut);min-width:0}
 .mbnav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mbnav a .ic{font-size:21px}
 .mbnav a.on{color:var(--a);background:color-mix(in srgb,var(--a) 11%,transparent)}
 .mbnav .nbadge{position:absolute;top:2px;right:20%;margin:0}
 body:has(.mbnav){padding-bottom:84px}
 body:has(.mbnav) .fab{bottom:88px}
 body:has(.mbnav) .backtop{bottom:140px}
 .fbtn{left:12px;bottom:14px;padding:12px}.fbtn span{display:none}
 body:has(.mbnav) .fbtn{bottom:88px}
}
/* ===== Anket / akis / geri bildirim ===== */
.pollbox{max-width:640px;margin:auto}
.pollopt{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;margin:6px 0}
.pollres{margin:10px 0}.pr-h{display:flex;justify-content:space-between;gap:10px}
.pollres progress,.bprog progress{width:100%}
.feedgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
.feedlist{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.feedlist li{display:flex;gap:12px;align-items:flex-start}.feedlist small{display:block;color:var(--mut)}
.fi{font-size:20px;flex:none}
.topc{display:flex;gap:10px;align-items:center;padding:8px 0}.topc span{min-width:0}.topc small{display:block;color:var(--mut)}.medal{font-size:22px}
.stars-in{display:flex;flex-direction:row-reverse;justify-content:center;gap:4px;margin:10px 0}
.stars-in input{position:absolute;opacity:0;width:0;height:0}
.stars-in label{font-size:34px;line-height:1;color:#cbd5e1;cursor:pointer;margin:0}
.stars-in input:checked~label,.stars-in label:hover,.stars-in label:hover~label{color:#f59e0b}
/* ===== Komut paleti (admin) ===== */
.cmdk-btn{width:100%;text-align:left;margin-bottom:8px;padding:9px 12px;border:1px dashed var(--bd);border-radius:12px;background:transparent;color:var(--mut);cursor:pointer;font:inherit}
.cmdk{position:fixed;inset:0;background:#0008;z-index:95;display:flex;justify-content:center;align-items:flex-start;padding:12vh 12px 0}
.cmdk-box{width:min(560px,100%);background:var(--card);border:1px solid var(--bd);border-radius:18px;box-shadow:0 30px 80px #0006;overflow:hidden}
.cmdk-box input{width:100%;border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:16px 18px;font-size:16px;margin:0;box-shadow:none}
.cmdk-list{max-height:50vh;overflow:auto;padding:6px}
.cmdk-list a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px}
.cmdk-list a small{color:var(--mut)}
.cmdk-list a.sel,.cmdk-list a:hover{background:color-mix(in srgb,var(--a) 12%,transparent)}
/* ===== Mobil genel ===== */
@media(max-width:700px){
 body{font-size:15px}
 main{padding-left:14px;padding-right:14px}
 .hero{padding:28px 16px;border-radius:22px}
 .hero h1,.pagehead h1{font-size:clamp(26px,8vw,36px)}
 .herosearch{flex-wrap:wrap}.herosearch input{flex:1 1 100%}.herosearch .btn{flex:1 1 100%}
 .bar{flex-wrap:wrap;gap:8px}.bar select,.bar input{flex:1 1 140px;min-width:0}
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 .two,.two2,.feedgrid{grid-template-columns:1fr}
 .btn{min-height:42px}
 input,select,textarea{font-size:16px}
 .hsec{margin:30px 0}.hsec-h{flex-wrap:wrap}
 .pagehead{padding:22px 4px 12px}
 .auth-form{padding:26px 20px}
 .pnav{grid-template-columns:1fr}
 .profile{flex-direction:column;text-align:center}.pf-av{margin:auto}
 .pmodal{padding:10px}.pm-body{padding:18px}
 .fab{right:12px;bottom:14px;padding:10px 14px}
 .backtop{right:12px;bottom:78px}
 .slide .cap{padding:0 5%}
 .post-body{font-size:17px}
 .share{justify-content:center}
 .chat-main{padding:10px}.dm-box{max-height:60vh}
 .adm{display:block}.side{position:static;max-height:none;margin-bottom:14px}
 .inline,.tabs{flex-wrap:wrap}
 .a4h p{max-width:100%}
 .mailframe{height:460px}
}
@media(max-width:420px){
 .nav{padding:8px 12px}
 .sf2-ct,.sf-soc{gap:8px}
 .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Tablet / admin tasma duzeltmeleri */
.adm{grid-template-columns:240px minmax(0,1fr)}
.adm>section{min-width:0}
@media(max-width:1024px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}
@media(max-width:900px){.adm{display:block}.side{position:static;max-height:none;margin-bottom:14px}}
.adm>section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.logo-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media(max-width:960px){.nav .logo{max-width:calc(100% - 64px)}#navt:checked~nav{max-height:calc(100vh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:520px){.logo-img{max-height:32px;max-width:52%}.logo-txt{font-size:16px}}
/* Surum 12 */
.srcbox{border-left:4px solid #6366f1;background:color-mix(in srgb,#6366f1 6%,var(--card))}
.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:8px;margin:10px 0}
.shots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--bd)}
.recent{display:flex;gap:8px;flex-wrap:wrap}
.rv-i{padding:8px 14px;border:1px solid var(--bd);border-radius:999px;background:var(--card);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-i:hover{border-color:var(--a);color:var(--a)}
.sugbox{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh2);z-index:40;overflow:hidden;text-align:left}
.sugbox a{display:block;padding:10px 14px}.sugbox a:hover{background:color-mix(in srgb,var(--a) 10%,transparent)}