/*
 * Yurdum Gazetesi - Modern Mobil ve Tablet Uyumluluk Katmanı (Responsive CSS v2026)
 * ÖNEMLİ: Masaüstü (> 1000px) tasarıma %100 sadık kalmak için tüm kurallar
 * yalnızca <= 1000px medya sorgusu içinde tanımlanmıştır.
 */

.yurdum-mobile-nav-bar {
    display: none;
}

@media only screen and (max-width: 1000px) {
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        background: #f3f4f6 !important;
        color: #1f2937;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }

    /* Masaüstü kule reklamlarını mobilde gizle */
    .solbanner,
    .sagbanner,
    .solsabitbanner,
    .sagsabitbanner {
        display: none !important;
    }

    /* Ana Taşıyıcı */
    div#tumeva-ana-bolge {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: #f3f4f6 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Sabit genişlikli eski satır içi div ve tabloların mobil ekranı taşırmasını engelle */
    #tumeva-ana-bolge div[style*="width:967px"],
    #tumeva-ana-bolge div[style*="width:658px"],
    #tumeva-ana-bolge div[style*="width:632px"],
    #tumeva-ana-bolge div[style*="width:620px"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Üst Tarih ve Üyelik Çubuğu */
    #top {
        width: 100% !important;
        height: auto !important;
        padding: 6px 12px !important;
        background: #18181b !important;
        border-bottom: 1px solid #27272a !important;
        box-sizing: border-box !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
    }

    #bugun {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        color: #a1a1aa !important;
        font-family: inherit !important;
    }

    #top .top-page {
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        text-align: right !important;
    }

    #top .top-page > div {
        display: none !important;
    }

    .top-page ul {
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
        align-items: center;
    }

    .top-page ul li {
        display: inline-flex !important;
        margin: 0 !important;
        font-size: 0 !important;
    }

    .top-page ul li a,
    .top-page ul li a:visited {
        display: inline-block !important;
        font-size: 10.5px !important;
        font-weight: 600;
        color: #e4e4e7 !important;
        background: rgba(255, 255, 255, 0.08);
        padding: 2px 6px !important;
        border-radius: 4px;
        text-decoration: none !important;
    }

    /* Header & Banner Masthead (Tekrarlayan veya kesilen Atatürk/Yurdum banner düzeltmesi) */
    #header {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1000 / 180;
        min-height: 62px;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        display: block !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #header .logo {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    #header .logo a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    #header .logo img {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: contain;
        display: block;
    }

    #header .logo img[src*="transparent"] {
        opacity: 0 !important;
    }

    #header .banner {
        display: none !important;
    }

    .tepe-banner-1,
    .manset-alti-banner-1 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 6px auto !important;
        padding: 0 !important;
        text-align: center;
        overflow: hidden;
    }

    .tepe-banner-1 img,
    .manset-alti-banner-1 img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        border-radius: 8px;
    }

    /* Mobil Hamburger Menü Çubuğu */
    .yurdum-mobile-nav-bar {
        display: flex;
        gap: 8px;
        padding: 8px 10px;
        background: #18181b;
        border-top: 1px solid #27272a;
        border-bottom: 2px solid #dc2626;
        box-sizing: border-box;
    }

    .yurdum-mobile-toggle {
        flex: 1 1 50%;
        min-height: 40px;
        padding: 8px 12px;
        background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
        color: #fff;
        border: 0;
        border-radius: 8px;
        font-family: inherit;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.3px;
        cursor: pointer;
        text-align: center;
        box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25);
    }

    .yurdum-mobile-toggle-alt {
        background: #27272a;
        border: 1px solid #3f3f46;
        box-shadow: none;
    }

    /* Kategori ve Alt Menüler (Mobilde Açılır/Kapanır) */
    .menu-header,
    .menu-home {
        display: none;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 0 !important;
    }

    .menu-header.yurdum-menu-open,
    .menu-home.yurdum-menu-open {
        display: block !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
    }

    .menu-home.yurdum-menu-open {
        background: #ffffff !important;
    }

    #tum_cat {
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .menu-header > ul,
    .menu-home > ul,
    #tum_cat > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100% !important;
        float: none !important;
    }

    .menu-header > ul > li,
    .menu-home > ul > li,
    #tum_cat > ul > li {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .menu-home > ul > li {
        border-bottom: 1px solid #e5e7eb;
    }

    .menu-header a,
    .menu-home a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 11px 12px !important;
        line-height: 1.35 !important;
        border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        font-family: inherit !important;
    }

    .menu-home a {
        border-right: 1px solid #e5e7eb !important;
        color: #1f2937 !important;
        text-shadow: none !important;
    }

    .menu-header > ul > li:hover:after,
    .menu-home > ul > li:hover:after {
        display: none !important;
    }

    .menu-header .has-sub ul,
    .menu-home .has-sub ul {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .menu-header .has-sub ul li,
    .menu-header .has-sub ul li a,
    .menu-home .has-sub ul li,
    .menu-home .has-sub ul li a {
        width: 100% !important;
        height: auto !important;
        line-height: 1.35 !important;
        box-sizing: border-box;
    }

    /* Son Dakika Bandı (Üst üste binmeyen tek satır modern bant) */
    #sondakika {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        background: linear-gradient(90deg, #1f1f23 0%, #121215 100%) !important;
        border-bottom: 1px solid #27272a;
        box-sizing: border-box !important;
        display: flex;
        align-items: center;
        overflow: hidden !important;
    }

    .sondakbar {
        width: 100% !important;
        height: 38px !important;
        float: none !important;
        display: flex;
        align-items: center;
        min-width: 0 !important;
    }

    .sondakbar .latestNews {
        width: 100% !important;
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0 !important;
    }

    .sondakbar .icon {
        flex: 0 0 96px;
        width: 96px !important;
        height: 20px !important;
        float: none !important;
        margin: 0 !important;
        background-size: contain !important;
        background-position: left center !important;
    }

    .sondakhaber,
    .tickercontainer,
    .tickercontainer .mask {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 24px !important;
        line-height: 24px !important;
        padding: 0 !important;
        float: none !important;
        overflow: hidden !important;
        position: relative;
    }

    .sondakhaber ul {
        width: 100% !important;
        height: 24px !important;
    }

    .sondakhaber ul li {
        left: 0 !important;
        width: 100% !important;
        height: 24px !important;
        line-height: 24px !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .sondakhaber ul li span {
        font-size: 12px !important;
        color: #f87171 !important;
        font-weight: 700 !important;
    }

    .sondakhaber ul li a {
        font-size: 13.5px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
    }

    /* Spot Haberler (Modern 2 Sütunlu Kart Grid + 5. Kart Yatay Tam Genişlik) */
    .spot-haberler-kapsayici,
    #tumeva-ana-bolge > div[style*="border-bottom:1px solid #ccc"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px 10px 4px !important;
        border-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .spot-haberler-kapsayici > .temizle,
    #tumeva-ana-bolge > div[style*="border-bottom:1px solid #ccc"] > .temizle {
        display: none !important;
    }

    .spot-haberler {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
        box-sizing: border-box !important;
    }

    .spot-haberler center {
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        height: 100%;
        text-align: left;
    }

    .spot-haberler img,
    .spot-haberler img:hover {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: block;
    }

    .spot-karanlik {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px 10px 10px !important;
        box-sizing: border-box !important;
        text-align: left;
    }

    .spot-karanlik a,
    .spot-haberler a:hover {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #111827 !important;
        text-align: left !important;
        font-family: inherit !important;
    }

    .spot-haberler:nth-of-type(5) {
        grid-column: 1 / -1;
    }

    .spot-haberler:nth-of-type(5) center {
        flex-direction: row-reverse;
        align-items: center;
    }

    .spot-haberler:nth-of-type(5) center > a {
        flex: 0 0 132px;
        width: 132px;
        display: block;
    }

    .spot-haberler:nth-of-type(5) img,
    .spot-haberler:nth-of-type(5) img:hover {
        height: 82px !important;
        aspect-ratio: auto;
    }

    .spot-haberler:nth-of-type(5) .spot-karanlik {
        flex: 1 1 auto;
        min-width: 0;
        padding: 8px 12px !important;
    }

    /* Flaş Haber Bandı (Aktif flaş haber yoksa mobilde boş bandı gizle) */
    div.flashaber:not(:has(a)) {
        display: none !important;
    }

    div.flashaber {
        padding: 6px 10px 2px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    div.flashaber-bg {
        display: flex !important;
        align-items: center;
        gap: 10px;
        height: auto !important;
        min-height: 42px;
        line-height: 1.3 !important;
        padding: 6px 10px;
        border-radius: 10px;
        background: linear-gradient(90deg, #b91c1c 0%, #dc2626 100%) !important;
        box-shadow: 0 2px 6px rgba(185, 28, 28, 0.22);
        box-sizing: border-box !important;
        overflow: hidden;
    }

    div.flashaber img {
        float: none !important;
        width: 98px !important;
        height: auto !important;
        flex: 0 0 auto;
        border-radius: 4px;
    }

    div.flashaber a {
        float: none !important;
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 0 !important;
        font-family: inherit !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        line-height: 1.32 !important;
        color: #ffffff !important;
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Ana İçerik ve Sütun Sıralaması (Kritik min-width:0 koruması ile sağdan kırpılmayı %100 önler) */
    div#icerik,
    .page-icerik-orta {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    div#icerik > *,
    div#icerik-orta,
    .icerik-orta_sol,
    .haber-detay,
    .haber-detays,
    .sag-blok,
    #tumevamanset,
    div#gundem,
    .buyuk-cerceve,
    div#iceriks,
    .haber-metin {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #tumevamanset {
        order: 1;
    }

    div#gundem {
        order: 2;
    }

    div#icerik-orta,
    div#icerik > .haber-detay,
    div#icerik > .haber-detays {
        order: 3;
    }

    div#icerik > .sag-blok {
        order: 4;
    }

    div#icerik > .temizle {
        display: none !important;
    }

    /* İç Sayfalar (Haber Detay / Makale Detay) Modern Okuma Kartı */
    div#icerik-orta {
        margin-top: 2px !important;
        margin-bottom: 4px !important;
    }

    div#icerik-orta > .haber-detay,
    div#icerik-orta > .haber-detays {
        background: #ffffff;
        border-radius: 12px;
        padding: 14px !important;
        border: 1px solid #e5e7eb;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    }

    .buyuk-cerceve {
        border-radius: 12px;
        border: 1px solid #e5e7eb !important;
        background: #ffffff !important;
        padding: 12px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    .ic-sayfalar-baslik,
    .anasayfa-sayfalar-baslik {
        width: 100% !important;
        height: auto !important;
        min-height: 38px;
        margin: 6px 0 0 0 !important;
        padding: 7px 12px !important;
        border-radius: 10px 10px 0 0;
        border: 0 !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box !important;
    }

    .anasayfa-sayfalar-baslik h1,
    .ic-sayfalar-baslik h1 {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-family: inherit !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6px;
    }

    /* Kral Manşet Slider (Canlı Kırmızı Aktif Numara + 2x8 Modern Grid) */
    #tumevamanset {
        margin: 0 !important;
        border-radius: 12px;
        overflow: hidden;
        background: #18181b;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
    }

    ul#output {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10;
        min-height: 215px;
        max-height: 340px;
        padding-top: 0 !important;
        position: relative;
        overflow: hidden;
    }

    ul#output li {
        width: 100% !important;
        height: 100% !important;
    }

    ul#output li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        float: none !important;
        display: block;
    }

    ul#output li a span,
    ul#output li a span:hover {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.32 !important;
        padding: 28px 12px 10px !important;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0) 100%) !important;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85) !important;
        box-sizing: border-box !important;
    }

    ul#tabs {
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 4px;
        padding: 7px;
        background: #18181b !important;
        box-sizing: border-box !important;
    }

    ul#tabs li {
        float: none !important;
        height: auto !important;
        background: none !important;
        text-align: center;
    }

    ul#tabs li a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 6px;
        background: #27272a !important;
        color: #e4e4e7 !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-shadow: none !important;
        text-decoration: none !important;
    }

    ul#tabs li a.current {
        background: #dc2626 !important;
        color: #ffffff !important;
        box-shadow: 0 2px 6px rgba(220, 38, 38, 0.45);
    }

    .tum {
        display: none !important;
    }

    /* Manşet Yanı / Gündem Kutusu */
    div#gundem {
        height: auto !important;
        margin: 0 !important;
        background: #ffffff;
        border-radius: 12px;
        padding: 12px !important;
        border: 1px solid #e5e7eb;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    }

    .sosyalmedya {
        width: 100% !important;
        height: auto !important;
        padding: 8px 10px !important;
        margin-bottom: 10px !important;
        border-radius: 8px !important;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        box-sizing: border-box !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6px;
    }

    .sosyalmedya .takipet {
        width: auto !important;
        float: none !important;
        padding: 0 !important;
        font-size: 13px !important;
    }

    .sosyalmedya .sosyalicons {
        width: auto !important;
        float: none !important;
        display: flex;
        gap: 6px;
    }

    .sosyalmedya .sosyalicons img {
        margin: 0 !important;
        width: 28px !important;
        height: 28px !important;
    }

    .sagmanset,
    .sagmanset .orta,
    div#gundem1sagmanset,
    div#gundem2sagmanset,
    div#gundem3sagmanset,
    div#gundem4sagmanset,
    ul#gundem1tabs,
    ul#gundem2tabs,
    ul#gundem3tabs,
    ul#gundem4tabs,
    ul#gundem1tabs li,
    ul#gundem2tabs li,
    ul#gundem3tabs li,
    ul#gundem4tabs li {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    #mansettab ul {
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding-bottom: 6px;
        border-bottom: 2px solid #dc2626 !important;
    }

    #mansettab ul li {
        float: none !important;
    }

    #mansettab ul li a {
        border-radius: 6px !important;
        padding: 6px 10px !important;
        font-size: 12.5px !important;
        font-family: inherit !important;
    }

    ul#gundem1output,
    ul#gundem2output,
    ul#gundem3output,
    ul#gundem4output {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        border-radius: 8px;
        overflow: hidden;
        margin-top: 8px !important;
    }

    ul#gundem1output li,
    ul#gundem2output li,
    ul#gundem3output li,
    ul#gundem4output li {
        width: 100% !important;
        height: 100% !important;
    }

    ul#gundem1output li img,
    ul#gundem2output li img,
    ul#gundem3output li img,
    ul#gundem4output li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    ul#gundem1tabs li a,
    ul#gundem2tabs li a,
    ul#gundem3tabs li a,
    ul#gundem4tabs li a {
        padding: 7px 6px 7px 16px !important;
        font-size: 13px !important;
        font-family: inherit !important;
        line-height: 1.35 !important;
        background-position: 2px center !important;
    }

    /* Döviz / Borsa Bandı (Kaydırma çubuğu gizlenmiş modern finans kartları) */
    .borsaBand {
        width: 100% !important;
        height: auto !important;
        margin: 2px 0 10px 0 !important;
        padding: 8px !important;
        border-radius: 12px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        box-sizing: border-box !important;
    }

    .borsaBand::-webkit-scrollbar {
        display: none;
    }

    .borsaList {
        height: auto !important;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        min-width: max-content;
    }

    .borsaList li {
        float: none !important;
        height: auto !important;
        border-right: 0 !important;
    }

    .borsaList li.parite {
        height: auto !important;
        width: auto !important;
        min-width: 128px;
        margin: 0 !important;
        padding: 8px 12px !important;
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }

    /* İkinci Manşet & Kategori Sekmeleri */
    .hh-hozetler,
    .haberozetleri {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    ul.habercat {
        width: 100% !important;
        float: none !important;
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
        padding: 2px 0 10px 0 !important;
        margin: 0 !important;
        scrollbar-width: none;
    }

    ul.habercat::-webkit-scrollbar {
        display: none;
    }

    ul.habercat li {
        float: none !important;
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 6px 12px !important;
        border-radius: 999px;
        border: 1px solid #e5e7eb !important;
        background: #f3f4f6 !important;
    }

    ul.habercat li.active {
        background: #dc2626 !important;
        border-color: #dc2626 !important;
    }

    ul.habercat li a {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #374151 !important;
        text-shadow: none !important;
        background: transparent !important;
    }

    ul.habercat li.active a {
        color: #ffffff !important;
    }

    .haberozetleri ul.haberyeni,
    .haberozetleri ul.yenihaberler,
    .haberozetleri ul.yenihaberler li,
    .haberozetleri ul.haberyeni li h2,
    .haberozetleri ul.haberyeni li p {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .haberozetleri ul.haberyeni {
        margin-bottom: 10px !important;
    }

    .haberozetleri ul.haberyeni li img,
    .haberozetleri ul.haberyeni li img:hover {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px;
        display: block;
    }

    .haberozetleri ul.haberyeni li h2 {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        padding: 8px 2px 4px !important;
        color: #111827 !important;
    }

    .haberozetleri ul.haberyeni li p {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
        color: #4b5563 !important;
        padding: 0 2px 6px !important;
    }

    .haberozetleri ul.yenihaberler li {
        padding: 8px 4px 8px 18px !important;
        line-height: 1.35 !important;
        background-position: 2px center !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }

    .haberozetleri ul.yenihaberler li a {
        font-size: 13.5px !important;
        font-weight: 600;
        color: #1f2937 !important;
    }

    /* Anasayfa Kategori Blokları (.altblokhaber) */
    .altblokhabertasiyici,
    .altblokhaber-icerik {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .altblokhabersol,
    .altblokhabersag {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
        padding: 12px !important;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        box-sizing: border-box !important;
    }

    .altblokhaberkategori {
        width: 100% !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        padding-bottom: 6px;
        margin-bottom: 10px !important;
        border-bottom: 2px solid #f3f4f6 !important;
    }

    .altblokhaber,
    .altblokhaber-resim {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .altblokhaber-resim img,
    .altblokhaber-resim img:hover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 8px;
        display: block;
    }

    .altblokhaber-icerik a {
        font-size: 15.5px !important;
        line-height: 1.35 !important;
        color: #111827 !important;
    }

    .altblokhaber-icerik div[style*="height:20px"] {
        height: auto !important;
    }

    .altblokhaberyatay {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        padding: 10px 0 !important;
        border-top: 1px solid #f3f4f6 !important;
        display: flex;
        align-items: center;
        gap: 10px;
        box-sizing: border-box !important;
    }

    .altblokhaberyatay-resim {
        flex: 0 0 104px;
        width: 104px !important;
        height: 68px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        border-radius: 7px;
        overflow: hidden;
    }

    .altblokhaberyatay-resim img,
    .altblokhaberyatay-resim img:hover {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .altblokhaberyatay-icerik {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .altblokhaberyatay-icerik a {
        height: auto !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        color: #1f2937 !important;
        display: block;
    }

    /* Kutu Haberler, Dikey Haberler, Galeri Kartları */
    .kutu-haberler,
    .kutu-ilan {
        width: 100% !important;
        height: auto !important;
        min-height: 92px;
        margin: 0 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f3f4f6 !important;
        box-sizing: border-box !important;
    }

    .kutu-haberler img,
    .kutu-haberler img:hover {
        width: 120px !important;
        height: 78px !important;
        object-fit: cover;
        border: 0 !important;
        border-radius: 8px;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }

    .kutu-haberler .baslik,
    .kutu-haberler .ozet,
    .kutu-ilan .baslik {
        width: auto !important;
        height: auto !important;
        margin-left: 130px !important;
        font-family: inherit !important;
    }

    .kutu-ilan .baslik,
    .kutu-ilan .ozet {
        margin-left: 0 !important;
    }

    .dikey-haberler,
    .dikey-videolar,
    .galeri-kutular,
    .galeri-kt-kutular {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 5px !important;
        padding: 8px !important;
        background: #ffffff;
        border: 1px solid #e5e7eb !important;
        border-radius: 10px;
        box-sizing: border-box !important;
    }

    .dikey-haberler .baslik,
    .dikey-haberler .baslik a,
    .dikey-haberler .ozet,
    .dikey-videolar .baslik,
    .dikey-videolar .ozet {
        width: 100% !important;
        height: auto !important;
        font-family: inherit !important;
    }

    .dikey-haberler img,
    .dikey-haberler img:hover,
    .dikey-videolar img,
    .dikey-videolar img:hover,
    .galeri-kutular img,
    .galeri-kutular img:hover,
    .galeri-kt-kutular img,
    .galeri-kt-kutular img:hover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 7px;
        box-sizing: border-box !important;
    }

    /* Haber Detay & Makale Detay Sayfaları */
    .buradasiniz {
        float: none !important;
        display: block;
        width: 100%;
        margin-bottom: 6px;
    }

    .buradasiniz ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .buradasiniz li,
    .buradasiniz a {
        float: none !important;
        margin: 0 !important;
        font-size: 12px !important;
        color: #6b7280 !important;
        font-weight: 600;
    }

    .buradasiniz + br,
    .buradasiniz + br + br,
    .buradasiniz + br + br + br {
        display: none !important;
    }

    .haber-baslik {
        font-family: inherit !important;
        font-size: 21px !important;
        font-weight: 800 !important;
        line-height: 1.32 !important;
        color: #111827 !important;
        border-bottom: 2px solid #f3f4f6 !important;
        padding: 4px 0 10px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
        text-shadow: none !important;
    }

    /* Haber Detay Paylaşım ve Tarih Satırı Çakışma Düzeltmesi */
    .haber-detay > table[width="300"] {
        width: 100% !important;
        display: block !important;
        margin-bottom: 6px !important;
    }

    .haber-detay > table[width="300"] tbody,
    .haber-detay > table[width="300"] tr {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .haber-detay > table[width="300"] td {
        width: auto !important;
        display: inline-flex !important;
        padding: 0 !important;
    }

    .haber-detay > div[style*="margin-top: -14px"],
    .haber-detay > div[style*="margin-top:-14px"] {
        float: none !important;
        margin-top: 6px !important;
        margin-bottom: 8px !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .haber-tarih {
        float: none !important;
        display: inline-block;
        padding: 0 !important;
        margin-right: 8px;
        font-size: 12px !important;
        color: #6b7280 !important;
    }

    .haber-font {
        float: none !important;
        display: inline-flex;
        gap: 8px;
        margin: 4px 0 !important;
        padding: 0 !important;
    }

    /* Yazar Makale Detay Üst Kartı */
    .yazar-resim {
        width: 100% !important;
        float: none !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        box-sizing: border-box !important;
    }

    .yazar-resim > img {
        float: left;
        width: 72px !important;
        height: 92px !important;
        object-fit: cover;
        border-radius: 8px;
        margin-right: 12px;
    }

    .yazar-resim table {
        width: auto !important;
        display: inline-block !important;
        margin-top: 6px;
    }

    .yazar-resim table tbody,
    .yazar-resim table tr {
        display: inline-flex !important;
        gap: 6px;
    }

    /* Haber Ana Görsel (658x330 inline stil ezmesi - yazılı görselleri kırpmadan tam oranlı göster) & İçerik Metni */
    .haber-metin a.fancybox > img,
    .haber-detay a.fancybox > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 10px;
        display: block;
    }

    .thumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px !important;
    }

    .thumbs a.fancybox > img {
        width: 84px !important;
        height: 56px !important;
        aspect-ratio: auto !important;
        border-radius: 6px !important;
    }

    .haber-metin,
    div#iceriks,
    #haber-metin p,
    div#iceriks p {
        font-family: inherit !important;
        font-size: 16px !important;
        line-height: 1.68 !important;
        color: #1f2937;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .haber-metin img,
    #iceriks img,
    #iceriks iframe,
    #iceriks video,
    #iceriks embed,
    #iceriks object,
    .videoScreen,
    .videoScreen iframe,
    .videoScreen video {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        box-sizing: border-box !important;
    }

    #iceriks iframe,
    .haber-detay iframe[src*="youtube"],
    .haber-detay iframe[src*="dailymotion"],
    .haber-detay iframe[src*="vimeo"] {
        width: 100% !important;
        aspect-ratio: 16 / 9;
    }

    #iceriks table {
        max-width: 100% !important;
        display: block;
        overflow-x: auto;
    }

    /* Sosyal Paylaşım Çubuğu (.SocialTools) */
    .SocialTools {
        height: auto !important;
        margin: 12px 0 6px !important;
        overflow: hidden;
    }

    .SocialTools ul {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .SocialTools li {
        float: none !important;
        flex: 1 1 calc(50% - 6px);
        width: auto !important;
        border-radius: 8px;
        overflow: hidden;
    }

    .SocialTools li.resizer {
        flex: 1 1 100%;
    }

    .SocialTools li a {
        height: 36px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        font-weight: 700;
    }

    .SocialTools li.facebook i,
    .SocialTools li.twitter i,
    .SocialTools li.linkedin i,
    .SocialTools li.google i {
        line-height: 36px !important;
        width: 36px !important;
    }

    .haber-etiketler {
        border-radius: 8px;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        padding: 10px !important;
        line-height: 1.6;
    }

    /* Üye Girişi, Üyelik, Şifre Sıfırlama, Profil, İletişim, İlan/Firma ve Yorum Formları (.form-horizontal) */
    .buyuk-cerceve > br:first-child,
    .buyuk-cerceve > br:nth-child(2) {
        display: none !important;
    }

    form.form-horizontal,
    .kullanici-form-area,
    #kullanici-form-area {
        width: 100% !important;
        max-width: 100% !important;
        margin: 6px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    form.form-horizontal fieldset,
    .kullanici-form-area fieldset {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .form-horizontal .control-group {
        width: 100% !important;
        margin: 0 0 14px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .form-horizontal .control-label {
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 0 6px 0 !important;
        font-family: inherit !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #374151 !important;
        display: block !important;
    }

    .form-horizontal .controls {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .form-horizontal .controls > br:first-child {
        display: none !important;
    }

    form.form-horizontal input[type="text"],
    form.form-horizontal input[type="password"],
    form.form-horizontal input[type="email"],
    form.form-horizontal input[type="tel"],
    form.form-horizontal input[type="number"],
    form.form-horizontal input:not([type]),
    form.form-horizontal select,
    form.form-horizontal textarea,
    .kullanici-form-area input[type="text"],
    .kullanici-form-area input[type="password"],
    .kullanici-form-area input:not([type]),
    .yorum-input,
    .yorum-input:hover,
    .yorum-textArea,
    .yorum-textArea:hover,
    .textfield,
    .textfield:hover,
    .textarea,
    .textarea:hover,
    .styledselect_form_4 {
        width: 100% !important;
        max-width: 100% !important;
        height: 44px !important;
        padding: 10px 14px !important;
        margin: 0 !important;
        font-family: inherit !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        color: #111827 !important;
        background-color: #f9fafb !important;
        border: 1.5px solid #d1d5db !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    form.form-horizontal input:focus,
    form.form-horizontal select:focus,
    form.form-horizontal textarea:focus,
    .kullanici-form-area input:focus {
        border-color: #dc2626 !important;
        background-color: #ffffff !important;
        box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.14) !important;
        outline: none !important;
    }

    form.form-horizontal input[readonly] {
        background-color: #f3f4f6 !important;
        color: #6b7280 !important;
    }

    form.form-horizontal textarea,
    .yorum-textArea,
    .yorum-textArea:hover,
    .textarea,
    .textarea:hover {
        height: auto !important;
        min-height: 115px !important;
        padding: 12px 14px !important;
    }

    form.form-horizontal input[type="file"] {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14px !important;
        padding: 8px 0 !important;
    }

    form.form-horizontal input[name="remLensoz"] {
        display: inline-block !important;
        width: 68px !important;
        height: 32px !important;
        padding: 4px 8px !important;
        font-size: 13px !important;
        text-align: center;
    }

    .form-horizontal .control-group:before,
    .form-horizontal .control-group:after {
        display: none !important;
        content: none !important;
    }

    /* Üyelik Formu Kullanım Şartları Kutucuğu ve Sözleşme Metni */
    .form-horizontal .control-group:has(> .control-label input[type="checkbox"]) {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 10px;
        padding: 12px !important;
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }

    .form-horizontal .control-group:has(> .control-label input[type="checkbox"]) > .control-label {
        flex: 0 0 22px !important;
        width: 22px !important;
        min-width: 0 !important;
        margin: 1px 0 0 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .form-horizontal input[type="checkbox"] {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        accent-color: #dc2626;
        cursor: pointer;
    }

    .form-horizontal .control-group:has(> .control-label input[type="checkbox"]) > .controls {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: auto !important;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.45;
        color: #1f2937;
    }

    .form-horizontal .control-group:has(> .control-label input[type="checkbox"]) > .controls > br {
        display: none !important;
    }

    #eleman_adi[style*="inline"] {
        display: block !important;
        width: 100% !important;
        max-height: 180px;
        overflow-y: auto;
        margin-top: 10px;
        margin-left: -32px;
        width: calc(100% + 32px) !important;
        padding: 10px 12px;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        font-size: 12.5px;
        font-weight: 400;
        line-height: 1.5;
        color: #4b5563;
        box-sizing: border-box !important;
    }

    #eleman_adi > br:nth-child(-n+4) {
        display: none !important;
    }

    /* Form Butonları (Giriş, Üyelik Oluştur, Şifremi Unuttum, Üye Ol) */
    .form-horizontal .controls:has(> a.btn) {
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    form.form-horizontal input[type="submit"],
    form.form-horizontal button[type="submit"],
    .kullanici-form-area input[type="submit"] {
        flex: 1 1 100%;
        width: 100% !important;
        height: 46px !important;
        padding: 0 20px !important;
        margin: 4px 0 0 0 !important;
        background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 10px !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        text-shadow: none !important;
        box-shadow: 0 3px 10px rgba(220, 38, 38, 0.25) !important;
        cursor: pointer;
        display: block !important;
    }

    form.form-horizontal a.btn {
        flex: 1 1 calc(50% - 6px);
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 42px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        background: #f3f4f6 !important;
        color: #1f2937 !important;
        border: 1px solid #d1d5db !important;
        border-radius: 10px !important;
        font-family: inherit !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        text-shadow: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    form.form-horizontal select.opticlass-tarih {
        width: calc(33.333% - 6px) !important;
        height: 40px !important;
        display: inline-block !important;
        float: none !important;
        margin: 0 4px 6px 0 !important;
        padding: 0 8px !important;
        font-size: 14px !important;
    }

    .cke {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #captchaimg {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        margin-bottom: 8px;
        max-width: 100%;
        height: auto;
    }

    #captcha_input {
        margin-top: 6px !important;
    }

    .warning,
    .success {
        border-radius: 10px !important;
        padding: 12px 14px !important;
        margin: 8px 0 14px 0 !important;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.45;
    }

    .buyuk-cerceve table {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .buyuk-cerceve iframe {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 10px;
    }

    .kutu-defter .baslik,
    .kutu-defter .ozet {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    ul.nav.nav-pills.nav-stacked > li > a {
        border-radius: 8px !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        font-weight: 600;
    }

    div[style*="margin-left:140px"],
    div[style*="margin-left:310px"],
    p[style*="margin-left:250px"] {
        margin-left: 0 !important;
        margin-top: 8px !important;
    }

    .cerceve-anket .styledselect_form_4 {
        height: 40px !important;
        padding: 0 10px !important;
        font-size: 14px !important;
    }

    /* Sağ Blok (Sidebar Kartları) */
    .sag-blok {
        margin: 4px 0 0 0 !important;
    }

    .sag-blok > a > img,
    .sag-blok center a > img,
    .sag-blok div > a > img[width="310"],
    .sag-blok div > a > img[width="300"],
    .sag-blok a > img[src*="eczane"],
    .sag-blok a > img[src*="trafik"],
    .sag-blok a > img[src*="ruya"],
    .sag-blok a > img[src*="defter"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px;
        display: block;
        margin: 6px 0 !important;
    }

    .anket,
    .blok-baslik,
    .block-cok-okunanlar,
    .gundem_top,
    .cok-okunanlar_top,
    .ckic_top {
        width: 100% !important;
        height: auto !important;
        min-height: 38px;
        margin-top: 10px !important;
        border-radius: 12px 12px 0 0;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .anket .baslik,
    .blok-baslik .baslik,
    .block-cok-okunanlar h1,
    .cok-okunanlar_top h1,
    .ckic_top h1 {
        height: auto !important;
        padding: 9px 12px !important;
        font-size: 14px !important;
        font-family: inherit !important;
    }

    .cerceve,
    .cerceve-anket {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 4px 0 !important;
        padding: 12px !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-top: 0 !important;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        box-sizing: border-box !important;
    }

    /* Hava Durumu & Namaz Vakitleri Sidebar Kutuları */
    .cerceve-anket.havabg {
        background-color: #2b6cb0 !important;
        height: auto !important;
        margin-left: 0 !important;
    }

    .cerceve-anket.namazbg {
        background-color: #2f855a !important;
        height: auto !important;
        min-height: 115px;
        margin-left: 0 !important;
    }

    /* Haber Ara Kutusu */
    .arama-tabo {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
    }

    .arama-tabo .input-append,
    .arama-tabo form {
        display: flex !important;
        gap: 6px;
        width: 100% !important;
    }

    .arama-tabo input#appendedInputButton {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0 !important;
        height: 38px !important;
        padding: 0 12px !important;
        border: 1px solid #d1d5db !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    .arama-tabo input.btn {
        flex: 0 0 auto;
        height: 38px !important;
        padding: 0 16px !important;
        background: #dc2626 !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 8px !important;
        font-weight: 700 !important;
    }

    /* Yazarlar Sidebar Karuseli */
    .yazarlar {
        width: 100% !important;
    }

    .yazarlar ul li {
        width: 100% !important;
        height: 92px !important;
    }

    .yazar-haber {
        width: 100% !important;
        height: 90px !important;
        padding: 6px !important;
        border-radius: 8px;
        box-sizing: border-box !important;
        overflow: hidden;
    }

    .yazar-haber img,
    .yazar-haber img:hover {
        width: 58px !important;
        height: 74px !important;
        object-fit: cover;
        border-radius: 6px;
        border: 1px solid #e5e7eb !important;
        margin: 0 10px 0 0 !important;
    }

    .anket-main,
    .block-cok-okunanlar-main,
    .blok-baslik-haber,
    div#cok-okunanlar,
    .cok-okunanlar_top-haber,
    div#ckic,
    .ckic_top-haber,
    .yazar-kt-kutular,
    .foto-galeri,
    .video-galeri,
    .namaz,
    .namaz div.title,
    #tumevahava1,
    #tumevahava2 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    div#cok-okunanlar,
    div#ckic,
    .cok-okunanlar_top-haber,
    .ckic_top-haber {
        height: auto !important;
        min-height: 78px;
        overflow: hidden;
    }

    /* Ana Sayfa Foto & Video Multimedia Bandı */
    .multimediaBord,
    #multimedia {
        width: 100% !important;
        height: auto !important;
        margin-top: 10px !important;
        padding: 14px 12px !important;
        background: #18181b !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #multimedia .column-a,
    #multimedia .column-b {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
        margin: 0 0 16px 0 !important;
        border-right: 0 !important;
    }

    #multimedia .headline {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
    }

    #multimedia .headline .imgContainer img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 8px;
        border: 0 !important;
    }

    #multimedia .item,
    #multimedia .vg .item {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 6px 5px !important;
        border-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    #multimedia .headline.item {
        width: 100% !important;
        margin: 8px 0 12px 0 !important;
    }

    #multimedia .item img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 8px;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #multimedia .item h6 {
        width: 100% !important;
        height: auto !important;
        min-height: 36px;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    #multimedia .headline h6 {
        font-size: 15px !important;
    }

    /* Footer */
    .footer .etraf {
        padding: 20px 14px !important;
        background: #18181b !important;
        border-color: #27272a !important;
        box-sizing: border-box !important;
    }

    .footer .etraf .ic {
        width: 100% !important;
        float: none !important;
    }

    .footer .etraf .ic > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 14px;
        width: 100% !important;
    }

    .footer .etraf .ic > ul > li,
    .footer .etraf .ic > ul > li.group {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        box-sizing: border-box !important;
    }

    .footer .etraf .ic > ul > li.group {
        grid-column: 1 / -1;
    }

    .footer .etraf .ic > ul > li > a {
        font-size: 13px !important;
        font-weight: 800 !important;
        color: #f87171 !important;
        border-bottom: 1px solid #27272a;
        padding-bottom: 6px !important;
        margin-bottom: 8px !important;
    }

    .footer .etraf .ic > ul > li > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 10px;
    }

    .footer .etraf .ic > ul li li {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .footer .etraf.border > div {
        width: 100% !important;
        float: none !important;
        margin: 6px 0 !important;
        text-align: left !important;
    }

    /* Yukarı Çık Butonu */
    .yukaricik {
        right: 12px !important;
        bottom: 14px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 50%;
        z-index: 990 !important;
        opacity: 0.9;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    }
}

@media only screen and (max-width: 560px) {
    .dikey-haberler,
    .dikey-videolar,
    .galeri-kutular,
    .galeri-kt-kutular {
        width: 100% !important;
        margin: 6px 0 !important;
    }

    .footer .etraf .ic > ul {
        grid-template-columns: 1fr !important;
    }
}