/* =====================================================
   MH-101 - MUHATAP TEK BÜYÜK KAPAK
   v1.0 SPONSOR / MINI BANNER OVERLAY

   - Kapak her zaman tam genişlik
   - Grafik kapak ASLA kırpılmaz
   - Sponsorlar merkezi Sponsor Paketinden gelir
   - Sponsor paketi = banner görseli + bağlantı
   - Ulusal / Yerel etiketi widget tarafından gösterilir
   - Ulusal ve Yerel sponsor konumları bağımsızdır
   - Aynı tarafta alt alta dizilir
   - Sağ / Sol overlay korunur
   - Dar alan ve mobilde overlay korunur
===================================================== */

.muhatap-home-widget.mh-101 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;

    background: transparent;
}

.muhatap-home-widget.mh-101 * {
    box-sizing: border-box;
}


/* =====================================================
   ANA YAPI
===================================================== */

.mh-101-layout,
.mh-101-cover {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}

.mh-101-cover {
    position: relative;
}


/* =====================================================
   KAPAK
===================================================== */

.mh-101-link {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    text-decoration: none;
}

.mh-101-image {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =====================================================
   SPONSOR OVERLAY GRUBU
===================================================== */

.mh-101-sponsors {
    position: absolute;

    top: 7%;

    z-index: 5;

    display: flex;
    flex-direction: column;

    gap: 12px;

    width: clamp(170px, 18.5%, 218px);

    margin: 0;
    padding: 0;

    pointer-events: auto;
}


/* =====================================================
   SOL KONUM
===================================================== */

.mh-101-sponsors-left .mh-101-sponsors {
    left: 2.3%;
    right: auto;
}


/* =====================================================
   SAĞ KONUM
===================================================== */

.mh-101-sponsors-right .mh-101-sponsors {
    right: 2.3%;
    left: auto;
}


/* =====================================================
   SPONSOR / MINI BANNER KARTI
===================================================== */

.mh-101-sponsor {
    display: block;

    width: 100%;

    margin: 0;
    padding: 8px;

    background: rgba(255, 255, 255, 0.96);

    color: #111111;

    box-shadow:
        0 2px 10px
        rgba(0, 0, 0, 0.10);
}


/* =====================================================
   SPONSOR ETİKETİ
===================================================== */

.mh-101-sponsor-label {
    display: block;

    margin: 0 0 6px;
    padding: 0;

    font-size: 9px;
    line-height: 1.1;
    font-weight: 700;

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #666666;
}


/* =====================================================
   SPONSOR BANNERI
===================================================== */

.mh-101-sponsor-logo {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* BAĞLANTI */

.mh-101-sponsor-logo a {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    text-decoration: none;
}


/* BANNER GÖRSELİ */

.mh-101-sponsor-logo img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
}


/* =====================================================
   DAR ALAN
   OVERLAY KORUNUR
===================================================== */

@media (max-width: 900px) {

    .mh-101-sponsors {
        top: 5%;

        gap: 9px;

        width: clamp(
            125px,
            20%,
            165px
        );
    }


    .mh-101-sponsors-left .mh-101-sponsors {
        left: 2%;
    }


    .mh-101-sponsors-right .mh-101-sponsors {
        right: 2%;
    }


    .mh-101-sponsor {
        padding: 6px;
    }


    .mh-101-sponsor-label {
        margin-bottom: 5px;

        font-size: 7.5px;
    }
}


/* =====================================================
   MH-101 - MOBİL

   - Sponsorlar kapak üstünde kalır
   - Sağ / Sol tercihi korunur
   - Ulusal + Yerel aynı tarafta alt alta gelebilir
   - Banner oranı korunur
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-101 {
        width: 100%;
        max-width: 100%;
    }


    .mh-101-cover {
        position: relative;

        width: 100%;
    }


    .mh-101-image {
        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;
    }


    /* =============================================
       SPONSOR GRUBU
    ============================================== */

    .mh-101-sponsors {
        position: absolute;

        top: 4%;

        display: flex;
        flex-direction: column;

        gap: 7px;

        width: 29%;
        max-width: 135px;

        margin: 0;
        padding: 0;

        z-index: 5;
    }


    /* SOL */

    .mh-101-sponsors-left .mh-101-sponsors {
        left: 2.5%;
        right: auto;
    }


    /* SAĞ */

    .mh-101-sponsors-right .mh-101-sponsors {
        right: 2.5%;
        left: auto;
    }


    /* =============================================
       SPONSOR / MINI BANNER
    ============================================== */

    .mh-101-sponsor {
        width: 100%;

        margin: 0;
        padding: 5px;

        background:
            rgba(
                255,
                255,
                255,
                0.96
            );

        box-shadow:
            0 1px 6px
            rgba(
                0,
                0,
                0,
                0.10
            );
    }


    /* ETİKET */

    .mh-101-sponsor-label {
        margin: 0 0 4px;

        font-size: 6.5px;
        line-height: 1.1;

        letter-spacing: 0.04em;
    }


    /* BANNER */

    .mh-101-sponsor-logo,
    .mh-101-sponsor-logo a {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;
    }


    .mh-101-sponsor-logo img {
        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;

        margin: 0;

        object-fit: contain;
    }
}


