body, html {
            background-color: #FFFFFF;
            font-family:Ubuntu,sans-serif;
            font-size:15px;
            font-weight:400;
            line-height:20px;
        }

        .m-20{ margin:2% !important; }

        a { color:#d52b1e; text-decoration:none; }
        a:hover{ text-decoration:underline; }

        .table {
            width:100%;
            margin-top:20px;
            margin-bottom:20px;
            overflow-x:auto;
        }

        .table-header {
            display:grid;
            grid-template-columns: 2fr 1fr 1fr;
            padding:15px 20px;
            font-weight:bold;
            border-bottom:1px solid #c2c2c2;
            min-width:760px;
            background:#ededed;
        }

/* ROW */
.table-row {
    min-width:760px;
}

.table-row:nth-child(even) {
    background:#ededed;
}

/* GRID */
.row-main {
    display:grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding:15px 20px;
    border-bottom:1px solid #c2c2c2;
    row-gap:8px;
    align-items:center;
}

/* ÜST SATIR */
.model   { grid-column:1; white-space:nowrap; }
.year    { grid-column:2; white-space:nowrap; }
.price   { grid-column:3; white-space:nowrap; font-weight:bold; }

.row-main:has(.campaign-text) .model,
.row-main:has(.campaign-text) .year,
.row-main:has(.campaign-text) .price {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}


/* KAMPANYA SATIRI */
.campaign-text {
    grid-column:1 / 2; /* Model + Yıl genişliği */
    padding-left:15px;
    font-size:13px;
}

.campaign-badge {
    grid-column:3; /* Fiyat genişliği */
    padding:0px;
    text-align:left;
    font-weight:bold;
    color:#fff;
    font-size:13px;
}

.campaign-badge span{
    padding: 6px 10px;
    background-color: #d52b1e;
    border-radius: 4px;
    white-space: nowrap;
}


.campaign-badge a { color:#fff; text-decoration:none; }
.campaign-badge a:hover{ color:#eee; text-decoration:none; }


.note {
    padding:20px;
    font-size:14px;
    line-height:22px;
}