/* =========================
   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;
}

/* =========================
   OTO ETKİNLİK – WHITE EDITORIAL REFINEMENT
========================= */
.otoetkinlik-section > .container{
    background:#ffffff;
    padding:28px;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.otoetkinlik-section .section-head{
    margin-bottom:20px;
    padding-left:8px;
    padding-right:8px;
}
.otoetkinlik-section .section-title,
.otoetkinlik-section .see-all{
    color:#111827;
}
.otoetkinlik-section .see-all{
    padding-right:2px;
}
.otoetkinlik-section .news-grid{
    gap:22px;
}
.otoetkinlik-section .news-card{
    background:#ffffff;
    border:1px solid rgba(15,23,42,.08);
    box-shadow:none;
}
.otoetkinlik-section .news-card h3{
    color:#111827;
}
.otoetkinlik-section .news-date{
    color:#6b7280;
}
.otoetkinlik-section .news-card:hover{
    transform:translateY(-4px);
    border-color:rgba(220,38,38,.22);
    box-shadow:0 14px 28px rgba(15,23,42,.08);
}
@media (max-width: 768px){
    .otoetkinlik-section > .container{
        padding:22px 18px;
    }
    .otoetkinlik-section .section-head{
        padding-left:2px;
        padding-right:2px;
    }
}


/* =========================
   OTO ETKINLIK – UNIFIED SHELL OVERRIDES
========================= */
.otoetkinlik-section {
    background: transparent;
    border-radius: 0;
    overflow: visible;
}

.otoetkinlik-section > .container {
    background: transparent;
    padding: 12px 28px 6px;
    border-radius: 0;
    box-shadow: none;
}

.otoetkinlik-section .section-head {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .otoetkinlik-section > .container {
        padding: 10px 18px 4px;
    }
}