/* =========================
   FRONT MIX 3 COLUMN (ESKİ ALTERNATİF)
========================= */

.home-mix-columns {
    padding: 20px 0 30px;
}

.home-mix-columns .mix-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.home-mix-columns .news-card {
    border: 1px solid #eee;
    box-shadow: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.home-mix-columns .news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(0,0,0,.10);
}

.home-mix-columns .news-card h3 {
    font-size: 14px;
}

.cat-moto2 { background: #0a58ca; color: #fff; }
.cat-ssp   { background: #0097a7; color: #fff; }
.cat-moto3 { background: #f57c00; color: #fff; }

/* =========================
   HOME MIX – BOXED PREMIUM (FINAL)
========================= */

.home-mix-boxed {
    padding: 30px 0;
    padding-top: 12px;
    margin-top: -10px;
}

.home-mix-boxed .mix-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.home-mix-boxed .mix-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.home-mix-boxed .mix-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(0,0,0,0.015);
}

.home-mix-boxed .mix-moto2 { background: rgba(10, 88, 202, 0.04); }
.home-mix-boxed .mix-ssp   { background: rgba(0, 151, 167, 0.045); }
.home-mix-boxed .mix-moto3 { background: rgba(245, 124, 0, 0.045); }

.home-mix-boxed .mix-head h3 {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin: 0;
}

.home-mix-boxed .mix-moto2 .mix-head h3 { color: #0a58ca; }
.home-mix-boxed .mix-ssp   .mix-head h3 { color: #0097a7; }
.home-mix-boxed .mix-moto3 .mix-head h3 { color: #f57c00; }

/* News card base */
.home-mix-boxed .news-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.home-mix-boxed .news-card h3 {
    font-size: 14px;
}

.home-mix-boxed .news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Color hover overrides */
.home-mix-boxed .mix-moto2 .news-card:hover {
    border-color: rgba(10, 88, 202, 0.5);
    box-shadow: 0 14px 32px rgba(10, 88, 202, 0.25);
}

.home-mix-boxed .mix-ssp .news-card:hover {
    border-color: rgba(0, 151, 167, 0.55);
    box-shadow: 0 14px 32px rgba(0, 151, 167, 0.28);
}

.home-mix-boxed .mix-moto3 .news-card:hover {
    border-color: rgba(245, 124, 0, 0.55);
    box-shadow: 0 14px 32px rgba(245, 124, 0, 0.28);
}

.home-mix-boxed .mix-moto2 .news-card:hover h3 { color: #0a58ca; }
.home-mix-boxed .mix-ssp  .news-card:hover h3 { color: #0097a7; }
.home-mix-boxed .mix-moto3 .news-card:hover h3 { color: #f57c00; }

/* Date soft gap */
.home-mix-boxed .news-card time {
    display: block;
    margin-bottom: 8px;
    line-height: 1.3;
}

.home-mix-boxed .news-card a {
    padding-bottom: 0;
}

/* =========================
   BADGE – UNDER TITLE
========================= */

.home-mix-boxed .cat {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {
    .home-mix-columns .mix-grid,
    .home-mix-boxed .mix-grid {
        grid-template-columns: 1fr;
    }
}