/* =====================================================
   MH-101 - ÇOK DAR TELEFON
===================================================== */

@media (max-width: 420px) {

    .mh-101-sponsors {
        top: 3%;

        gap: 5px;

        width: 30%;
        max-width: 112px;
    }


    .mh-101-sponsors-left .mh-101-sponsors {
        left: 2%;
    }


    .mh-101-sponsors-right .mh-101-sponsors {
        right: 2%;
    }


    .mh-101-sponsor {
        padding: 4px;
    }


    .mh-101-sponsor-label {
        margin-bottom: 3px;

        font-size: 5.8px;
    }
}

/* =====================================================
   MH-102 — İKİLİ KAPAK
   v1.0

   - Masaüstü: iki kapak yan yana
   - Dar alan: iki kapak yan yana kalır, orantılı küçülür
   - Mobil: alt alta geçer
   - Görseller kırpılmaz
===================================================== */

.muhatap-home-widget.mh-102 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}

.muhatap-home-widget.mh-102 * {
    box-sizing: border-box;
}


/* =====================================================
   ANA İKİLİ YAPI
===================================================== */

.muhatap-home-widget.mh-102.muhatap-ikili-gorsel {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 18px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =====================================================
   KAPAK KARTLARI
===================================================== */

.muhatap-home-widget.mh-102
.muhatap-gorsel-karti {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: hidden;

    text-decoration: none;
}


/* =====================================================
   GÖRSELLER
===================================================== */

.muhatap-home-widget.mh-102
.muhatap-gorsel-karti img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
}


/* =====================================================
   DAR ALAN
   İKİLİ YAPI KORUNUR
===================================================== */

@media (max-width: 900px) {

    .muhatap-home-widget.mh-102.muhatap-ikili-gorsel {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 12px;
    }

}


/* =====================================================
   MOBİL
   ALT ALTA
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-102.muhatap-ikili-gorsel {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

}
/* =====================================================
   MH-103 - MUHATAP ÜÇLÜ KAPAK
   1 Büyük + 2 Küçük

   - Büyük sağ / küçükler sol
   - Büyük sol / küçükler sağ
   - 1170 x 520 temel oran
   - Dar alanda orantılı küçülür
   - Grafik kapaklar asla kırpılmaz
===================================================== */

.muhatap-home-widget.mh-103 {
    display: flex;

    width: 100%;
    max-width: 1170px;

    gap: 20px;

    margin: 0 auto;
    padding: 0;

    align-items: flex-start;

    box-sizing: border-box;
}


/* =====================================================
   İKİ KÜÇÜK KAPAK
===================================================== */

.mh-103-small-stack {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 20px;

    min-width: 0;
}


.mh-103-small {
    display: block;

    width: 100%;

    overflow: visible;
}


.mh-103-small img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =====================================================
   BÜYÜK KAPAK
===================================================== */

.mh-103-big {
    flex: 2;

    display: block;

    min-width: 0;

    overflow: visible;
}


.mh-103-big img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =====================================================
   MH-103 - MOBİL
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-103 {
        display: block;

        width: 100%;
        max-width: 100%;

        margin: 0;
    }


    .mh-103-small-stack {
        display: block;

        width: 100%;
    }


    .mh-103-small,
    .mh-103-big {
        display: block;

        width: 100%;
    }


    .mh-103-small {
        margin-bottom: 24px;
    }


    .mh-103-big {
        margin-bottom: 24px;
    }


    .mh-103 img {
        display: block;

        width: 100%;
        height: auto;
    }
}

