/* Ana sayfa — görsel inceltme (2026-10-18). Yapı eski kurgudur (afiş kaydırıcı + Öne Çıkan Eğitim + Popüler + kategori şeritleri);
   yalnızca görünüm, eğitim detay sayfası ve altbilgi v3 ile aynı dile çekildi. Sayfaya özel kurallar .hp altında. */
body { --hpInk: #1f1f1f; --hpInk2: #595959; --hpInk3: #8a8a8a; --hpCizgi: #e2ddd0; --hpYuzey: #f4f2ec; --hpVurgu: var(--buttonBg, #f6b324); --hpVurguKoyu: #e59d0b; --hpSari: var(--anarenk, #f3e31c); --hpKoyu: #232931; --hpAcikSari: #fff6d6; }
.hp { color: var(--hpInk); }
.hp a { text-decoration: none; }

/* Afiş kaydırıcı */
.hp .anaSliderSuperFikir { padding-top: 28px; align-items: flex-start; }
.hp .anaSlider { border: 0; border-radius: 18px; box-shadow: 0 18px 40px rgba(31,31,31,.14); background: var(--hpYuzey); }
.hp .anaSlider, .hp .anaSlider .flickity-viewport { height: 262px !important; }
.hp .anaSlider .item { width: 100%; height: 262px; }
.hp .anaSlider .item a { display: block; height: 100%; line-height: 0; }
.hp .anaSlider .item img { width: 100%; height: 262px !important; object-fit: cover; display: block; }
.hp .anaSlider .flickity-page-dots { bottom: 12px; }
.hp .anaSlider .flickity-page-dots .dot { width: 8px; height: 8px; margin: 0 4px; background: #fff; opacity: .9; border: 1.5px solid rgba(31,31,31,.45); box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: all .2s; }
.hp .anaSlider .flickity-page-dots .dot.is-selected { opacity: 1; width: 22px; border-radius: 4px; background: var(--hpSari); border-color: rgba(31,31,31,.5); }

/* Öne Çıkan Eğitim */
.hp .superFikirWrapper { border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 40px rgba(31,31,31,.14); background: #171b20; height: 262px; display: flex; flex-direction: column; }
.hp h3.superFikirBaslik { background: linear-gradient(135deg, var(--hpSari) 0%, var(--hpVurgu) 100%); color: #1f1f1f; font-size: 16px; font-weight: 800; letter-spacing: .01em; padding: 12px 0; flex: none; height: 46px; border-radius: 0; display: flex; align-items: center; justify-content: center; gap: 8px; }
.hp h3.superFikirBaslik i { color: #1f1f1f; font-size: 14px; }
.hp .superFikirSlider { border-radius: 0; flex: 1; }
.hp .superFikirSlider .flickity-viewport { height: 216px !important; }
.hp .superEgitimKutu { height: 216px; }
.hp .superEgitimKutu .egitimKutu, .hp .superEgitimKutu .egitimKutu a { height: 100% !important; }
.hp .superEgitimKutu .egitimKutu a { display: flex; flex-direction: column; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: #171b20; transform: none; }
.hp .superEgitimKutu .egitimKutu a .egitimResim { flex: 1; height: auto; min-height: 0; aspect-ratio: auto; background: #0f1215; }
.hp .superEgitimKutu .egitimKutu a .egitimResim img { width: 100%; height: 100%; object-fit: cover; }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik { position: absolute; left: 0; right: 0; bottom: 0; height: auto; min-height: 0; padding: 48px 16px 12px; margin: 0; background: linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,0) 100%); display: block !important; }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik h3 { color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.6); font-size: 16px; line-height: 1.35; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp .superEgitimKutu .egitimKutu a .egitimFiyat { order: 9; height: 42px; flex: none; padding: 8px 16px; background: #171b20; color: #fff; align-items: baseline; justify-content: flex-start; gap: 10px; margin: 0; border-top: 1px solid rgba(255,255,255,.08); }
.hp .superEgitimKutu .egitimKutu a .egitimEskiFiyat { width: auto; color: #9aa0a8; text-align: left; font-size: 12.5px; }
.hp .superEgitimKutu .egitimKutu a .egitimYeniFiyat { width: auto; text-align: left; color: var(--hpSari); font-size: 17px; font-weight: 800; }
.hp .superEgitimKutu .egitimKutu a .egitimFiyat:empty { display: none; }
.hp .superFikirWrapper .flickity-prev-next-button { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 4px 12px rgba(0,0,0,.3); top: 42%; transition: all .2s; }
.hp .superFikirWrapper .flickity-prev-next-button:hover { background: var(--hpSari); }
.hp .superFikirWrapper .flickity-prev-next-button svg { fill: #1f1f1f; left: 30%; top: 30%; width: 40%; height: 40%; }
.hp .superFikirWrapper .flickity-prev-next-button.previous { left: 10px; }
.hp .superFikirWrapper .flickity-prev-next-button.next { right: 10px; }

/* Bölüm başlıkları */
.hp .egitimKatList { padding-top: 30px; }
.hp .hpBaslik { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.hp .hpBaslik h2, .hp .hpBaslik h2 a { font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--hpInk); margin: 0; }
.hp .hpBaslik h2 { position: relative; padding-left: 16px; }
.hp .hpBaslik h2::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 5px; border-radius: 3px; background: linear-gradient(180deg, var(--hpSari), var(--hpVurgu)); }
.hp .hpBaslik h2 a:hover { color: var(--hpVurguKoyu); }
.hp .hpTumu { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px; color: var(--hpInk); padding: 9px 14px; border-radius: 999px; border: 1.5px solid var(--hpCizgi); white-space: nowrap; transition: all .2s; }
.hp .hpTumu i { color: var(--hpVurguKoyu); transition: transform .2s; }
.hp .hpTumu:hover { background: var(--hpInk); border-color: var(--hpInk); color: #fff; }
.hp .hpTumu:hover i { color: var(--hpSari); transform: translateX(3px); }

/* Kategori afişi */
.hp .kategoriReklamli .katBanner a { height: 280px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 26px rgba(31,31,31,.12); border: 1px solid var(--hpCizgi); background: var(--hpYuzey); display: block; }
.hp .kategoriReklamli .katBanner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.hp .kategoriReklamli .katBanner a:hover img { transform: scale(1.02); }

/* Şerit okları: kartların üstünde değil, bölüm başlığı satırında, "N eğitimin tümü" düğmesinin solunda (aynı biçim dili) */
.hp .egitimKatList { position: relative; }
.hp .egitimKatList.hpKaydirmali .hpBaslik { padding-right: 92px; }
.hp .egitimKatList .kategoriEgitimleri.flickity-enabled { position: static; }
.hp .egitimKatList .kategoriFull .kategoriEgitimleri.flickity-enabled { display: block; }
.hp .kategoriEgitimleri .flickity-prev-next-button { position: absolute; top: 30px; margin: 0; transform: none; width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1.5px solid var(--hpCizgi); box-shadow: none; color: var(--hpInk); cursor: pointer; transition: all .2s; }
.hp .kategoriEgitimleri .flickity-prev-next-button.previous { left: auto; right: 44px; }
.hp .kategoriEgitimleri .flickity-prev-next-button.next { left: auto; right: 0; }
.hp .kategoriEgitimleri .flickity-prev-next-button svg { fill: #1f1f1f; left: 30%; top: 30%; width: 40%; height: 40%; }
.hp .kategoriEgitimleri .flickity-prev-next-button:hover { background: var(--hpInk); border-color: var(--hpInk); }
.hp .kategoriEgitimleri .flickity-prev-next-button:hover svg { fill: var(--hpSari); }
.hp .kategoriEgitimleri .flickity-button:disabled { opacity: .35; cursor: default; }
/* Odak çerçevesi: fare ile tıklamada yok, klavye ile gezinmede ince halka */
.hp .flickity-enabled:focus, .hp .flickity-enabled:focus-visible, .hp .flickity-viewport:focus, .hp .flickity-viewport:focus-visible, .hp .flickity-button:focus { outline: none !important; box-shadow: none; }
.hp .flickity-button:focus-visible { outline: 2px solid var(--hpVurguKoyu); outline-offset: 2px; }

/* Eğitim kartları (EgitimKutu HTML'i aynı; görünüm yeni) */
.hp .egitimKutu { width: 232px; height: 300px; }
.hp .egitimKutu a { display: flex; flex-direction: column; height: 280px; margin: 0 10px 20px 10px; border-radius: 16px; background: #fff; border: 1.5px solid var(--hpCizgi); box-shadow: none; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.hp .egitimKutu a:hover { height: 280px; margin-top: 0; transform: translateY(-4px); box-shadow: 0 16px 34px rgba(31,31,31,.12); border-color: #cfc9bb; }
.hp .egitimKutu a .egitimResim { height: 130px; background: var(--hpYuzey); flex: none; }
.hp .egitimKutu a .egitimResim img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.hp .egitimKutu a:hover .egitimResim img { opacity: 1; transform: scale(1.06); }
.hp .egitimKutu a .aBadge, .hp .superEgitimKutu .egitimKutu a .aBadge { position: absolute; left: 10px; top: 10px; margin: 0; z-index: 2; padding: 4px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; background: var(--hpSari); color: #1f1f1f; line-height: 1.2; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.hp .aBadge::after { display: none; }
.hp .aBadge1 { background: #1f1f1f; color: var(--hpSari); }
.hp .aBadge2 { background: #2f9e5b; color: #fff; }
.hp .aBadge3 { background: var(--hpSari); color: #1f1f1f; }
.hp .egitimKutu a .egitimKategori { order: 1; background: none; margin: 11px 15px 0; padding: 0; font-size: 11px; line-height: 1.3; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #a36e00; }
.hp .egitimKutu a .egitimBaslik { order: 2; padding: 5px 15px 0; height: auto; max-height: none; min-height: 48px; display: block !important; }
.hp .egitimKutu a .egitimBaslik h3 { font-size: 15.5px; line-height: 1.35; font-weight: 700; color: var(--hpInk); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* Üzerine gelince özet: görselin üstüne kayan koyu zemin (.egitimResim::after) + 4 satır özet (.egitimAciklama) + "Detayları gör" (.egitimResim::before). Kart boyutu değişmez. */
.hp .egitimKutu a { position: relative; }
.hp .egitimKutu a .egitimResim::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(23,27,32,.96) 0%, rgba(35,41,49,.96) 100%); opacity: 0; transform: translateY(100%); transition: transform .3s ease, opacity .3s ease; }
.hp .egitimKutu a .egitimResim::before { content: "Detayları gör \2192"; position: absolute; left: 15px; bottom: 9px; z-index: 3; font-size: 12px; font-weight: 800; letter-spacing: .02em; color: var(--hpSari); opacity: 0; transition: opacity .25s ease .1s; }
.hp .egitimKutu a .egitimAciklama { position: absolute; left: 0; right: 0; top: 0; z-index: 3; margin: 0; padding: 14px 15px 0; height: auto; max-height: none; background: none; color: #eef1f5; font-size: 12.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; opacity: 0; transform: translateY(10px); transition: transform .3s ease, opacity .3s ease; pointer-events: none; }
.hp .egitimKutu a:hover .egitimResim::after, .hp .egitimKutu a:hover .egitimResim::before, .hp .egitimKutu a:hover .egitimAciklama { opacity: 1; transform: none; }
.hp .egitimKutu a:hover .egitimAciklama { height: auto; }
@media (hover: none) { .hp .egitimKutu a .egitimAciklama, .hp .egitimKutu a .egitimResim::after, .hp .egitimKutu a .egitimResim::before { display: none; } }
.hp .egitimKutu a .egitimYildizPuan { order: 3; padding: 9px 15px 0; align-items: center; }
.hp .egitimKutu a .egitimYildizlar { margin-right: 10px; }
.hp .egitimKutu a .egitimPuan { color: var(--hpInk2); white-space: nowrap; }
.hp .egitimKutu a .egitimPuan span { margin: 0 3px 0 0; }
.hp .egitimKutu a .egitimFiyat { order: 4; margin-top: auto; padding: 8px 15px 14px; align-items: baseline; justify-content: flex-start; gap: 8px; }
.hp .egitimKutu a .egitimEskiFiyat { width: auto; text-align: left; color: var(--hpInk3); }
.hp .egitimKutu a .egitimYeniFiyat, .hp .egitimKutu a .egitimEskiFiyat + .egitimYeniFiyat { width: auto; text-align: left; font-size: 17px; font-weight: 800; color: var(--hpInk); }
.hp .egitimKutu a .egitimYeniFiyat:empty::before { content: "Ön başvuruya açık"; display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .02em; color: #a36e00; background: var(--hpAcikSari); border: 1px solid #f3dd9a; border-radius: 999px; padding: 4px 10px; line-height: 1.2; }
.hp .superEgitimKutu .egitimKutu a .egitimYeniFiyat:empty::before { content: "Ön başvuruya açık"; font-size: 12.5px; color: var(--hpSari); background: none; border: 0; padding: 0; }

/* Duyarlılık */
@media (max-width: 1199px) {
    .hp .anaSlider { width: calc(100% - 320px); }
}
@media (max-width: 991px) {
    .hp .anaSliderSuperFikir { display: block; }
    .hp .anaSlider { width: 100%; }
    .hp .superFikir { width: 100%; margin: 20px 0 0; }
    .hp .superFikirWrapper { height: 300px; }
    .hp .superFikirSlider .flickity-viewport { height: 254px !important; }
    .hp .superEgitimKutu { height: 254px; }
}
@media (max-width: 768px) {
    .hp .anaSliderSuperFikir { padding-top: 0; }
    .hp .anaSlider, .hp .anaSlider .flickity-viewport { height: auto !important; }
    .hp .anaSlider .item { height: auto; }
    .hp .anaSlider .item img { height: auto !important; }
    .hp .anaSlider { border-radius: 0; box-shadow: none; }
    .hp .superFikir { width: calc(100% - 32px); margin: 18px 16px 0; }
    .hp .egitimKatList { padding-top: 34px; }
    .hp .hpBaslik { padding: 0; margin-bottom: 14px; }
    .hp .hpBaslik h2, .hp .hpBaslik h2 a { font-size: 21px; }
    .hp .hpTumu { padding: 7px 11px; font-size: 12.5px; }
    .hp .kategoriReklamli .katBanner { margin-bottom: 16px; }
    .hp .kategoriReklamli .katBanner a { border-radius: 14px; height: auto; aspect-ratio: 445 / 310; }
    .hp .egitimKutu { width: 232px; }
    .hp .egitimKutu:first-child { margin-left: 5px; }
}

/* ---- Tipografi (2026-10-18): Bilal "geneli bold, deneyime uygun değil" → tek vurgu noktası bölüm başlığı; kart içinde yalnız başlık yarı kalın;
   etiket, puan, fiyat sakin. Ağırlıklar: 400 gövde, 500 yardımcı, 600 başlık; 700/800 yok. Rakamlar tabular. ---- */
.hp { -webkit-font-smoothing: antialiased; }
.hp .hpBaslik h2, .hp .hpBaslik h2 a { font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: -.012em; color: #1f1f1f; }
.hp .hpTumu { font-weight: 500; font-size: 13px; color: #595959; letter-spacing: 0; }
.hp .hpTumu:hover { color: #fff; }

.hp h3.superFikirBaslik { font-size: 15px; font-weight: 600; letter-spacing: 0; }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik h3 { font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -.005em; }
.hp .superEgitimKutu .egitimKutu a .egitimYeniFiyat { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.hp .superEgitimKutu .egitimKutu a .egitimEskiFiyat { font-weight: 400; }

.hp .egitimKutu a .egitimKategori { font-size: 10.5px; font-weight: 500; letter-spacing: .09em; color: #8c6a1e; }
.hp .egitimKutu a .egitimBaslik h3 { font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -.005em; color: #1f1f1f; }
.hp .egitimKutu a .egitimPuan { font-size: 12px; font-weight: 400; color: #6b6b6b; }
.hp .egitimKutu a .egitimPuan span { font-weight: 500; color: #1f1f1f; }
.hp .egitimKutu a .egitimYeniFiyat, .hp .egitimKutu a .egitimEskiFiyat + .egitimYeniFiyat { font-size: 16px; font-weight: 600; letter-spacing: -.005em; font-variant-numeric: tabular-nums; color: #1f1f1f; }
.hp .egitimKutu a .egitimEskiFiyat { font-size: 12px; font-weight: 400; color: #9a9a9a; }
.hp .egitimKutu a .egitimYeniFiyat:empty::before { font-size: 11px; font-weight: 500; letter-spacing: .03em; }
.hp .egitimKutu a .aBadge, .hp .superEgitimKutu .egitimKutu a .aBadge { font-size: 10px; font-weight: 600; letter-spacing: .06em; padding: 3px 8px; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.hp .egitimKutu a .egitimAciklama { font-size: 12.5px; line-height: 1.55; font-weight: 400; color: #e6e9ee; }
.hp .egitimKutu a .egitimResim::before { font-size: 12px; font-weight: 600; letter-spacing: .01em; }

@media (max-width: 768px) {
    .hp .hpBaslik h2, .hp .hpBaslik h2 a { font-size: 20px; }
    .hp .egitimKutu a .egitimBaslik h3 { font-size: 14.5px; }
}

/* ---- Liste sayfaları (/egitimler, kategori): aynı kart dili, esnek ızgara (2026-10-18) ---- */
.hpListe .egitimKatList { padding-top: 32px; }
.hpListe .hpAdet { font-size: 13.5px; color: var(--hpInk3); white-space: nowrap; }
.hpListe .kategoriPage { margin-bottom: 40px; }
.hpListe .kategoriPage .kategoriEgitimleri { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 18px; margin: 0; }
.hpListe .kategoriPage .egitimKutu { width: auto; height: auto; min-width: 0; }
.hpListe .kategoriPage .egitimKutu a, .hpListe .kategoriPage .egitimKutu a:hover { height: 300px; margin: 0; }
.hpListe .kategoriPage .egitimKutu a .egitimResim { height: 150px; }
.hpListe .kategoriPage .egitimKutu a .egitimAciklama { -webkit-line-clamp: 5; }
.hpListe .kategoriPage .egitimKutu a .egitimResim::after { height: 150px; }
@media (max-width: 767px) {
    .hpListe .egitimKatList { padding-top: 22px; }
    .hpListe .kategoriPage .kategoriEgitimleri { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
    .hpListe .kategoriPage .egitimKutu { width: auto; margin: 0; }
    .hpListe .kategoriPage .egitimKutu a, .hpListe .kategoriPage .egitimKutu a:hover { height: 282px; }
    .hpListe .kategoriPage .egitimKutu a .egitimResim { height: 120px; }
}

/* Kart içindeki bloklar sabit yükseklikte sıkışmasın (başlık kesilmesin) */
.hp .egitimKutu a .egitimKategori, .hp .egitimKutu a .egitimBaslik, .hp .egitimKutu a .egitimYildizPuan, .hp .egitimKutu a .egitimFiyat { flex-shrink: 0; }

/* ---- Öne Çıkan Eğitim paneli düzeltmeleri (2026-10-18): kart tam genişlik; başlık katmanı fiyat şeridini örtmez; küçük kart hover efektleri bu panelde kapalı ---- */
.hp .superEgitimKutu .egitimKutu { width: 100% !important; height: 100% !important; min-width: 0; }
.hp .superEgitimKutu .egitimKutu a, .hp .superEgitimKutu .egitimKutu a:hover { height: 100% !important; margin: 0; border: 0; border-radius: 0; box-shadow: none; transform: none; background: #171b20; }
.hp .superEgitimKutu .egitimKutu a .egitimResim { position: relative; overflow: hidden; }
.hp .superEgitimKutu .egitimKutu a .egitimResim::after, .hp .superEgitimKutu .egitimKutu a .egitimResim::before { display: none !important; content: none; }
.hp .superEgitimKutu .egitimKutu a .egitimAciklama { display: none !important; }
.hp .superEgitimKutu .egitimKutu a:hover .egitimResim img { opacity: 1; transform: scale(1.03); }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik { bottom: 42px; z-index: 2; padding: 44px 16px 10px; }
.hp .superEgitimKutu .egitimKutu a .egitimFiyat { position: relative; z-index: 3; }

/* ---- Öne Çıkan: oklar yerine sayfa noktaları; başlık daha belirgin (2026-10-18) ---- */
.hp .superFikirWrapper .flickity-prev-next-button { display: none; }
.hp .superFikirSlider .flickity-page-dots { position: absolute; right: 12px; bottom: 13px; left: auto; width: auto; margin: 0; padding: 0; z-index: 4; display: flex; gap: 5px; }
.hp .superFikirSlider .flickity-page-dots .dot { width: 7px; height: 7px; margin: 0; border-radius: 50%; background: rgba(255,255,255,.35); opacity: 1; transition: all .25s; }
.hp .superFikirSlider .flickity-page-dots .dot.is-selected { background: var(--hpSari); width: 18px; border-radius: 4px; }
.hp .superEgitimKutu .egitimKutu a .egitimFiyat { padding-right: 120px; }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik { padding: 56px 16px 12px; background: linear-gradient(0deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.7) 50%, rgba(0,0,0,0) 100%); }
.hp .superEgitimKutu .egitimKutu a .egitimBaslik h3 { font-size: 17px; line-height: 1.3; font-weight: 600; letter-spacing: -.005em; -webkit-line-clamp: 3; text-shadow: 0 1px 3px rgba(0,0,0,.7); }

/* ---- Afiş kaydırıcı noktaları sol altta; en fazla 5 afiş (Index.cshtml) (2026-10-18) ---- */
.hp .anaSlider .flickity-page-dots { left: 18px; right: auto; width: auto; text-align: left; bottom: 12px; display: flex; gap: 6px; }
.hp .anaSlider .flickity-page-dots .dot { margin: 0; }

/* ---- "Şu anda devam eden eğitimler" bandı (2026-10-18): sol etiket + sürekli akan şerit; minimal, tek satır ---- */
.hpSimdi { display: flex; align-items: stretch; margin: 34px 0 -6px; border: 1.5px solid var(--hpCizgi); border-radius: 12px; background: #fff; overflow: hidden; height: 46px; }
.hpSimdiEtiket { flex: none; display: flex; align-items: center; gap: 9px; padding: 0 16px 0 14px; background: var(--hpInk); color: #fff; font-size: 11.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.hpSimdiNokta { width: 8px; height: 8px; border-radius: 50%; background: var(--hpSari); box-shadow: 0 0 0 0 rgba(243,227,28,.6); animation: hpNabiz 1.8s ease-out infinite; }
@keyframes hpNabiz { 0% { box-shadow: 0 0 0 0 rgba(243,227,28,.6); } 70% { box-shadow: 0 0 0 7px rgba(243,227,28,0); } 100% { box-shadow: 0 0 0 0 rgba(243,227,28,0); } }
.hpSimdiSerit { flex: 1; min-width: 0; display: flex; align-items: center; overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%); }
.hpSimdiListe { list-style: none; margin: 0; padding: 0 0 0 22px; display: flex; align-items: center; flex: none; animation: hpAkis 60s linear infinite; }
.hpSimdi:hover .hpSimdiListe { animation-play-state: paused; }
@keyframes hpAkis { from { transform: translateX(0); } to { transform: translateX(-100%); } }
.hpSimdiListe li { flex: none; display: flex; align-items: center; }
.hpSimdiListe li::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--hpVurguKoyu); margin: 0 22px; opacity: .8; }
.hpSimdiListe a { display: inline-flex; align-items: baseline; gap: 7px; color: var(--hpInk); font-size: 14px; white-space: nowrap; text-decoration: none; }
.hpSimdiListe a b { font-weight: 600; color: var(--hpInk); }
.hpSimdiListe a i { width: 1px; height: 12px; background: var(--hpCizgi); align-self: center; }
.hpSimdiListe a span { font-weight: 400; color: var(--hpInk2); }
.hpSimdiListe a:hover span { color: var(--hpInk); text-decoration: underline; text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .hpSimdiListe { animation: none; } .hpSimdiSerit { overflow-x: auto; } .hpSimdiNokta { animation: none; } }
@media (max-width: 767px) {
    .hpSimdi { margin: 24px 0 -4px; height: 42px; border-radius: 10px; }
    .hpSimdiEtiket { padding: 0 12px; font-size: 11px; gap: 7px; }
    .hpSimdiListe { animation-duration: 45s; padding-left: 14px; }
    .hpSimdiListe a { font-size: 13px; }
    .hpSimdiListe li::after { margin: 0 14px; }
}

/* Rozet renkleri (İP-A, 2026-10-19): yönetimde EgitimEdit → Rozet rengi. Sınıf yoksa eski görünüm sürer. */
.hp .egitimKutu a .aBadge.aRenk-sari { background: #f3e31c; color: #1f1f1f; }
.hp .egitimKutu a .aBadge.aRenk-amber { background: #e59d0b; color: #1f1f1f; }
.hp .egitimKutu a .aBadge.aRenk-koyu { background: #232931; color: #f3e31c; }
.hp .egitimKutu a .aBadge.aRenk-kirmizi { background: #c62828; color: #fff; }
.hp .egitimKutu a .aBadge { max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }