/* ============ İÇ SAYFA BİLEŞENLERİ (Konsept C dili) ============ */
/* Sayfa başlığı */
.page-hero{padding:56px 0 30px;position:relative;overflow:hidden}
.page-hero .kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px 6px 8px;font-weight:600;font-size:.9rem;box-shadow:4px 4px 0 var(--mint);margin-bottom:22px;transform:rotate(-1.5deg)}
.page-hero .kicker .dot{width:22px;height:22px;border-radius:50%;background:var(--coral);display:grid;place-items:center;font-size:.75rem;color:#fff;animation:pulse 2s infinite}
.page-hero h1{font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:800;line-height:1;letter-spacing:-.035em;margin-bottom:20px}
.page-hero h1 .hl{position:relative;display:inline-block;padding:0 .12em;margin:0 .02em;border-radius:.22em;isolation:isolate;transform:rotate(-2deg);color:#fff}
.page-hero h1 .hl::before{content:"";position:absolute;inset:.06em -.05em;background:var(--hlc,var(--coral));border-radius:.22em;z-index:-1}
.page-hero .lead{margin-bottom:26px}
.page-hero .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.page-hero .words{z-index:-1}
/* Kırıntı */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:22px}
.crumbs a:hover{color:var(--cobalt)}
.crumbs i{font-style:normal;opacity:.6}
/* Kart ızgaraları */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:980px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}
.card.link{display:flex;flex-direction:column;color:var(--ink);transition:transform .35s var(--ease-pop),box-shadow .35s}
.card.link:hover{transform:translate(-3px,-4px) rotate(-.6deg)}
.card .go{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem}
.card .go svg{width:18px;height:18px;transition:transform .3s var(--ease-pop)}
.card:hover .go svg{transform:translateX(6px) rotate(-20deg)}
.card.tint-cobalt{background:linear-gradient(160deg,var(--cobalt-l),#fff 60%)}
.card.tint-coral{background:linear-gradient(160deg,var(--coral-l),#fff 60%)}
.card.tint-mustard{background:linear-gradient(160deg,var(--mustard-l),#fff 60%)}
.card.tint-mint{background:linear-gradient(160deg,var(--mint-l),#fff 60%)}
/* PDF listesi */
.pdf-group{margin-bottom:38px}
.pdf-group-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pdf-group-head h3{font-size:1.5rem}
.pdf-group-head .lvl{font-family:var(--font-d);font-weight:800;font-size:.8rem;padding:5px 10px;border-radius:8px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);rotate:-2deg}
.pdf-group-head small{color:var(--muted);font-weight:600}
.pdf-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pdf{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-sm);padding:12px 14px;box-shadow:4px 4px 0 var(--ink);transition:transform .3s var(--ease-pop),box-shadow .3s,background .3s;color:var(--ink)}
.pdf:hover{transform:translate(-2px,-3px) rotate(-.8deg);box-shadow:7px 7px 0 var(--ink);background:var(--pc,var(--mustard-l))}
.pdf .n{flex:none;width:34px;height:34px;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--font-d);font-weight:800;font-size:.85rem;background:var(--pc,var(--mustard))}
.pdf .t{flex:1;line-height:1.25;font-weight:600;font-size:.94rem}
.pdf .t small{display:block;font-weight:500;font-size:.76rem;color:var(--muted);margin-top:2px}
.pdf svg{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .3s var(--ease-pop)}
.pdf:hover svg{transform:translate(2px,-2px);color:var(--ink)}
@media (max-width:980px){.pdf-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pdf-list{grid-template-columns:1fr}}
/* Not kutusu */
.note{background:#fff;border:2px solid var(--ink);border-radius:var(--r-md);padding:18px 22px;box-shadow:5px 5px 0 var(--mustard);font-size:.95rem;color:var(--ink-2)}
.note b{color:var(--ink)}
/* Dergi vitrini */
.issues{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.issue{background:#fff;border:2px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;color:var(--ink);transition:transform .35s var(--ease-pop),box-shadow .35s}
.issue:hover{transform:translate(-3px,-5px) rotate(-.8deg);box-shadow:10px 10px 0 var(--ink)}
.issue .cov{aspect-ratio:3/4;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--cream);position:relative}
.issue .cov img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.issue:hover .cov img{transform:scale(1.04)}
.issue .no{position:absolute;top:14px;left:14px;font-family:var(--font-d);font-weight:800;font-size:.8rem;padding:6px 10px;border-radius:8px;border:2px solid var(--ink);background:var(--mustard);box-shadow:3px 3px 0 var(--ink);rotate:-4deg}
.issue .no.new{background:var(--coral);color:#fff}
.issue .body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.issue .date{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.issue h3{font-size:1.4rem;margin:6px 0 8px}
.issue p{font-size:.94rem;color:var(--ink-2);flex:1}
.issue .go{margin-top:14px;font-weight:700;font-size:.9rem;display:inline-flex;gap:8px;align-items:center}
.issue .go svg{width:18px;height:18px;transition:transform .3s var(--ease-pop)}
.issue:hover .go svg{transform:translateX(6px) rotate(-20deg)}
@media (max-width:980px){.issues{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.issues{grid-template-columns:1fr}}
/* Öne çıkan sayı */
.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.feature .cover-wrap{position:relative;justify-self:center;width:min(100%,380px)}
.feature .cover-wrap img{width:100%;height:auto;border:2px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg);transition:transform .5s var(--ease-pop)}
.feature .cover-wrap:hover img{transform:rotate(0) translateY(-6px)}
.feature .cover-wrap .badge{position:absolute;top:-16px;right:-10px;opacity:1;animation:float 5s ease-in-out infinite;--rot:6deg;transform:rotate(6deg)}
@media (max-width:900px){.feature{grid-template-columns:1fr}.feature .cover-wrap{order:-1;width:min(70%,300px)}}
/* Bölüm renkli şerit */
.band{background:var(--cobalt);color:#fff;border-radius:48px;padding:clamp(32px,5vw,60px);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px}
.band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem)}
.band p{color:rgba(255,255,255,.85);margin-top:6px;max-width:56ch}
.band.coral{background:var(--coral)}
.band.mint{background:var(--mint);color:var(--ink)}
.band.mint h2,.band.mint p{color:var(--ink)}
/* Kültür rehberi & mağaza sayfaları için üst menü uyumu */
body.embed .nav{margin-bottom:6px}

/* --- Bolum etiketi (.section-eyebrow) — sinav ve gramer sayfalarinda da gorunsun --- */
.section-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;
  border:2px solid var(--ink,#141633);border-radius:999px;padding:6px 15px;
  font-family:'Sora',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink,#141633);box-shadow:4px 4px 0 var(--mint,#3EDDAE)}