/* =====================================================
   MH-104 — ÖZEL 5'Lİ
   v0.3 TEMİZ

   YAPI:

   1 — Büyük Grafik Kapak

   2. BLOK
   Sol:
   - Grafik Kapak 2

   Sağ üst:
   - Ulusal Sponsor
   - Yerel Sponsor

   Sağ alt:
   - Haber 3

   3. BLOK
   - Haber 4
   - Haber 5

   TEMEL KURAL:
   - Kapak 1 doğal oranlıdır.
   - Kapak 2 sabit 1:1 alandır.
   - Sağ kolon Kapak 2 ile aynı yüksekliktedir.
   - Haber 3 metni görselin hemen altında başlar.
   - Haber 4 ve Haber 5 yan yana kalır.
   - Dar alan ve mobilde yeniden dizilim yapılmaz.
===================================================== */


/* =====================================================
   ANA PANEL
===================================================== */

.muhatap-home-widget.mh-104 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 2.05cqw;

    container-type: inline-size;

    background: var(--mh104-panel-color);

    font-family: Inter, Arial, sans-serif;

    box-sizing: border-box;

    overflow: hidden;
}


.muhatap-home-widget.mh-104 * {
    box-sizing: border-box;
}


/* =====================================================
   ÜST KİMLİK
===================================================== */

.mh-104-header {
    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    width: 100%;

    gap: 2.05cqw;

    margin: 0 0 1.70cqw;

    color: #ffffff;
}


.mh-104-identity {
    display: flex;
    flex-direction: column;

    min-width: 0;

    gap: 0.25cqw;
}


.mh-104-brand {
    display: block;

    margin: 0;

    font-size: 1.70cqw;
    line-height: 1;

    font-weight: 600;

    letter-spacing: -0.02em;

    color: #ffffff;
}


.mh-104-study {
    display: block;

    margin: 0;

    font-size: 2.65cqw;
    line-height: 1.05;

    font-weight: 600;

    letter-spacing: -0.025em;

    color: #ffffff;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


.mh-104-place {
    min-width: 0;

    margin: 0;

    font-size: 1.95cqw;
    line-height: 1.05;

    font-weight: 600;

    letter-spacing: -0.015em;

    text-align: right;

    color: #ffffff;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   1 — BÜYÜK GRAFİK KAPAK
===================================================== */

.mh-104-top {
    display: block;

    width: 100%;

    margin: 0 0 2.55cqw;
    padding: 0;

    text-decoration: none;
}


.mh-104-top img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =====================================================
   2. BLOK
   KAPAK 2 + SAĞ KOLON

   48 + 4 + 48 = 100
===================================================== */

.mh-104-middle {
    display: flex;

    width: 100%;

    gap: 4%;

    margin: 0 0 2%;
    padding: 0;

    align-items: stretch;
}


.mh-104-middle-left,
.mh-104-middle-right {
    flex: 0 0 48%;

    width: 48%;

    min-width: 0;

    margin: 0;
    padding: 0;

    aspect-ratio: 1 / 1;

    overflow: hidden;
}


/* =====================================================
   2 — GRAFİK KAPAK
===================================================== */

.mh-104-main-big {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    text-decoration: none;
}


.mh-104-main-big img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
    object-position: center;
}


/* =====================================================
   SAĞ KOLON

   Sponsorlar %20
   Ara %1
   Haber 3 %79
===================================================== */

.mh-104-middle-right {
    display: flex;
    flex-direction: column;

    flex: 0 0 48%;

    width: 48%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    aspect-ratio: 1 / 1;

    overflow: hidden;
}


/* =====================================================
   SPONSOR SATIRI
===================================================== */

.mh-104-sponsor-grid {
    display: flex;

    flex: 0 0 20%;

    width: 100%;

    gap: 2%;

    margin: 0 0 5%;
    padding: 0;

    min-width: 0;
    min-height: 0;

    overflow: hidden;
}


.mh-104-sponsor-slot {
    flex: 0 0 49%;

    width: 49%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    background: rgba(255, 255, 255, 0.96);

    overflow: hidden;
}


/* =====================================================
   SPONSOR KARTI

   ULUSAL SPONSOR : SPONSOR ADI
   Katkı cümlesi
   Büyük logo
===================================================== */

.mh-104-sponsor-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0.48cqw 0.62cqw;

    color: #111111;

    overflow: hidden;
}


