/* =========================
   OTO ETKİNLİK – DARK
========================= */

.otoetkinlik-section {
    background:#ffffff;
    padding:0;
    margin-bottom:32px;
    border-radius:16px;
    overflow:hidden;
}

.otoetkinlik-section > .container {
    background:#121212;
    padding:28px;
    border-radius:16px;
    box-shadow:0 14px 40px rgba(0,0,0,.45);
}

.otoetkinlik-section .section-head {
    margin-bottom:20px;
}

.otoetkinlik-section .section-title,
.otoetkinlik-section .see-all {
    color:#fff;
    font-size:13px;
    font-weight:800;
    line-height:1.3;
}

.otoetkinlik-section .see-all{
    font-weight:700;
}

.otoetkinlik-section .see-all:hover{
    opacity:.85;
}


/* =========================
   NEWS CARD
========================= */

.otoetkinlik-section .news-card{
    background:#1c1c1c;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:none;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.otoetkinlik-section .news-card h3{
    color:#fff;
}

.otoetkinlik-section .news-date{
    color:#aaa;
}

.otoetkinlik-section .news-card:hover{
    transform:translateY(-4px);
    border-color:rgba(220,38,38,.35);
    box-shadow:0 14px 32px rgba(220,38,38,.18);
}


/* =========================
   BADGE
========================= */

.otoetkinlik-section .cat{
    display:inline-block;

    margin-top:5px;
    margin-left:5px;
    margin-bottom:6px;

    background:#c40000;
    color:#fff;

    font-size:11px;
    font-weight:700;

    padding:4px 8px;
    border-radius:6px;
}


/* =========================
   FIX: COLUMNS → OTOETKINLIK
========================= */

.front-page-after-sponsor .otoetkinlik-section{
    margin-top:24px;
}