/* ===================================================
   TABAN PUAN  ·  Design System
   =================================================== */
:root{
  --ink-950:#060d1f;
  --ink-900:#0b1631;
  --ink-800:#132050;
  --ink-700:#1a3070;
  --blue-600:#1d4ed8;
  --blue-500:#3b82f6;
  --blue-400:#60a5fa;
  --blue-200:#bfdbfe;
  --sky:#0ea5e9;
  --surface:#fff;
  --off:#f5f8ff;
  --line:#e4eaf5;
  --ink:#0f1f3d;
  --dim:#64748b;
  --green:#16a34a;
  --amber:#d97706;
  --red:#dc2626;
  --rs0:8px;--rs1:12px;--rs2:16px;--rs3:22px;--rsfull:999px;
  --e1:cubic-bezier(.16,1,.3,1);
  --e2:cubic-bezier(.34,1.56,.64,1);
  --hh:60px;--bnh:0px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.6;color:var(--ink);
  background:var(--off);
  -webkit-font-smoothing:antialiased;
  padding-bottom:var(--bnh);
  margin:0;
}

a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
@media(max-width:767px){
  input[type=text],input[type=search],select,textarea{font-size:16px}
}
.page-wrap{
  width:100%;
  position:relative;
}

.container{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}

/* ─── HEADER ─── */
.header{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:var(--hh);
  background:#fff;
  backdrop-filter:blur(18px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid rgba(228,234,245,.8);
  transition:transform .32s var(--e1),box-shadow .2s;
}
.header.solid{box-shadow:0 1px 14px rgba(11,22,49,.07);background:#fff}
.header.hide{transform:translateY(-100%)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}
.logo-link{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.98rem;letter-spacing:-.025em;color:var(--ink-900)}
.logo-link img{width:34px;height:34px;border-radius:8px}
.logo-link:hover{opacity:.82}
.nav-desktop{display:none;align-items:center;gap:2px}
.nav-link{padding:8px 13px;border-radius:var(--rs0);font-size:.875rem;color:#374151;transition:background .15s,color .15s}
.nav-link:hover,.nav-link.on{background:#eef4ff;color:var(--blue-600)}
.hbtn{width:40px;height:40px;border:none;background:transparent;border-radius:var(--rs0);font-size:1.1rem;color:#374151;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;margin-top:4px}
.hbtn:active{background:#eef4ff;transform:scale(.95)}

/* ─── DESKTOP DROPDOWN MENU ─── */
.nav-dropdown{position:relative}
.nav-dropdown>.nav-link{display:flex;align-items:center;gap:5px;padding-bottom:12px;margin-bottom:-4px}
.nav-dropdown>.nav-link::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.55rem;transition:transform .2s}
.nav-dropdown:hover>.nav-link::after,.nav-dropdown:focus-within>.nav-link::after{transform:rotate(180deg)}
.nav-dropdown:hover>.nav-link,.nav-dropdown:focus-within>.nav-link{background:#eef4ff;color:var(--blue-600)}
.dropdown-menu{
  position:absolute;top:100%;left:0;
  min-width:220px;padding:8px 0;
  background:#fff;border-radius:var(--rs1);
  box-shadow:0 10px 40px rgba(11,22,49,.15),0 0 0 1px rgba(228,234,245,.9);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .2s var(--e1);z-index:9999;
  pointer-events:none;
}
/* Dropdown açık kalması için köprü */
.nav-dropdown::after{
  content:'';position:absolute;top:100%;left:0;right:0;height:10px;
}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
}
.dropdown-menu a{
  display:flex;align-items:center;gap:10px;
  padding:11px 18px;font-size:.84rem;color:#374151;
  transition:background .12s,color .12s;
  white-space:nowrap;
}
.dropdown-menu a i{width:18px;color:var(--blue-500);font-size:.78rem;flex-shrink:0}
.dropdown-menu a:hover{background:#f0f6ff;color:var(--blue-600)}
.dropdown-menu a.on{background:#eef4ff;color:var(--blue-600);font-weight:600}

/* ─── DRAWER ─── */
.overlay{position:fixed;inset:0;background:rgba(6,13,31,.45);backdrop-filter:blur(3px);z-index:1000;opacity:0;visibility:hidden;transition:.25s}
.overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;right:0;top:0;bottom:0;width:min(88vw,360px);background:#fff;z-index:1001;transform:translateX(100%);transition:transform .38s var(--e1);overflow-y:auto;box-shadow:-4px 0 40px rgba(0,0,0,.14)}
.drawer.open{transform:none}
.dhead{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}
.dcls{width:36px;height:36px;border:none;border-radius:var(--rsfull);background:#f1f5fb;color:#555;cursor:pointer;display:grid;place-items:center}
.dcls:active{transform:scale(.92)}
.dnav{padding:10px 14px 28px}
.dgrp{padding:18px 12px 8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:700;border-top:1px solid #f1f5f9;margin-top:4px}
.dgrp:first-of-type{border-top:none;margin-top:0}
.dlink{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--rs0);color:#1e293b;font-size:.9rem}
.dlink:active{background:#eef4ff;color:var(--blue-600)}
.dlink i{width:18px;text-align:center;color:var(--blue-400);font-size:.82rem}
.dlink.dsub{padding-left:20px;font-size:.85rem}
.dlink.dsub i{font-size:.75rem}

/* ─── BOTTOM NAV (mobile) ─── */
.bnav{display:none}
@media(max-width:767px){
  :root{--hh:54px;--bnh:58px}
  .bnav{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:800;
    height:var(--bnh);background:#fff;border-top:1px solid #dde4f0;
    justify-content:space-around;align-items:stretch;
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .bitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;color:#94a3b8;font-size:.61rem;font-weight:500;padding:5px 0;transition:color .15s}
  .bitem i{font-size:1.1rem;transition:transform .2s var(--e2)}
  .bitem.on{color:var(--blue-600)}
  .bitem.on i{transform:translateY(-1px) scale(1.08)}
  .bitem:active i{transform:scale(.88)}
  .nav-desktop{display:none!important}
  .hbtn{display:flex!important}
}
@media(min-width:768px){
  .nav-desktop{display:flex}
  .hbtn{display:none}
}

/* ══════════════════════════════════════
   HOME PAGE
══════════════════════════════════════ */

/* — HERO — */
.hero{
  margin-top:var(--hh);
  min-height:min(82vh,640px);
  display:flex;align-items:center;
  position:relative;
  background:var(--ink-950);
  width:100%;
  overflow:hidden;
}

/* Animated mesh */
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 100% 80% at 70% 50%,rgba(29,78,216,.55),transparent 55%),
    radial-gradient(ellipse 60% 70% at 10% 80%,rgba(14,165,233,.25),transparent 60%),
    radial-gradient(ellipse 50% 40% at 85% 10%,rgba(99,102,241,.18),transparent 50%);
  animation:meshShift 9s ease-in-out infinite alternate;
}
@keyframes meshShift{
  from{filter:hue-rotate(0deg) brightness(1)}
  to  {filter:hue-rotate(18deg) brightness(1.08)}
}

/* Grid lines decoration */
.hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 80% at 65% 50%,black,transparent);
}

.hero-wrap{position:relative;z-index:2;padding-top:40px;padding-bottom:36px;min-width:0;overflow:visible}
.hero-inner{display:grid;gap:30px;align-items:center;min-width:0}

/* Left */
.hero-tag{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 14px 5px 6px;border-radius:var(--rsfull);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  font-size:.76rem;font-weight:600;color:rgba(255,255,255,.88);
  backdrop-filter:blur(6px);margin-bottom:18px;
}
.hero-tag .dot{width:7px;height:7px;border-radius:var(--rsfull);background:#22d3ee;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

.hero-h1{font-size:clamp(2rem,5.5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:#fff}
.hero-h1 em{font-style:normal;background:linear-gradient(120deg,#93c5fd,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.hero-sub{color:rgba(255,255,255,.72);margin-top:14px;max-width:500px;font-size:clamp(.9rem,2vw,1.08rem)}

/* Search */
.hsearch{
  margin-top:24px;display:flex;background:#fff;border-radius:14px;
  padding:6px;box-shadow:0 8px 36px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.06);
  transition:box-shadow .2s;
}
.hsearch:focus-within{box-shadow:0 8px 36px rgba(0,0,0,.3),0 0 0 3px rgba(96,165,250,.5)}
.hsearch input{flex:1;min-width:0;border:none;outline:none;padding:8px 10px;color:#0f172a;background:transparent;font-size:.92rem}
.hsearch input::placeholder{color:#94a3b8}
.hsearch button{flex:0 0 auto;padding:10px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--blue-600),#2563eb);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}
.hsearch button:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)}
.hsearch button:active{transform:scale(.97)}

/* Chips */
.chip{flex:0 0 auto;padding:7px 14px;border-radius:var(--rsfull);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.88);font-size:.78rem;font-weight:500;transition:all .15s}
.chip:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}
.chip:active{transform:scale(.95)}

/* KPI Panel */
.hero-kpis{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  border-radius:20px;padding:18px;backdrop-filter:blur(14px);
  min-width:0;
}
.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;min-width:0}
.kpi-val{font-size:1.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em;word-break:break-all;text-shadow:0 1px 8px rgba(0,0,0,.2)}
.kpi-lbl{font-size:.72rem;color:rgba(255,255,255,.78);margin-top:5px;font-weight:500}
.kpi-icon{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:6px}

/* — STATS — */
.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px}
.stat-card{background:var(--surface);border-radius:var(--rs2);padding:16px;box-shadow:0 2px 12px rgba(11,22,49,.06)}
.stat-card:active{transform:scale(.98)}
.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.stat-dot{width:9px;height:9px;border-radius:var(--rsfull)}
.stat-tag{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--dim)}
.stat-val{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.stat-sub{font-size:.74rem;color:var(--dim);margin-top:3px}

/* — SCORE TYPE TABS (slider nav) — */
.stabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--line);margin-bottom:18px;position:relative}
.stabs::-webkit-scrollbar{display:none}
.stab{flex:0 0 auto;padding:10px 18px;font-size:.85rem;font-weight:600;color:var(--dim);border:none;background:transparent;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap}
.stab::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-600);transform:scaleX(0);transition:transform .25s var(--e1)}
.stab.on{color:var(--blue-600)}
.stab.on::after{transform:scaleX(1)}
.stab-panel{display:none}
.stab-panel.on{display:block}
.stab:hover{color:#2563eb}
.stab-more{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:8px 14px;border-radius:999px;
  background:#eef4ff;border:1px solid #dbeafe;color:#1d4ed8;
  font-size:.82rem;font-weight:700;transition:all .15s;
}
.stab-more:hover{background:#dbeafe;border-color:#bfdbfe}

/* — KPSS CARDS — */
.kpss-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.kpss-row::-webkit-scrollbar{display:none}
.kcard{
  flex:0 0 min(calc(100% - 30px),280px);
  background:var(--surface);border-radius:var(--rs2);padding:18px;
  display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px rgba(11,22,49,.06);
  position:relative;overflow:hidden;
}
.kcard::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%}
.kcard.kl::before{background:linear-gradient(180deg,var(--blue-600),var(--blue-400))}
.kcard.ko::before{background:linear-gradient(180deg,var(--sky),#38bdf8)}
.kcard.kr::before{background:linear-gradient(180deg,var(--green),#4ade80)}
.kcard:active{transform:scale(.98)}
.kicon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;color:#fff;flex:0 0 auto}
.kcard.kl .kicon{background:linear-gradient(135deg,var(--blue-600),var(--blue-400))}
.kcard.ko .kicon{background:linear-gradient(135deg,var(--sky),#38bdf8)}
.kcard.kr .kicon{background:linear-gradient(135deg,var(--green),#4ade80)}
.kcard h3{font-size:.95rem;font-weight:700;color:var(--ink)}
.kcard p{font-size:.77rem;color:var(--dim);margin-top:2px;line-height:1.35}
.karr{margin-left:auto;font-size:.75rem;color:#cbd5e1;transition:all .2s}
.kcard:hover .karr{color:var(--blue-500);transform:translateX(3px)}

/* — QUICK LINKS — */
.ql-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ql{background:var(--surface);border-radius:var(--rs2);padding:16px;text-align:center;box-shadow:0 2px 12px rgba(11,22,49,.06);transition:transform .2s var(--e1),box-shadow .2s}
.ql:active,.ql:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(11,22,49,.1)}
.ql-ico{width:44px;height:44px;margin:0 auto 10px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;color:var(--blue-600);font-size:1.05rem;transition:all .22s var(--e2)}
.ql:hover .ql-ico{background:var(--blue-600);color:#fff;transform:scale(1.1)}
.ql h4{font-size:.84rem;font-weight:600;color:var(--ink)}
.ql p{font-size:.73rem;color:var(--dim);margin-top:2px}

/* — HOT UNIVERSITIES — */
.ucard-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.ucard-row::-webkit-scrollbar{display:none}
.ucard{
  flex:0 0 min(calc(100% - 30px),250px);
  background:var(--surface);border-radius:var(--rs2);padding:14px 16px;
  display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px rgba(11,22,49,.06);
  transition:all .2s var(--e1);
}
.ucard:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(11,22,49,.1)}
.ucard:active{transform:scale(.97)}
.uico{width:42px;height:42px;border-radius:11px;background:#eef4ff;color:var(--blue-600);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto}
.ucard h3{font-size:.86rem;font-weight:600;line-height:1.3;margin-bottom:4px}
.umeta{font-size:.74rem;color:var(--dim);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.umeta .badge{margin-left:auto}

/* — CONTENT BLOCKS — */
.cblock{background:var(--surface);border-radius:var(--rs3);padding:20px;box-shadow:0 2px 12px rgba(11,22,49,.06);margin-bottom:12px}
.cblock--hero{background:linear-gradient(145deg,var(--ink-900),var(--blue-600) 60%,var(--sky));color:#fff}
.cblock--hero h2,.cblock--hero p{color:#fff!important}
.cblock h2{font-size:1.15rem;font-weight:700;letter-spacing:-.015em;margin-bottom:10px}
.cblock h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.cblock p{font-size:.9rem;color:#374151;line-height:1.72;margin-bottom:8px}
.cblock p:last-child{margin-bottom:0}
.score-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:10px}
.spill{background:#eef4ff;border-radius:12px;padding:12px;text-align:center}
.spill .tag{display:inline-block;padding:3px 12px;border-radius:var(--rsfull);background:var(--blue-600);color:#fff;font-size:.78rem;font-weight:700;margin-bottom:6px}
.spill p{font-size:.74rem;color:var(--dim);margin:0}
.tiplist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}
.tip{display:flex;gap:10px;background:#f5f8ff;border-radius:10px;padding:11px}
.tip i{color:var(--blue-500);flex:0 0 auto;margin-top:2px;font-size:.9rem}
.tip strong{display:block;font-size:.83rem;color:var(--ink)}
.tip span{font-size:.78rem;color:var(--dim)}
.pair{display:grid;gap:12px}
.alert-note{display:flex;gap:10px;align-items:flex-start;background:#fffbeb;border-left:3px solid var(--amber);border-radius:var(--rs1);padding:13px}
.alert-note i{color:var(--amber);margin-top:1px;flex:0 0 auto}
.alert-note strong{display:block;color:#78350f;font-size:.85rem;margin-bottom:2px}
.alert-note p{font-size:.8rem;color:#92400e;margin:0}
.alert-note a{color:var(--blue-600);font-weight:600;text-decoration:underline}

/* — FAQ — */
.faq-wrap{background:linear-gradient(150deg,var(--ink-900) 0%,var(--ink-700) 100%);border-radius:var(--rs3);padding:24px 18px;margin:8px 0 30px}
.faq-wrap h2{color:#fff;font-size:1.15rem;margin-bottom:16px}
.fqlist{display:grid;gap:7px}
.fqitem{background:var(--surface);border-radius:var(--rs1);overflow:hidden}
.fqbtn{width:100%;border:none;background:var(--surface);text-align:left;padding:14px;font-weight:600;font-size:.87rem;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;color:var(--ink);transition:background .15s}
.fqbtn:hover{background:#f5f8ff}
.fqbtn i{font-size:.7rem;color:var(--blue-500);transition:transform .25s var(--e1);flex:0 0 auto}
.fqitem.open .fqbtn i{transform:rotate(180deg)}
.fqans{max-height:0;overflow:hidden;transition:max-height .32s var(--e1)}
.fqans div{padding:11px 14px;font-size:.85rem;color:#475569;line-height:1.68;background:#f8fbff}

/* — BADGES — */
.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--rsfull);font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.bd{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.bv{background:#fef3c7;color:#b45309;border:1px solid #fde68a}
.bs{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}
.bp{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}

/* — SECTION HEADER — */
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.sec-head h2{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}
.seeall{font-size:.83rem;font-weight:600;color:var(--blue-600);display:flex;align-items:center;gap:4px;transition:gap .2s}
.seeall:hover{gap:8px}
.year-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 12px;border-radius:var(--rsfull);
  background:linear-gradient(135deg,var(--blue-600),#2563eb);
  color:#fff;font-size:.75rem;font-weight:700;
  box-shadow:0 2px 8px rgba(29,78,216,.25);
}
.year-badge i{font-size:.65rem;opacity:.8}

/* ══════════════════════════════════════
   LIST PAGE
══════════════════════════════════════ */
.pghead{background:var(--surface);margin-top:var(--hh);padding:16px 0;box-shadow:0 1px 8px rgba(11,22,49,.05)}
.pghead h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-top:6px}

/* Breadcrumb - header altında düzgün görünsün */
.breadcrumb{
  font-size:.8rem;color:#64748b;
  padding:12px 0;
  margin-top:var(--hh);
  background:#f8fafc;
  border-bottom:1px solid #e2e8f0;
  position:relative;
  z-index:100;
  display:block;
}
.breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:var(--blue-600);font-weight:500;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span:last-child{color:#1e293b;font-weight:600}
/* Breadcrumb varsa sonraki hero/main margin'i sıfırla (~ tüm sibling'leri kapsar) */
.breadcrumb ~ .detail-hero,
.breadcrumb ~ .hero,
.breadcrumb ~ .page-header,
.breadcrumb ~ .uni-hero,
.breadcrumb ~ .calculator-hero,
.breadcrumb ~ .blog-hero,
.breadcrumb ~ main,
.breadcrumb ~ .scores-main{margin-top:0!important}

/* Scores sayfası - breadcrumb yoksa margin-top gerekli */
.scores-main{margin-top:var(--hh)}
.content-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:1024px){.content-grid{grid-template-columns:240px 1fr}}
.main-col{min-width:0}
.filter-side{background:var(--surface);border-radius:var(--rs2);padding:16px;box-shadow:0 2px 12px rgba(11,22,49,.05);display:none;order:2}
.filter-side.open{display:block;animation:slfade .22s ease}
@media(min-width:1024px){.filter-side{display:block;order:0;position:sticky;top:calc(var(--hh) + 12px);align-self:start}}
.fbox h3{font-size:.95rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.filter-close{display:inline-flex;background:none;border:none;font-size:1.1rem;color:var(--dim);cursor:pointer}
@media(min-width:1024px){.filter-close{display:none}}
.mobile-filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:none;border-radius:var(--rs1);background:var(--blue-600);color:#fff;font-weight:700;font-size:.87rem;cursor:pointer;transition:background .15s;margin-bottom:10px}
.mobile-filter-btn:active{background:#1e40af;transform:scale(.98)}
@media(min-width:1024px){.mobile-filter-btn{display:none}}
.bread{display:flex;gap:5px;font-size:.78rem;color:var(--dim);flex-wrap:wrap}
.bread a{color:var(--blue-600)}

.list-layout{display:grid;gap:14px}
.filter-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:none;border-radius:var(--rs1);background:var(--blue-600);color:#fff;font-weight:700;font-size:.87rem;cursor:pointer;transition:background .15s;margin-bottom:10px}
.filter-toggle-btn:active{background:#1e40af;transform:scale(.98)}

.sidebar{background:var(--surface);border-radius:var(--rs2);padding:16px;box-shadow:0 2px 12px rgba(11,22,49,.05);display:none}
.sidebar.open{display:block;animation:slfade .22s ease}
@keyframes slfade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.sidebar h3{font-size:.95rem;font-weight:700;margin-bottom:14px}
.fg{margin-bottom:11px}
.fg label{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:600;margin-bottom:4px}
.fg input,.fg select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--rs0);background:#fff;color:var(--ink);transition:border .15s}
.fg input:focus,.fg select:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px rgba(96,165,250,.15)}
.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.btnx{border:none;border-radius:var(--rs0);padding:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s}
.btnx.p{background:linear-gradient(135deg,var(--blue-600),#2563eb);color:#fff}
.btnx.p:active{transform:scale(.97)}
.btnx.l{background:#eef4ff;color:#1e40af}
.btnx.l:active{background:#dbeafe}

/* Toolbar */
.toolbar{background:var(--surface);border-radius:var(--rs1);padding:11px 14px;box-shadow:0 2px 10px rgba(11,22,49,.05);margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}
.tinline{display:flex;align-items:center;gap:6px;background:#f4f8ff;border-radius:var(--rs0);padding:8px 10px;flex:1;min-width:0}
.tinline i{color:#94a3b8;font-size:.88rem;flex:0 0 auto}
.tinline input{border:none;outline:none;background:transparent;flex:1;font-size:.88rem;min-width:0;width:100%}
.tsel{padding:7px 10px;border:1px solid var(--line);border-radius:var(--rs0);background:#fff;font-size:.82rem;max-width:100%}
.tcount{font-size:.8rem;color:var(--dim);white-space:nowrap}
.tcount strong{color:var(--ink)}

/* Year pill */
.ypill{display:inline-flex;align-items:center;gap:7px;background:var(--blue-600);border-radius:var(--rs0);padding:6px 12px;color:#fff}
.ypill label{font-size:.78rem;font-weight:600}
.ypill select{border:none;background:rgba(255,255,255,.92);border-radius:5px;padding:3px 8px;font-size:.8rem;font-weight:600;color:var(--ink)}

/* Score rows */
.srows{display:grid;gap:9px}
/* keep tabs controlled by .on class even if panel also has .srows */
.stab-panel{display:none}
.stab-panel.on{display:block}

/* Mobile card (grid-areas: uni/dept left, score right, meta full-width) */
.srow{
  background:var(--surface);border-radius:var(--rs2);padding:13px;
  box-shadow:0 2px 10px rgba(11,22,49,.05);
  display:grid;grid-template-columns:1fr auto;
  grid-template-areas:"uni score" "dept score" "meta meta";
  gap:4px 10px;min-width:0;overflow:hidden;
}
.srow>.su{grid-area:uni;font-size:.77rem;color:var(--blue-600);font-weight:700;display:block;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.srow>.su a{color:inherit;text-decoration:none}
.srow>.su a:hover{text-decoration:underline}
.srow>.sd{grid-area:dept;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0}
.srow>.sd a{color:inherit;text-decoration:none}
.srow>.sd a:hover{color:var(--blue-600)}
.srow-score{grid-area:score;text-align:right;align-self:center}
.sv{font-size:1.3rem;font-weight:800;color:#1d4ed8;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.sl{font-size:.6rem;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.srow-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:6px;font-size:.73rem;color:var(--dim);align-items:center;min-width:0}
a.srow{text-decoration:none;color:inherit}

/* Desktop table */
@media(min-width:768px){
  .srows{gap:0;border:1px solid var(--line);border-radius:0 0 var(--rs2) var(--rs2);overflow:hidden}
  .srows-head,.srow{
    --gc:minmax(0,1.9fr) minmax(0,2.35fr) minmax(0,.95fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.75fr) minmax(0,1.15fr);
  }
  .srows-head{
    display:grid;grid-template-columns:var(--gc);
    column-gap:10px;
    padding:10px 16px;background:#f4f8ff;border-radius:var(--rs2) var(--rs2) 0 0;
    font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);
    border:1px solid var(--line);border-bottom:2px solid #dde4f0;
    min-width:0;overflow:hidden;align-items:center;
  }
  .srows-head span:nth-child(3){text-align:center}
  .srow{
    grid-template-areas:none;
    grid-template-columns:var(--gc);
    column-gap:10px;row-gap:0;padding:10px 16px;border-radius:0;box-shadow:none;
    border-bottom:1px solid var(--line);align-items:center;border:none;
    border-bottom:1px solid #f1f5f9;
  }
  .srow:last-child{border-bottom:none}
  .srow:hover{background:#f7faff}
  .srow>.su,.srow>.sd{grid-area:auto;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
  .srow>.su{font-size:.74rem}
  .srow>.sd{font-size:.78rem}
  .srow-score,.srow-meta{display:contents}
  .srow-meta>span,.srow-meta>.badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}
  .srow-meta>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.74rem;line-height:1.2}
  .sv{font-size:.84rem;font-weight:800;letter-spacing:0;-webkit-text-fill-color:#1d4ed8;background:none;text-align:center;display:block}
  .sl{display:none}
  .srow-meta .sep{display:none}
}
@media(max-width:767px){.srows-head{display:none}}

/* Pagination */
.pager{display:flex;justify-content:center;gap:4px;margin-top:16px;flex-wrap:wrap}
.pgb{min-width:36px;height:36px;border:1px solid var(--line);border-radius:var(--rs0);background:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:500;color:var(--ink);transition:all .15s}
.pgb:hover{background:#eef4ff;border-color:var(--blue-400)}
.pgb.on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}
.pgb:active{transform:scale(.93)}

/* ══════════════════════════════════════
   UNIVERSITY DETAIL PAGE
══════════════════════════════════════ */
.uni-hero{
  margin-top:var(--hh);
  background:linear-gradient(145deg,var(--ink-950) 0%,#0d2470 45%,#1e4fd8 100%);
  padding:30px 0 26px;position:relative;overflow:hidden;
}
.uni-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 100% at 90% 50%,rgba(14,165,233,.2),transparent 60%);
}
.uni-hero-inner{position:relative;z-index:1}
.uni-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--rsfull);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:12px}
.uni-badge.state{background:rgba(34,197,94,.18);color:#86efac;border:1px solid rgba(34,197,94,.3)}
.uni-badge.found{background:rgba(251,191,36,.18);color:#fde68a;border:1px solid rgba(251,191,36,.3)}
.uni-h1{font-size:clamp(1.3rem,4vw,2rem);font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.15;margin-bottom:8px}
.uni-loc{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:.85rem}
.uni-loc i{font-size:.78rem;color:rgba(255,255,255,.45)}

.uni-stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  margin-top:20px;
}
.uni-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px;backdrop-filter:blur(6px)}
.uni-stat-val{font-size:1.4rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}
.uni-stat-lbl{font-size:.73rem;color:rgba(255,255,255,.6);margin-top:4px}
.uni-stat-icon{font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:5px}

/* Tabs */
.tabs-bar{
  background:var(--surface);
  border-bottom:2px solid var(--line);
  display:flex;gap:0;overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--hh);z-index:50;
  width:100%;max-width:1080px;margin:0 auto;padding:0 20px;box-sizing:border-box;
}
@media(max-width:767px){.tabs-bar{padding:0 16px}}
@media(max-width:480px){.tabs-bar{padding:0 12px}}
.tabs-bar::-webkit-scrollbar{display:none}
.tab{
  flex:0 0 auto;padding:14px 18px;font-size:.87rem;font-weight:600;color:var(--dim);
  border:none;background:transparent;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap;
}
.tab::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-600);transform:scaleX(0);transition:transform .25s var(--e1);border-radius:2px 2px 0 0}
.tab.on{color:var(--blue-600)}
.tab.on::after{transform:scaleX(1)}

.tab-panel{display:none;padding-top:4px}
.tab-panel.on{display:block}

/* ── DETAIL TABLE ──
   Grid: #(34) | Bölüm(2fr) | T.Puan(92) | B.Sırası(92) | P.Türü(62) | Kont.(64) | Öğretim(100)
──────────────────────────────────────────── */
.dtable-wrap{
  background:var(--surface);border-radius:var(--rs2);
  overflow:hidden;border:1px solid var(--line);
  box-shadow:0 2px 10px rgba(11,22,49,.04);
}

/* Header row (desktop only) */
.dthead{
  display:none;
  grid-template-columns:34px 2fr 92px 92px 62px 64px 100px;
  padding:10px 16px;background:#f4f8ff;
  font-size:.69rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--dim);
  border-bottom:1px solid var(--line);
  gap:0;
}
.dthead span{padding:0 4px}

/* Data row — mobile default: 2-col card */
.drow{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 10px;
  padding:13px 14px;
  border-bottom:1px solid var(--line);
  transition:background .12s;
  min-width:0;
}
.drow:last-child{border-bottom:none}
.drow:hover{background:#f8fbff}

/* Mobile: show dept + score prominently, hide the rest */
.dc-n   {display:none}
.dc-dept{grid-column:1;grid-row:1;font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.3;min-width:0;overflow:hidden}
.dc-dept a{color:var(--blue-600)}
.dc-dept a:hover{text-decoration:underline}
.dc-score{grid-column:2;grid-row:1;font-size:1.2rem;font-weight:800;color:var(--blue-600);white-space:nowrap;text-align:right;letter-spacing:-.02em;align-self:start}
.dc-rank,.dc-pt,.dc-kont,.dc-edu{display:none}

/* Mobile meta summary (span all columns) */
.dc-mmeta{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;gap:5px;
  font-size:.74rem;color:var(--dim);align-items:center;
  margin-top:2px;
}
.dc-mmeta strong{color:var(--ink)}

/* Desktop: 7-column proper table */
@media(min-width:768px){
  .dthead{display:grid}

  .drow{
    display:grid;
    grid-template-columns:34px 2fr 92px 92px 62px 64px 100px;
    align-items:center;
    gap:0;
    padding:10px 16px;
  }
  .dc-n{
    display:block;
    color:#94a3b8;font-size:.75rem;font-weight:700;
    padding:0 4px;
  }
  .dc-dept{grid-column:auto;grid-row:auto;padding:0 4px}
  .dc-score{
    grid-column:auto;grid-row:auto;
    font-size:.9rem;font-weight:700;
    text-align:left;letter-spacing:0;
    white-space:nowrap;padding:0 4px;
  }
  .dc-rank,.dc-pt,.dc-kont,.dc-edu{
    display:block;font-size:.83rem;
    color:var(--dim);padding:0 4px;
  }
  .dc-kont,.dc-edu{color:var(--ink)}
  .dc-mmeta{display:none}
}

.dtag{padding:2px 8px;border-radius:var(--rsfull);font-size:.67rem;font-weight:700}
.dtag.say{background:#eff6ff;color:#1d4ed8}
.dtag.ea {background:#fffbeb;color:#92400e}
.dtag.soz{background:#fdf2f8;color:#9d174d}
.dtag.dil{background:#ecfdf5;color:#065f46}
.dtag.tyt{background:#f0fdf4;color:#166534}

/* "Daha fazla göster" row */
.dtable-more{
  padding:11px 16px;text-align:center;
  font-size:.82rem;border-top:1px solid var(--line);
  background:#fafcff;
}
.dtable-more a{color:var(--blue-600);font-weight:700}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.footer{
  background:#090f20;color:#b8c7df;
  padding:36px 0 22px;
  margin-top:40px;
  position:relative;
}
/* Footer üstü koyu arka plan - beyaz çizgiyi kapatır */
.footer::before{
  content:'';
  position:absolute;
  left:0;right:0;
  top:-40px;
  height:40px;
  background:#090f20;
  z-index:-1;
}
@media(max-width:767px){.footer{margin-bottom:var(--bnh);padding-bottom:24px}}
/* Footer altı boşluk için - mobil bottom nav */
body::after{
  content:'';display:block;height:0;
  background:#090f20;
}
@media(max-width:767px){
  body::after{height:var(--bnh)}
}
.fg-grid{display:grid;gap:24px;margin-bottom:24px;min-width:0}
.fbrand p{font-size:.83rem;margin-top:8px;color:#6b82a8;line-height:1.55}
.soc{display:flex;gap:8px;margin-top:12px}
.sb{width:36px;height:36px;border-radius:var(--rsfull);background:rgba(255,255,255,.07);display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:.9rem;transition:all .15s}
.sb:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)}
.fc h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#3d5273;font-weight:700;margin-bottom:9px}
.fc ul{list-style:none}
.fc li{margin-bottom:6px}
.fc a{font-size:.85rem;color:#6b82a8;transition:color .15s}
.fc a:hover{color:#fff}
.fb{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:.77rem;color:#3d5273;text-align:center}
.flinks{display:flex;justify-content:center;gap:16px;margin-top:8px;flex-wrap:wrap}
.flinks a{font-size:.74rem;color:#3d5273;transition:color .15s}
.flinks a:hover{color:var(--blue-400)}

/* ══════════════════════════════════════
   SMART SEARCH PICKER
══════════════════════════════════════ */
.smart-search{
  margin-top:22px;
  background:#fff;border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08);
  overflow:visible;position:relative;
  max-width:100%;
  width:100%;
  min-width:0;
}

/* Desktop: fields side by side */
.ss-fields{display:flex;align-items:stretch;min-height:54px;position:relative;flex-wrap:nowrap}
.ss-field{
  flex:1;min-width:0;display:flex;align-items:center;gap:8px;
  padding:0 12px;cursor:pointer;position:relative;
  transition:background .15s;
}
.ss-field:first-child{border-radius:14px 0 0 14px}
.ss-field:hover{background:#f8fbff}
.ss-field.active{background:#f0f6ff}
.ss-divider{width:1px;background:#e4eaf5;margin:10px 0;flex:0 0 1px}
.ss-icon{color:#94a3b8;font-size:.9rem;flex:0 0 auto;display:none}
.ss-texts{flex:1;min-width:0}
.ss-label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-weight:700;margin-bottom:1px}
.ss-input{
  display:block;width:100%;border:none;outline:none;
  background:transparent;padding:0;margin:0;
  font-family:inherit;font-size:.85rem;font-weight:500;
  color:#0f1f3d;
}
.ss-input::placeholder{color:#94a3b8;font-weight:400}
.ss-search-btn{
  flex:0 0 auto;margin:7px 7px 7px 0;
  padding:0 18px;height:40px;border:none;border-radius:10px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;
  display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap;
}
.ss-search-btn:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)}
.ss-search-btn:active{transform:scale(.97)}

/* Mobile: stack fields vertically */
@media(max-width:480px){
  .ss-fields{flex-direction:column;min-height:auto}
  .ss-field{
    border-radius:0;padding:11px 14px;
    border-bottom:1px solid #f0f5ff;min-height:52px;
  }
  .ss-field:first-child{border-radius:14px 14px 0 0}
  .ss-divider{display:none}
  .ss-icon{display:block}
  .ss-search-btn{
    margin:8px;width:calc(100% - 16px);
    justify-content:center;border-radius:10px;height:44px;
  }
}

/* Dropdown panel - position:fixed, body'ye append edilir */
.ss-dropdown{
  position:fixed;
  top:0;left:0;
  background:#fff;border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.22),0 0 0 1px rgba(228,234,245,.8);
  z-index:99999;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s var(--e1),transform .18s var(--e1),visibility .18s;
  box-sizing:border-box;
  overflow:hidden;
  display:none;
  max-height:400px;
}
.ss-dropdown.open{opacity:1;visibility:visible;transform:none;display:block}
.ss-drop-inner{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:599px){
  .ss-drop-inner{grid-template-columns:1fr}
  .ss-col:first-child{border-right:none;border-bottom:1px solid #f1f5fb}
  .ss-col{max-height:60vmax}
}
.ss-col{display:flex;flex-direction:column;overflow:hidden;min-width:0;max-height:340px}
.ss-col:first-child{border-right:1px solid #f1f5fb}
.ss-search-input{
  width:100%;border:1px solid #e4eaf5;border-radius:var(--rs0);
  padding:8px 10px 8px 32px;font-size:16px;background:#f7faff;
  outline:none;transition:border .15s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:9px center;
}
.ss-search-input:focus{border-color:var(--blue-400);background:#fff}
.ss-col-head{padding:8px 14px 4px;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-weight:700;flex:0 0 auto}
.ss-list{overflow-y:auto;flex:1;min-height:0;max-height:300px;-webkit-overflow-scrolling:touch}
.ss-item{
  display:flex;align-items:center;gap:9px;
  padding:10px 14px;cursor:pointer;transition:background .12s;font-size:.87rem;
  min-height:44px;min-width:0;
}
.ss-item:hover,.ss-item.highlighted{background:#f0f6ff}
.ss-item.selected{background:#eef4ff;font-weight:600;color:var(--blue-600)}
.ss-item-ico{width:30px;height:30px;border-radius:8px;background:#eef4ff;color:var(--blue-600);display:grid;place-items:center;font-size:.72rem;flex:0 0 auto}
.ss-item.selected .ss-item-ico{background:var(--blue-600);color:#fff}
.ss-item-txt{flex:1;min-width:0;overflow:hidden}
.ss-item-name{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ss-item-sub{font-size:.72rem;color:#94a3b8;margin-top:1px}
.ss-badge{padding:2px 7px;border-radius:var(--rsfull);font-size:.62rem;font-weight:700;background:#eef4ff;color:var(--blue-600);flex-shrink:0;white-space:nowrap}
.ss-no-result{padding:18px 14px;text-align:center;color:#94a3b8;font-size:.83rem}
.chips{display:flex;gap:8px;margin-top:14px;padding-bottom:2px;flex-wrap:wrap;justify-content:flex-start}
@media(max-width:640px){.chips{gap:6px;justify-content:center}}

/* ── POPULAR DEPARTMENTS ── */
.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;min-width:0}
.dept-card{
  background:var(--surface);border-radius:var(--rs2);padding:12px;
  box-shadow:0 2px 10px rgba(11,22,49,.05);
  display:flex;align-items:center;gap:9px;transition:all .2s var(--e1);
  min-width:0;overflow:hidden;
}
.dept-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(11,22,49,.08)}
.dept-card:active{transform:scale(.98)}
.dept-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:.9rem;color:#fff;flex:0 0 auto}
.dept-card-txt{flex:1;min-width:0}
.dept-card h4{font-size:.82rem;font-weight:600;color:var(--ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dept-card p{font-size:.7rem;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── CALCULATOR PROMO ── */
.calc-banner{
  background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 60%,#0ea5e9 100%);
  border-radius:var(--rs3);padding:22px 20px;color:#fff;
  display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
  min-width:0;
}
.calc-banner::after{
  content:'';position:absolute;right:10px;top:-10px;
  width:90px;height:90px;border-radius:50%;
  background:rgba(255,255,255,.07);pointer-events:none;
}
.calc-banner h2{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.calc-banner p{font-size:.85rem;color:rgba(255,255,255,.75);line-height:1.55}
.calc-banner .cb-btn{
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  padding:10px 20px;background:#fff;border-radius:var(--rsfull);
  color:#1d4ed8;font-weight:700;font-size:.85rem;transition:all .15s;
}
.calc-banner .cb-btn:hover{background:#eff6ff}
.calc-banner .cb-btn:active{transform:scale(.97)}
@media(min-width:640px){
  .calc-banner{flex-direction:row;align-items:center;justify-content:space-between}
  .calc-banner .cb-btn{align-self:auto}
}

/* ── BLOG SECTION ── */
.blog-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.blog-row::-webkit-scrollbar{display:none}
.blog-card{
  flex:0 0 min(calc(100% - 30px),300px);
  background:var(--surface);border-radius:var(--rs2);overflow:hidden;
  box-shadow:0 2px 10px rgba(11,22,49,.06);transition:all .2s var(--e1);
}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(11,22,49,.1)}
.blog-card:active{transform:scale(.98)}
.blog-thumb{height:130px;display:flex;align-items:center;justify-content:center;font-size:2rem}
.blog-body{padding:13px}
.blog-tag{display:inline-block;padding:2px 9px;border-radius:var(--rsfull);font-size:.65rem;font-weight:700;background:#eff6ff;color:#1d4ed8;margin-bottom:7px}
.blog-body h4{font-size:.9rem;font-weight:700;line-height:1.35;color:var(--ink)}
.blog-body p{font-size:.78rem;color:var(--dim);margin-top:5px;line-height:1.5}
.blog-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.72rem;color:#94a3b8}
.blog-meta i{font-size:.65rem}

/* ── MOBILE KPI BAND ── */
.mobile-kpi-band{display:none;background:var(--ink-900);padding:14px 0}
.mkpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}
.mkpi{display:flex;flex-direction:column;gap:2px;padding:2px 0;border-right:1px solid rgba(255,255,255,.08)}
.mkpi:last-child{border-right:none}
.mkpi-val{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}
.mkpi-lbl{font-size:.62rem;color:rgba(255,255,255,.5);margin-top:2px}
@media(max-width:599px){.mobile-kpi-band{display:block}}

/* ══════════════════════════════════════
   ADSENSE & CLICK PROTECTION
══════════════════════════════════════ */

/* Interactive elements always clickable above ads */
a,button,input,select,textarea,[role="button"],[tabindex="0"]{
  position:relative;z-index:10;
  touch-action:manipulation;
}
.srow a,.srow button,a.srow{position:relative;z-index:20}

/* Fixed/sticky UI layers above ads */
.header{z-index:900;isolation:isolate}
.bnav{z-index:800;isolation:isolate}
.tabs-bar{z-index:50;isolation:isolate}
.drawer,.overlay{z-index:1000;isolation:isolate}

/* Ad slot container */
.ad-slot{
  display:block;width:100%;max-width:100%;
  overflow:hidden;margin:20px auto;clear:both;text-align:center;
  padding:0;box-sizing:border-box;
  position:relative;z-index:1;
}
ins.adsbygoogle{display:block!important;overflow:hidden!important;max-width:100%!important}
.header .ad-slot,.bnav .ad-slot,.drawer .ad-slot,.tabs-bar .ad-slot{display:none!important}

/* Content always above auto-injected ads */
.page-wrap{position:relative;z-index:5}
.smart-search,.ss-dropdown,.srow,.kcard,.ql,.dept-card,.blog-card,.ucard,.pager,.stab-panel{
  isolation:isolate;position:relative;z-index:10;
}

/* ══════════════════════════════════════
   FAQ (details/summary)
══════════════════════════════════════ */
.faq-list{display:grid;gap:6px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs1);overflow:hidden}
.faq-item summary{padding:14px 16px;font-weight:600;font-size:.9rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .15s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.7rem;color:var(--dim);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(180deg)}
.faq-item summary:hover{background:#f4f8ff}
.faq-body{padding:0 16px 14px;font-size:.87rem;color:#475569;line-height:1.7}
.faq-body p{margin:0}

/* KPI card */
.kpi-card{background:var(--surface);border-radius:var(--rs1);padding:16px;text-align:center;box-shadow:0 2px 10px rgba(11,22,49,.05);border:1px solid var(--line)}
.kpi-card .kpi-val{display:block;font-size:1.3rem;font-weight:800;color:var(--blue-600);letter-spacing:-.02em}
.kpi-card .kpi-lbl{display:block;font-size:.72rem;color:var(--dim);margin-top:2px}

/* ══════════════════════════════════════
   LEGACY COMPATIBILITY
══════════════════════════════════════ */
.page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:24px 0;margin-top:var(--hh)}
.page-header h1{font-size:1.4rem;font-weight:800;margin-bottom:4px}
.page-header p{opacity:.8;font-size:.88rem}
.main-content{padding:20px 0}
.main-content .container{max-width:900px}
.content-card,.content-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:16px}
.content-card h2,.content-card h3,.content-box h2{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.content-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.content-card .card-icon{font-size:1.5rem;color:var(--blue-600);margin-bottom:8px}
.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--blue-600),#2563eb);color:#fff;border:none;border-radius:var(--rs0);font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;transition:all .15s}
.btn-primary:hover{opacity:.9}
.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#eef4ff;color:#1e40af;border:none;border-radius:var(--rs0);font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;transition:all .15s}
.btn-secondary:hover{background:#dbeafe}
.form-control{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--rs0);background:#fff;color:var(--ink);font-size:.88rem}
.form-control:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px rgba(96,165,250,.15)}
.alert{display:flex;gap:10px;padding:14px 16px;border-radius:var(--rs1);font-size:.85rem;margin-bottom:12px}
.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}
.alert-danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;border-collapse:collapse;font-size:.85rem}
.data-table th{background:#f4f8ff;padding:10px 12px;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border:1px solid #e2e8f0}
.data-table td{padding:10px 12px;border:1px solid #e2e8f0;vertical-align:middle}
.data-table tr:hover{background:#f7faff}
.table-link{color:var(--blue-600);text-decoration:none;font-weight:500}
.table-link:hover{text-decoration:underline}
.no-results{text-align:center;padding:40px;color:#94a3b8}
.no-results i{font-size:2rem;margin-bottom:12px;display:block}
.section-title{font-size:1.2rem;font-weight:700;margin-bottom:14px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.card{display:block;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);text-decoration:none;color:var(--ink);transition:all .15s;border:1px solid var(--line)}
.card:hover{box-shadow:0 8px 20px rgba(0,0,0,.1);transform:translateY(-2px)}
.card h3{font-size:.95rem;font-weight:700;margin-bottom:4px}
.card-meta{font-size:.78rem;color:#64748b}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}
.stat-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid var(--line)}
.stat-box i{font-size:1.3rem;color:var(--blue-600)}
.stat-box strong{display:block;font-size:1.15rem;font-weight:800;color:var(--blue-600)}
.stat-box span{font-size:.72rem;color:#64748b}
.error-page{text-align:center;padding:60px 20px;margin-top:var(--hh)}
.error-code{font-size:5rem;font-weight:900;color:var(--blue-600);line-height:1}
.error-page h2{font-size:1.3rem;margin:10px 0}
.error-page p{color:#64748b;margin-bottom:20px}
.chip.on,.chip.active{background:rgba(255,255,255,.3)}
.lead{font-size:1rem;opacity:.85}
.badge-score-type{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:var(--rsfull);font-size:.7rem;font-weight:700}
.badge-devlet,.badge-Devlet{background:#dcfce7;color:#15803d;padding:4px 10px;border-radius:var(--rsfull);font-size:.7rem;font-weight:700}
.badge-vakıf,.badge-Vakıf,.badge-vakif{background:#dbeafe;color:#1d4ed8;padding:4px 10px;border-radius:var(--rsfull);font-size:.7rem;font-weight:700}

/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
.rise{opacity:0;transform:translateY(20px);transition:opacity .5s var(--e1),transform .5s var(--e1)}
.rise.visible{opacity:1;transform:none}
.rise2{opacity:0;transform:translateY(20px);transition:opacity .5s var(--e1) .1s,transform .5s var(--e1) .1s}
.rise2.visible{opacity:1;transform:none}

/* Number counter */
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.counted{animation:countUp .6s var(--e1) both}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

/* ── Global containment ── */
section,main,footer{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.kpss-row,.ucard-row,.blog-row,.chips,.stabs{
  min-width:0;max-width:100%;
}

/* ── Score rows min-width 0 ── */
.srow,.srow-left,.srow-top,.srow-score,.srow-meta{min-width:0}
.srow-left .sd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.srow-left .su{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* ── Mobile exclusive ── */
@media(max-width:767px){
  .hero-kpis{display:none} /* hide KPI panel on mobile — cleaner hero */
  .hero-wrap{padding-top:32px;padding-bottom:28px}
  .hero-h1{font-size:clamp(1.7rem,8vw,2.4rem)}
  .hero-sub{font-size:.9rem}

  /* Stats: 2x2 on mobile */
  .stats-row{grid-template-columns:repeat(2,1fr)}

  /* UX: 3-col ql grid on mobile */
  .ql-grid{grid-template-columns:repeat(3,1fr)}
  .ql{padding:12px 8px}

  /* Toolbar: wrap properly on mobile */
  .toolbar{gap:6px}
  .ypill{display:none} /* hide year pill — simplify mobile toolbar */
  .tsel{flex:1}

  /* Sidebar: off canvas on mobile */
  .list-layout{grid-template-columns:1fr}

  /* Dept card text clip */
  .dept-card h4{font-size:.78rem}
  .dept-card p{font-size:.68rem}

  /* Calc banner */
  .calc-banner::after{display:none}

  /* Blog cards: full width on very small */
  .blog-card{flex:0 0 min(calc(100% - 20px), 280px)}

  /* Uni hero stats: 2 col */
  .uni-stats{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:600px){
  .score-pills{grid-template-columns:repeat(5,1fr)}
  .ql-grid{grid-template-columns:repeat(3,1fr)}
  .stats-row{grid-template-columns:repeat(4,1fr)}
  .uni-stats{grid-template-columns:repeat(4,1fr)}
  .pair{grid-template-columns:1fr 1fr}
  .tiplist{grid-template-columns:1fr 1fr}
  .hero-kpis{display:block}
}
@media(min-width:768px){
  .hero-inner{grid-template-columns:1.15fr .85fr}
  .ql-grid{grid-template-columns:repeat(6,1fr)}
  .list-layout{grid-template-columns:280px 1fr}
  .sidebar{display:block!important}
  .filter-toggle-btn{display:none!important}
  .fg-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
  .tiplist{grid-template-columns:repeat(3,1fr)}
  .hero-kpis{display:block}
}
@media(min-width:1024px){
  .hero-h1{font-size:3.4rem}
}

/* ══════════════════════════════════════
   DETAIL HERO (university, dept, city, kpss)
══════════════════════════════════════ */
.detail-hero{
  margin-top:var(--hh);
  padding:26px 0 22px;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 60%,#2563eb 100%);
  color:#fff;
}
.detail-hero h1{
  font-size:clamp(1.15rem,3vw,1.5rem);font-weight:800;margin:0 0 8px;line-height:1.35;
}
.detail-hero .dh-abbr{opacity:.6;font-weight:600}
.detail-hero .dh-meta{
  font-size:.84rem;opacity:.85;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.detail-hero .dh-meta i{font-size:.72rem}
.detail-hero .badge{font-size:.7rem;padding:4px 10px}
.detail-hero .chips{margin-top:14px;justify-content:flex-start}
.detail-hero .chip{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}
.detail-hero .chip:hover,.detail-hero .chip.on{background:rgba(255,255,255,.25)}

/* ══════════════════════════════════════
   KPSS SROW GRID
══════════════════════════════════════ */
.kpss-max{font-weight:700;color:#1d4ed8;font-size:.82rem}
.kpss-code{font-weight:600;color:#64748b;font-size:.72rem}

/* KPSS Desktop Table */
@media(min-width:768px){
  .kpss-srows-head,.kpss-srow{
    --kgc:minmax(0,2.1fr) minmax(0,1.8fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1fr);
  }
  .kpss-srows-head{
    display:grid;grid-template-columns:var(--kgc);
    column-gap:12px;
    padding:11px 16px;background:#f4f8ff;border-radius:var(--rs2) var(--rs2) 0 0;
    font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);
    border:1px solid var(--line);border-bottom:2px solid #dde4f0;align-items:center;
  }
  .kpss-srows-head span{text-align:left}
  .kpss-srow{
    display:grid!important;
    grid-template-columns:var(--kgc)!important;
    grid-template-areas:none!important;
    column-gap:12px;
    row-gap:0;
    padding:10px 16px;
    align-items:center;
  }
  .kpss-srow>.su{grid-area:auto;font-size:.74rem}
  .kpss-srow>.sd{grid-area:auto;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kpss-srow .sv{font-size:.84rem;text-align:left}
  .kpss-srow .kpss-max{text-align:left}
  .kpss-srow .srow-meta>span{font-size:.74rem}
}
@media(max-width:767px){.kpss-srows-head{display:none}}