/* =====================================================
   SPONSOR ÜST SATIR
===================================================== */

.mh-104-sponsor-heading {
    display: flex;
    align-items: baseline;

    flex: 0 0 auto;

    width: 100%;
    min-width: 0;

    margin: 0 0 0.18cqw;

    white-space: nowrap;

    overflow: hidden;
}


.mh-104-sponsor-label {
    flex: 0 0 auto;

    margin: 0;

    font-size: 0.72cqw;
    line-height: 1.08;

    font-weight: 600;

    letter-spacing: 0.02em;

    text-transform: uppercase;

    color: #666666;
}


.mh-104-sponsor-separator {
    flex: 0 0 auto;

    margin: 0 0.20cqw;

    font-size: 0.72cqw;
    line-height: 1.08;

    font-weight: 600;

    color: #666666;
}


.mh-104-sponsor-name {
    flex: 1 1 auto;

    min-width: 0;

    margin: 0;

    font-size: 0.80cqw;
    line-height: 1.08;

    font-weight: 700;

    color: #111111;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   SPONSOR KATKI CÜMLESİ
===================================================== */

.mh-104-sponsor-note {
    flex: 0 0 auto;

    width: 100%;
    min-width: 0;

    margin: 0 0 0.20cqw;

    font-size: 0.64cqw;
    line-height: 1.12;

    font-weight: 400;

    color: #555555;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   SPONSOR LOGOSU
   KALAN ALANIN TAMAMINI KULLANIR
===================================================== */

.mh-104-sponsor-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 1 1 auto;

    width: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    overflow: hidden;
}


.mh-104-sponsor-logo a {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    text-decoration: none;
}


.mh-104-sponsor-logo img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: 100%;
    max-height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
    object-position: center;
}


/* =====================================================
   HABER 3 ALANI
===================================================== */

.mh-104-news-3 {
    display: block;

    flex: 0 0 75%;

    width: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    overflow: hidden;
}


/* =====================================================
   HABER 3 KARTI

   ÖNEMLİ:
   Ayrı grid/yüzde sistemi kullanılmaz.
   Görsel 16:9 gelir.
   Metin hemen altında kalan alanı doldurur.
===================================================== */

.mh-104-news-3 .mh-104-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    background: var(--mh104-panel-color);

    overflow: hidden;
}


.mh-104-news-3 .mh-104-card-image {
    display: block;

    flex: 0 0 auto;

    width: 100%;

    aspect-ratio: 16 / 9;

    margin: 0;
    padding: 0;

    overflow: hidden;

    text-decoration: none;
}


.mh-104-news-3 .mh-104-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
    object-position: center;
}


.mh-104-news-3 .mh-104-card-text {
    display: block;

    flex: 1 1 auto;

    width: 100%;

    min-width: 0;
    min-height: 0;

    height: auto;

    margin: 0;

    padding:
        0.72cqw
        0
        0.45cqw;

    background: var(--mh104-panel-color);

    color: #ffffff;

    overflow: hidden;
}


/* =====================================================
   3. BLOK
   HABER 4 + HABER 5

   48 + 4 + 48 = 100
===================================================== */

.mh-104-bottom-grid {
    display: flex;

    width: 100%;

    gap: 4%;

    margin: 0;
    padding: 0;
}


.mh-104-news-4,
.mh-104-news-5 {
    flex: 0 0 48%;

    width: 48%;

    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: hidden;
}


/* =====================================================
   HABER 4 / HABER 5 ORTAK KART
===================================================== */

.mh-104-news-4 .mh-104-card,
.mh-104-news-5 .mh-104-card {
    display: flex;
    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;

    background: var(--mh104-panel-color);

    overflow: hidden;
}


/* =====================================================
   HABER 4 / 5 GÖRSELİ
   800 x 450 = 16:9
===================================================== */

