/* ::::::::::::::::::::::::::::::::::::::::::::::::: */
/*  ILGILI YAZILAR SLIDER — ilgili-yazilar.css     */
/* ::::::::::::::::::::::::::::::::::::::::::::::::: */
.ilgili-yazilar { margin: 12px 0 16px; }
.ilgili-yazilar .ilgili-baslik {
    font-size: 17px; font-weight: 700; color: #0877ad; margin: 0 0 12px;
    display: flex; align-items: center; gap: 10px;
}
.ilgili-yazilar .ilgili-baslik .fa { color: #1695d5; font-size: 18px; }
.ilgili-yazilar .ilgili-baslik::after {
    content: ""; flex: 1; height: 2px; background: #1695d5;
    border-radius: 2px; margin-left: 4px;
}
.ilgili-yazilar .ilgili-sar { position: relative; }
.ilgili-yazilar .ilgili-track {
    display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth;
    scroll-snap-type: x mandatory; padding: 4px 2px 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; scrollbar-color: #1695d5 transparent;
}
.ilgili-yazilar .ilgili-track::-webkit-scrollbar { height: 6px; }
.ilgili-yazilar .ilgili-track::-webkit-scrollbar-thumb { background: #1695d5; border-radius: 3px; }
.ilgili-yazilar .ilgili-kart {
    flex: 0 0 240px; width: 240px; scroll-snap-align: start;
    border: 1px solid #e8e8e8; border-radius: 12px; overflow: hidden;
    background: #fff; text-decoration: none; color: inherit;
    display: flex; flex-direction: column; transition: border-color 0.15s ease;
}
.ilgili-yazilar .ilgili-kart:hover { border-color: #1695d5; }
.ilgili-yazilar .ilgili-kart-resim {
    width: 100%; height: 135px; object-fit: cover; display: block; background: #f0f4f7;
}
.ilgili-yazilar .ilgili-kart-govde { padding: 12px 14px; }
.ilgili-yazilar .ilgili-kart-baslik {
    font-size: 14px; font-weight: 600; color: #1f2a37; line-height: 1.4;
    margin: 0 0 6px; display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; overflow: hidden;
}
.ilgili-yazilar .ilgili-kart-tarih { font-size: 12px; color: #8a98a5; }
.ilgili-yazilar .ilgili-tumunu {
    flex: 0 0 160px; width: 160px; scroll-snap-align: start;
    border: 1px solid #cfe7f3; border-radius: 12px; background: #edf7fc;
    text-decoration: none; color: #0877ad;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; font-size: 14px; font-weight: 700; text-align: center;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}
.ilgili-yazilar .ilgili-tumunu:hover { border-color: #1695d5; background: #cfe7f3; }
.ilgili-yazilar .ilgili-tumunu .ilgili-tumunu-ikon {
    width: 44px; height: 44px; border-radius: 50%; background: #fff;
    border: 1px solid #cfe7f3; color: #1695d5; display: flex;
    align-items: center; justify-content: center; font-size: 20px;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ilgili-yazilar .ilgili-tumunu:hover .ilgili-tumunu-ikon { background: #1695d5; border-color: #1695d5; color: #fff; }
.ilgili-yazilar .ilgili-ok {
    position: absolute; top: 0; bottom: 0; width: 60px; z-index: 3; border: 0;
    background: transparent; cursor: pointer; display: flex; align-items: center;
    justify-content: center; padding: 0; transition: opacity 0.15s ease;
}
.ilgili-yazilar .ilgili-ok-sol { left: 0; }
.ilgili-yazilar .ilgili-ok-sag { right: 0; }
.ilgili-yazilar .ilgili-ok .fa {
    width: 52px; height: 52px; border-radius: 50%; background: #fff;
    border: 1px solid #cfe7f3; color: #1695d5; display: flex; align-items: center;
    justify-content: center; font-size: 24px;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ilgili-yazilar .ilgili-ok:hover .fa { background: #1695d5; border-color: #1695d5; color: #fff; }
.ilgili-yazilar .ilgili-ok.gizli { opacity: 0; pointer-events: none; }
@media (max-width: 600px) {
    .ilgili-yazilar .ilgili-kart { flex-basis: 200px; width: 200px; }
    .ilgili-yazilar .ilgili-ok { display: none; }
}