/* ====== Tema (tamamen beyaz arkaplan) ====== */
:root{
  --brand:#0e3a8a;     /* Yakutiye lacivert */
  --brand-2:#1aa7ff;   /* aksan mavi */
  --ink:#0f2747;
  --muted:#5f789b;
  --bd:#e6ecf5;
  --radius:14px;
  --radius-img:12px;   /* görsel kıvrımı */
}

/* Genel */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink); background:#fff;                /* BEYAZ */
}
.container{max-width:1320px;margin:0 auto;padding:16px 12px}

/* Üst Kurumsal Şerit (beyaz zemin + ince alt çizgi) */
.yak-band{background:#fff;border-bottom:1px solid var(--bd)}
.yak-band .container{display:flex;align-items:center;gap:10px;min-height:52px}
.yak-brand{display:flex;align-items:center;gap:10px}
.yak-brand strong{font-weight:900;letter-spacing:.2px}
.yak-brand i{color:var(--brand)}

/* HERO (tamamen beyaz, doku/gradyan YOK) */
.yak-hero{background:#fff;border-bottom:1px solid var(--bd);padding:16px 0 18px;margin-bottom:8px}
.yak-row{display:grid;gap:18px;align-items:center}
@media(min-width:992px){.yak-row{grid-template-columns:1fr 480px}}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--bd); color:var(--brand);
  border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px
}
.yak-hero-title{
  margin:10px 0 6px;font-weight:900;font-size:clamp(22px,3.2vw,32px);line-height:1.15;
  color:#0f2747;
}
.yak-hero-lead{margin:0;color:var(--muted)}

/* Slider (beyaz karta oturtulmuş, köşeleri yumuşak) */
.yak-slider{
  position:relative;border-radius:var(--radius);overflow:hidden;
  background:#fff;border:1px solid var(--bd); box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.yak-slides{height:260px;position:relative;background:#fff}
.yak-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}
.yak-slide.is-active{opacity:1}
.yak-slide img{width:100%;height:100%;object-fit:cover;display:block}
.yak-caption{position:absolute;left:10px;bottom:10px}
.yak-chip{background:#fff;border:1px solid var(--bd);padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}
.yak-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:1px solid var(--bd);border-radius:50%;
  background:#fff;cursor:pointer
}
.yak-prev{left:8px}.yak-next{right:8px}
.yak-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:6px;justify-content:center}
.yak-dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--bd);background:#fff}
.yak-dots button[aria-selected="true"]{background:#1aa7ff;border-color:#1aa7ff}

/* Başlık + Arama (beyaz) */
.head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 12px}
.head h2{margin:0;font-weight:900;font-size:clamp(18px,3vw,24px)}
.search{position:relative;flex:1 1 280px;max-width:480px}
.search input{
  width:100%; background:#fff; color:var(--ink);
  border:1px solid var(--bd); border-radius:12px; padding:11px 44px 11px 14px; outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.search input:focus{border-color:#cfe0fb; box-shadow:0 0 0 4px rgba(26,167,255,.12)}
.search i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2c95ff}

/* Kart Grid (beyaz kartlar) */
.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.card{
  position:relative; display:flex; flex-direction:column; text-decoration:none; color:inherit;
  background:#fff; border:1px solid var(--bd); border-radius:var(--radius);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.card:hover{transform:translateY(-2px); border-color:#cfe0fb; box-shadow:0 8px 18px rgba(0,0,0,.06)}

/* Görsel kapsayıcı: beyaz zemin, ortalı, kenarları kıvrık */
.thumb{
  position:relative; aspect-ratio:16/9; background:#fff; border-bottom:1px solid var(--bd);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  padding:0; margin:0 0 0;              /* sıfırlı */
}
.thumb img{
  width:100%; height:100%; object-fit:cover;
  border-radius:var(--radius-img);      /* köşe kıvrımı */
}
.thumb-inner{
  width:100%; height:100%; padding:6px; /* görsel ile kart kenarı arasında 6px beyaz bordür etkisi */
  display:flex; align-items:center; justify-content:center;
}
.thumb-inner img{width:100%; height:100%; object-fit:cover; border-radius:var(--radius-img)}
.status-dot{
  position:absolute; right:12px; bottom:12px; width:10px; height:10px; border-radius:50%;
  background:#2ecc71; box-shadow:0 0 0 4px rgba(46,204,113,.18)
}

.body{padding:12px;display:flex;flex-direction:column;gap:10px;background:#fff}
.name{margin:0;color:#0a3e7a;font-weight:800;font-size:15px;line-height:1.25;min-height:38px}
.meta{display:flex;gap:10px;align-items:center;color:#7b94b5;font-size:12px}
.actions{display:flex;justify-content:center}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;
  border:1px solid #cfe0fb;background:#fff;color:#0a3e7a;font-weight:900;letter-spacing:.2px;cursor:pointer
}
.btn:hover{border-color:#bcd5ff; box-shadow:0 6px 14px rgba(26,167,255,.12)}

/* Erişilebilir odak */
a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:3px solid rgba(26,167,255,.35); outline-offset:2px; border-radius:12px
}

/* Küçük yardımcı: alt bilgi */
.footer-note{font-size:12px;color:#8aa0bf;margin-top:8px;text-align:center}