.mh-104-news-4 .mh-104-card-image,
.mh-104-news-5 .mh-104-card-image {
    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    margin: 0;
    padding: 0;

    overflow: hidden;

    text-decoration: none;
}


.mh-104-news-4 .mh-104-card-image img,
.mh-104-news-5 .mh-104-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: contain;
    object-position: center;
}


/* =====================================================
   HABER 4 / 5 METİN ALANI
===================================================== */

.mh-104-news-4 .mh-104-card-text,
.mh-104-news-5 .mh-104-card-text {
    width: 100%;

    height: 8.25cqw;

    margin: 0;

    padding:
        0.72cqw
        0
        0.45cqw;

    background: var(--mh104-panel-color);

    color: #ffffff;

    overflow: hidden;
}


/* =====================================================
   HABER ÜST BAŞLIK
===================================================== */

.mh-104-kicker {
    display: block;

    height: 1.65cqw;

    margin: 0 0 0.20cqw;
    padding: 0;

    font-size: 1.50cqw;
    line-height: 1.1;

    font-weight: 600;

    color: #ffffff;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   HABER ANA BAŞLIK
===================================================== */

.muhatap-home-widget.mh-104 .mh-104-title {
    display: -webkit-box;

    width: 100%;

    margin: 0;
    padding: 0;

    font-size: 2.15cqw !important;
    line-height: 1.14 !important;

    font-weight: 500;

    letter-spacing: -0.015em;

    color: #ffffff !important;

    text-decoration: none;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}


.muhatap-home-widget.mh-104 .mh-104-title:hover {
    color: #ffffff !important;
}


/* =====================================================
   DAR ALAN

   DİZİLİM DEĞİŞMEZ.
===================================================== */

@media (max-width: 900px) {

    .muhatap-home-widget.mh-104 {
        width: 100%;
        max-width: 100%;
    }
}


/* =====================================================
   MOBİL

   DİZİLİM DEĞİŞMEZ.
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-104 {
        width: 100%;
        max-width: 100%;
    }
}

/* =====================================================
   MH-105 - MUHATAP İKİ HABER YAN YANA
   TEMİZ REFERANS SÜRÜM
   Masaüstü + Dar Alan + Mobil = Yan Yana

   Görsel standardı:
   - Her iki haber 16:9 sabit görsel alanı kullanır.
   - Öne çıkan görselin kendi oranı kart yüksekliğini değiştirmez.
===================================================== */

.muhatap-home-widget.mh-105 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 16px;

    background: #ffffff;

    box-sizing: border-box;
}

.muhatap-home-widget.mh-105 * {
    box-sizing: border-box;
}


/* =====================================================
   İKİLİ ANA YAPI
===================================================== */

.mh-105-two-news {
    display: flex;

    gap: 16px;

    width: 100%;
}

.mh-105-item {
    flex: 1;

    min-width: 0;

    background: #ffffff;
}


/* =====================================================
   GÖRSEL
   SABİT 16:9
===================================================== */

.mh-105-image {
    display: block;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    text-decoration: none;
}

.mh-105-image img {
    display: block;

    width: 100%;
    height: 100%;
    max-width: 100%;

    margin: 0;

    border: 0;

    object-fit: cover;
    object-position: center;
}


/* =====================================================
   METİN ALANI
===================================================== */

.mh-105-text {
    padding: 9px 4px 4px;
}


/* ÜST BAŞLIK */

.mh-105-kicker {
    margin: 0 0 5px;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;

    color: #BA243F;
}


/* ANA BAŞLIK */

.mh-105-title {
    margin: 0;

    font-size: 23px;
    line-height: 1.18;
    font-weight: 800;
}

.mh-105-title a {
    color: #111111;

    text-decoration: none;
}

.mh-105-title a:hover {
    color: #BA243F;
}


/* =====================================================
   DAR ALAN
   İKİ HABER YAN YANA KALIR
===================================================== */

@media (max-width: 900px) {

    .muhatap-home-widget.mh-105 {
        padding: 12px;
    }

    .mh-105-two-news {
        gap: 12px;
    }

    .mh-105-text {
        padding: 8px 3px 3px;
    }

    .mh-105-kicker {
        font-size: 13px;
    }

    .mh-105-title {
        font-size: 18px;
        line-height: 1.18;
    }
}


/* =====================================================
   MOBİL
   İKİ HABER YAN YANA KALIR
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-105 {
        width: 100%;
        max-width: 100%;

        padding: 10px;
    }

    .mh-105-two-news {
        display: flex;

        gap: 10px;

        width: 100%;
    }

    .mh-105-item {
        flex: 1;

        min-width: 0;
    }

    .mh-105-text {
        padding: 7px 3px 3px;
    }

    .mh-105-kicker {
        margin-bottom: 4px;

        font-size: 11px;
        line-height: 1.15;
    }

    .mh-105-title {
        font-size: 16px;
        line-height: 1.15;
    }
}


/* =====================================================
   ÇOK DAR TELEFON
   YAN YANA KARAKTER KORUNUR
===================================================== */

@media (max-width: 420px) {

    .muhatap-home-widget.mh-105 {
        padding: 8px;
    }

    .mh-105-two-news {
        gap: 8px;
    }

    .mh-105-text {
        padding: 6px 2px 2px;
    }

    .mh-105-kicker {
        font-size: 10px;
    }

    .mh-105-title {
        font-size: 15px;
        line-height: 1.14;
    }
}



/* =====================================================
   MH-106 - MUHATAP SERİ / ANLATI
   TEMİZ REFERANS SÜRÜM

   Masaüstü / Dar Alan:
   4 kart görünür

   Mobil:
   2 kart görünür

   Grafik kapak kırpılmaz.
   Slider yönü soldan sağa sabittir.

   Yapı:
   1. Kimlik bandı
   2. Büyük grafik kapak
   3. Slider kontrol bandı
   4. Beyaz seri kartları
===================================================== */

.muhatap-home-widget.mh-106 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;
    padding: 20px;

    background: var(--mh106-panel-color);

    box-sizing: border-box;
}

.muhatap-home-widget.mh-106 * {
    box-sizing: border-box;
}


/* =====================================================
   ÜST KİMLİK BANDI
===================================================== */

.mh-106-header {
    display: flex;

    align-items: center;
    gap: 9px;

    width: 100%;

    min-height: 46px;

    margin: 0 0 18px;
    padding: 10px 14px;

    background: rgba(0, 0, 0, 0.18);
}


/* SABİT MUHATAP */

.mh-106-brand {
    flex: 0 0 auto;

    margin: 0;

    font-size: 21px;
    line-height: 1;
    font-weight: 900;

    color: #BA243F;
}


/* ÇALIŞMA ADI */

.mh-106-series-title {
    min-width: 0;

    margin: 0;

    font-size: 21px;
    line-height: 1;
    font-weight: 800;

    color: #ffffff;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =====================================================
   BÜYÜK GRAFİK KAPAK
   KIRPMA YOK
===================================================== */

.mh-106-cover {
    display: block;

    width: 100%;

    margin: 0;

    text-decoration: none;
}

.mh-106-cover img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;

    border: 0;
}


/* =====================================================
   SLIDER KONTROL BANDI
   KAPAĞIN ALTINDA / SLIDERIN ÜSTÜNDE
===================================================== */

.mh-106-controls {
    display: flex;

    align-items: center;
    justify-content: flex-end;

    width: 100%;

    min-height: 46px;

    gap: 6px;

    margin: 0 0 8px;
    padding: 8px 10px;

    background: rgba(0, 0, 0, 0.18);
}


/* OKLAR */

.mh-106-prev,
.mh-106-next {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.55);

    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
}

.mh-106-prev:hover,
.mh-106-next:hover {
    background: #ffffff;
    color: #BA243F;
}

.mh-106-prev:disabled,
.mh-106-next:disabled {
    opacity: 0.30;

    cursor: default;
}


/* =====================================================
   SLIDER PENCERESİ
===================================================== */

.mh-106-slider {
    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

    direction: ltr;
}

.mh-106-slider::-webkit-scrollbar {
    display: none;
}


/* =====================================================
   KAYAN ŞERİT
===================================================== */

.mh-106-track {
    display: flex;

    gap: 16px;

    width: 100%;

    direction: ltr;
}


/* =====================================================
   SERİ KARTI
===================================================== */

.mh-106-card {
    flex: 0 0 calc(25% - 12px);

    min-width: 0;

    background: #ffffff;

    overflow: hidden;

    scroll-snap-align: start;
}


/* =====================================================
   KART GÖRSELİ
===================================================== */

.mh-106-card-image {
    display: block;

    width: 100%;

    overflow: hidden;

    text-decoration: none;
}

.mh-106-card-image img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;

    border: 0;
}


/* =====================================================
   KART METNİ
===================================================== */

.mh-106-card-text {
    padding: 9px 10px 12px;
}

.mh-106-kicker {
    margin: 0 0 4px;

    font-size: 13px;
    line-height: 1.15;
    font-weight: 700;

    color: #BA243F;
}

.mh-106-title {
    margin: 0;

    font-size: 17px;
    line-height: 1.18;
    font-weight: 800;
}

.mh-106-title a {
    color: #111111;

    text-decoration: none;
}

.mh-106-title a:hover {
    color: #BA243F;
}


/* =====================================================
   DAR ALAN
   4 KART GÖRÜNÜR
===================================================== */

@media (max-width: 900px) {

    .muhatap-home-widget.mh-106 {
        padding: 16px;
    }

    .mh-106-header {
        min-height: 42px;

        margin-bottom: 14px;
        padding: 9px 12px;
    }

    .mh-106-brand,
    .mh-106-series-title {
        font-size: 18px;
    }

    .mh-106-controls {
        min-height: 42px;

        padding: 7px 9px;
    }

    .mh-106-prev,
    .mh-106-next {
        width: 27px;
        height: 27px;

        font-size: 20px;
    }

    .mh-106-track {
        gap: 12px;
    }

    .mh-106-card {
        flex: 0 0 calc(25% - 9px);
    }

    .mh-106-kicker {
        font-size: 12px;
    }

    .mh-106-title {
        font-size: 16px;
        line-height: 1.16;
    }
}


/* =====================================================
   MOBİL
   2 KART GÖRÜNÜR
===================================================== */

@media (max-width: 768px) {

    .muhatap-home-widget.mh-106 {
        width: 100%;
        max-width: 100%;

        padding: 12px;
    }

    .mh-106-header {
        display: flex;

        align-items: center;

        min-height: 40px;

        margin-bottom: 12px;
        padding: 8px 10px;
    }

    .mh-106-brand,
    .mh-106-series-title {
        font-size: 16px;
        line-height: 1;
    }

    .mh-106-series-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* Slider kontrol bandı */

    .mh-106-controls {
        min-height: 38px;

        margin-bottom: 7px;
        padding: 6px 8px;

        gap: 5px;
    }

    .mh-106-prev,
    .mh-106-next {
        width: 25px;
        height: 25px;

        font-size: 19px;
    }


    /* Şerit */

    .mh-106-track {
        gap: 10px;
    }

    .mh-106-card {
        flex: 0 0 calc(50% - 5px);
    }


    /* Metin */

    .mh-106-card-text {
        padding: 7px 7px 9px;
    }

    .mh-106-kicker {
        font-size: 10px;
        line-height: 1.15;
    }

    .mh-106-title {
        font-size: 15px;
        line-height: 1.15;
    }
}


/* =====================================================
   ÇOK DAR TELEFON
   2 KART KORUNUR
===================================================== */

@media (max-width: 420px) {

    .muhatap-home-widget.mh-106 {
        padding: 10px;
    }

    .mh-106-header {
        min-height: 38px;

        padding: 7px 9px;
    }

    .mh-106-brand,
    .mh-106-series-title {
        font-size: 15px;
    }

    .mh-106-controls {
        min-height: 36px;

        padding: 6px 7px;
    }

    .mh-106-prev,
    .mh-106-next {
        width: 23px;
        height: 23px;

        font-size: 18px;
    }

    .mh-106-track {
        gap: 8px;
    }

    .mh-106-card {
        flex: 0 0 calc(50% - 4px);
    }

    .mh-106-title {
        font-size: 14px;
        line-height: 1.14;
    }
}

/* =====================================================
   MH-105 — KARMA HABER
   v1.2

   - 1 büyük haber
   - 2 küçük
   - 2 küçük
   - Boş slotlar görünmez
   - Tek küçük haber satırı tam genişlik olur
   - Geniş / dar / mobil kenar nefes payı korunur
===================================================== */

.muhatap-home-widget.mh-105 {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto;

    padding-left: 18px;
    padding-right: 18px;

    box-sizing: border-box;
}

.muhatap-home-widget.mh-105 * {
    box-sizing: border-box;
}


/* =====================================================
   BÜYÜK HABER
===================================================== */

.mh-105-big-row {
    width: 100%;

    margin: 0 0 18px;
    padding: 0;
}

.mh-105-big {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* =====================================================
   KÜÇÜK HABER SATIRLARI
===================================================== */

.mh-105-small-row {
    display: grid;

    width: 100%;

    margin: 0 0 18px;
    padding: 0;

    gap: 18px;
}

.mh-105-small-row.is-double {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);
}

.mh-105-small-row.is-single {
    grid-template-columns:
        minmax(0, 1fr);
}


/* =====================================================
   HABER KARTLARI
===================================================== */

.mh-105-item {
    min-width: 0;

    margin: 0;
    padding: 0;
}

.mh-105-small {
    width: 100%;
}


/* =====================================================
   GÖRSELLER
===================================================== */

.mh-105-image {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    aspect-ratio: 16 / 9;

    text-decoration: none;
}

.mh-105-image img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center;
}


/* =====================================================
   METİN ALANI
===================================================== */

.mh-105-text {
    width: 100%;

    margin: 0;
    padding: 10px 0 0;
}

.mh-105-kicker {
    margin: 0 0 4px;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
}

.mh-105-title {
    margin: 0;
    padding: 0;

    font-size: 22px;
    line-height: 1.18;
    font-weight: 700;
}

.mh-105-title a {
    color: inherit;
    text-decoration: none;
}

.mh-105-title a:hover {
    text-decoration: underline;
}


/* =====================================================
   BÜYÜK HABER METİN ÖLÇEĞİ
===================================================== */

.mh-105-big .mh-105-kicker {
    font-size: 16px;
}

.mh-105-big .mh-105-title {
    font-size: 32px;
}


/* =====================================================
   DAR ALAN
   DÜZEN KORUNUR, ORANTILI KÜÇÜLÜR
===================================================== */

@media (max-width: 900px) {

    .muhatap-home-widget.mh-105 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .mh-105-big-row {
        margin-bottom: 14px;
    }

    .mh-105-small-row {
        gap: 12px;
        margin-bottom: 14px;
    }

    .mh-105-text {
        padding-top: 8px;
    }

    .mh-105-kicker {
        font-size: 12px;
    }

    .mh-105-title {
        font-size: 18px;
    }

    .mh-105-big .mh-105-kicker {
        font-size: 14px;
    }

    .mh-105-big .mh-105-title {
        font-size: 26px;
    }
}


/* =====================================================
   MOBİL
   İKİLİ YAPI KORUNUR
===================================================== */

@media (max-width: 768px) {

    .mh-105-small-row.is-double {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 10px;
    }

    .mh-105-big-row,
    .mh-105-small-row {
        margin-bottom: 12px;
    }

    .mh-105-text {
        padding-top: 7px;
    }

    .mh-105-kicker {
        font-size: 11px;
    }

    .mh-105-title {
        font-size: 16px;
        line-height: 1.2;
    }

    .mh-105-big .mh-105-kicker {
        font-size: 13px;
    }

    .mh-105-big .mh-105-title {
        font-size: 23px;
    }
}


/* =====================================================
   ÇOK DAR MOBİL
   İKİLİ YAPI KORUNUR, ORANTILI KÜÇÜLÜR
===================================================== */

@media (max-width: 480px) {

    .muhatap-home-widget.mh-105 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mh-105-small-row.is-double {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 8px;
    }

    .mh-105-small-row {
        margin-bottom: 10px;
    }

    .mh-105-text {
        padding-top: 6px;
    }

    .mh-105-kicker {
        font-size: 10px;
        line-height: 1.2;
    }

    .mh-105-title {
        font-size: 14px;
        line-height: 1.18;
    }

    .mh-105-big .mh-105-kicker {
        font-size: 11px;
    }

    .mh-105-big .mh-105-title {
        font-size: 20px;
        line-height: 1.16;
    }
}