/* ═══════════════════════════════════════════════════════════════
   MOBILE-MODERN.CSS — Ajans Palandöken
   Premium mobil tasarım — Overlay card + zengin başlıklar
   ═══════════════════════════════════════════════════════════════ */

/* ═══ GENEL: Tüm ekranlar ═══ */
html {
    scroll-behavior: smooth;
}

a {
    transition: color 0.2s ease, opacity 0.2s ease;
}

.ajns-cd-cat {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    border-radius: 3px !important;
}

.ajns-cd-date {
    font-family: 'Roboto', sans-serif !important;
    opacity: 0.7 !important;
    font-weight: 500 !important;
}

/* ─── HEADER: Glassmorphism & Modern Color (Tüm Ekranlar) ─── */
#ajns-main-nav-top,
#ajns-main-nav-bot {
    background: rgba(17, 17, 17, 0.92) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Web sürümü: navbar altındaki ince çizgiyi kaldır */
@media screen and (min-width: 900px) {
    #ajns-main-nav-top,
    #ajns-main-nav-bot {
        border-bottom: none !important;
    }
}

/* ════════════════════════════════════════════════════════════
   MOBİL (≤ 899px)
   ════════════════════════════════════════════════════════════ */
@media screen and (max-width: 899px) {

    /* ─── FIX: Navbar ile slider arası beyaz boşluk ─── */
    #ajns-main-body-wrap {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    #ajns-main-body-wrap>.ajns-main-box:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #ajns-feat1-wrap,
    .ajns-feat1-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .ajns-mobile-slider {
        margin-top: 0 !important;
    }

    #ajns-break-wrap {
        margin-bottom: 0 !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BÖLÜM BAŞLIKLARI — Gradient pill badge tasarım
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-widget-home-head {
        padding: 0 16px !important;
        margin: 0 0 18px 0 !important;
        position: relative !important;
        display: block !important;
        text-align: center !important;
    }

    .ajns-widget-home-head::before,
    .ajns-widget-home-head::after {
        display: none !important;
    }

    h4.ajns-widget-home-title,
    h4.ajns-widget-home-title span {
        font-family: 'Oswald', sans-serif !important;
        font-weight: 900 !important;
        font-style: normal !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        color: #fff !important;
        background: linear-gradient(135deg, #c3110c, #9f0e0a) !important;
        -webkit-text-fill-color: #fff !important;
        padding: 8px 20px !important;
        border-radius: 6px !important;
        display: inline-block !important;
        transform: none !important;
        -webkit-transform: none !important;
        position: relative !important;
        box-shadow: 0 3px 12px rgba(195, 17, 12, 0.25) !important;
        line-height: 1.4 !important;
        width: auto !important;
        float: none !important;
        max-width: fit-content !important;
    }

    h4.ajns-widget-home-title::before,
    h4.ajns-widget-home-title::after {
        display: none !important;
    }

    /* Trendler başlığı */
    .ajns-feat1-pop-head,
    h3.ajns-feat1-pop-head {
        padding: 0 16px !important;
        margin-bottom: 18px !important;
        text-align: center !important;
        display: block !important;
    }

    h3.ajns-feat1-pop-head span,
    .ajns-feat1-pop-head span {
        font-family: 'Oswald', sans-serif !important;
        font-weight: 900 !important;
        font-style: normal !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        color: #fff !important;
        background: linear-gradient(135deg, #c3110c, #9f0e0a) !important;
        -webkit-text-fill-color: #fff !important;
        padding: 8px 20px !important;
        border-radius: 6px !important;
        display: inline-block !important;
        transform: none !important;
        -webkit-transform: none !important;
        box-shadow: 0 3px 12px rgba(195, 17, 12, 0.25) !important;
        line-height: 1.4 !important;
    }

    h3.ajns-feat1-pop-head::before,
    h3.ajns-feat1-pop-head::after {
        display: none !important;
    }

    /* Medya section — aynı badge stili */
    .ajns-widget-dark-wrap h4.ajns-widget-home-title,
    .ajns-widget-dark-wrap h4.ajns-widget-home-title span {
        background: linear-gradient(135deg, #c3110c, #9f0e0a) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     GLOBAL KATEGORİ BADGE — Tüm kartlarda aynı stil
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        padding: 3px 10px !important;
        border-radius: 4px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.6rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        box-shadow: 0 2px 8px rgba(195, 17, 12, 0.3) !important;
        display: inline-block !important;
        line-height: 1.4 !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     MOBİL SLIDER — Premium polish
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-mobile-slider {
        border-radius: 0 !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    }

    .ajns-mobile-slider-img {
        aspect-ratio: 3 / 4 !important;
    }

    .ajns-mobile-slider-gradient {
        background: linear-gradient(to bottom,
                transparent 30%,
                rgba(0, 0, 0, 0.4) 55%,
                rgba(0, 0, 0, 0.85) 100%) !important;
    }

    .ajns-mobile-slider-title {
        font-family: 'Oswald', sans-serif !important;
        font-size: clamp(1.9rem, 8.2vw, 3.2rem) !important;
        font-weight: 700 !important;
        line-height: 0.95 !important;
        letter-spacing: -0.02em !important;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
        float: left !important;
        width: 80% !important;
        margin-right: 20% !important;
    }

    .ajns-mobile-slider-summary {
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .ajns-mobile-slider-cat {
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        padding: 3px 10px !important;
        border-radius: 3px !important;
        background: #c3110c !important;
        box-shadow: none !important;
    }

    .ajns-mobile-slider-dot {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .ajns-mobile-slider-dot.active {
        width: 20px !important;
        max-width: 20px !important;
        border-radius: 4px !important;
        background: #c3110c !important;
    }

    .ajns-mobile-slider-prev,
    .ajns-mobile-slider-next {
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TREND KARTLARI — Overlay card tasarım
     Görsel üzerinde gradient + başlık
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-feat1-pop-wrap {
        width: 100% !important;
    }

    .ajns-feat1-pop-wrap>a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ajns-feat1-pop-cont {
        --ajns-trend-mobile-card-height: 112px;
        display: flex !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        margin-bottom: 14px !important;
        padding-bottom: 14px !important;
        min-height: var(--ajns-trend-mobile-card-height) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        clear: both !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .ajns-feat1-pop-cont:active {
        transform: scale(0.98) !important;
    }

    .ajns-feat1-pop-img {
        width: 35% !important;
        max-width: 130px !important;
        min-width: 112px !important;
        height: var(--ajns-trend-mobile-card-height) !important;
        aspect-ratio: auto !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    .ajns-feat1-pop-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Remove overlay gradient for list mode */
    .ajns-feat1-pop-img::after {
        display: none !important;
    }

    /* Text next to image */
    .ajns-feat1-pop-text {
        width: 65% !important;
        min-height: var(--ajns-trend-mobile-card-height) !important;
        padding-left: 15px !important;
        background: transparent !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .ajns-feat1-pop-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        letter-spacing: -0.01em !important;
        color: #1a1a2e !important;
        text-shadow: none !important;
        margin-top: 6px !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        min-height: calc(1.35em * 2) !important;
    }

    .ajns-feat1-pop-text .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        padding: 3px 8px !important;
        border-radius: 4px !important;
        font-size: 0.55rem !important;
        box-shadow: 0 2px 6px rgba(195, 17, 12, 0.3) !important;
    }

    .ajns-feat1-pop-text .ajns-cd-date {
        color: #777 !important;
        font-size: 0.65rem !important;
    }

    /* Trendler overlapping numbers fix */
    .ajns-feat1-pop-text:before {
        display: none !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     BÜLTEN — Ana haber: Overlay card
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-widget-feat2-left {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .ajns-widget-feat2-right {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        margin-top: 16px !important;
    }

    .ajns-widget-feat2-left-cont {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1) !important;
        position: relative !important;
    }

    .ajns-widget-feat2-left-cont .ajns-feat1-feat-img {
        aspect-ratio: 16 / 10 !important;
    }

    /* Overlay gradient for bülten main */
    .ajns-widget-feat2-left-cont .ajns-feat1-feat-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom,
                transparent 25%,
                rgba(0, 0, 0, 0.25) 50%,
                rgba(0, 0, 0, 0.88) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .ajns-widget-feat2-left-cont .ajns-feat1-feat-text {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: transparent !important;
        background-image: none !important;
        padding: 18px 18px 20px !important;
        z-index: 2 !important;
    }

    .ajns-widget-feat2-left-cont .ajns-feat1-feat-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.2rem !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.015em !important;
        color: #fff !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
    }

    .ajns-widget-feat2-left-cont .ajns-feat1-feat-text p {
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 0.85rem !important;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    }

    .ajns-widget-feat2-left-cont .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 6px rgba(195, 17, 12, 0.3) !important;
    }

    .ajns-widget-feat2-left-cont .ajns-cd-date {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* Bülten sağ: 2 küçük card — Overlay */
    .ajns-widget-feat2-right-cont {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08) !important;
        position: relative !important;
        transition: transform 0.3s ease !important;
    }

    .ajns-widget-feat2-right-cont:active {
        transform: scale(0.975) !important;
    }

    .ajns-widget-feat2-right-img {
        aspect-ratio: 16 / 9 !important;
        position: relative !important;
    }

    .ajns-widget-feat2-right-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom,
                transparent 30%,
                rgba(0, 0, 0, 0.25) 55%,
                rgba(0, 0, 0, 0.85) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .ajns-widget-feat2-right-text {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 14px 16px 16px !important;
        background: transparent !important;
        z-index: 2 !important;
        height: auto !important;
    }

    .ajns-widget-feat2-right-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #fff !important;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
    }

    .ajns-widget-feat2-right-text .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        border-radius: 4px !important;
        font-size: 0.6rem !important;
    }

    .ajns-widget-feat2-right-text .ajns-cd-date {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     GÜNDEM SECTION — Overlay card tasarım
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    /* Büyük haberler: overlay */
    .ajns-widget-feat1-top-story {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        position: relative !important;
        transition: transform 0.3s ease !important;
    }

    .ajns-widget-feat1-top-story:active {
        transform: scale(0.975) !important;
    }

    .ajns-widget-feat1-top-img {
        aspect-ratio: 16 / 10 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .ajns-widget-feat1-top-img img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }

    .ajns-widget-feat1-top-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom,
                transparent 25%,
                rgba(0, 0, 0, 0.2) 50%,
                rgba(0, 0, 0, 0.85) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .ajns-widget-feat1-top-text {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: transparent !important;
        background-image: none !important;
        padding: 16px 18px 18px !important;
        z-index: 2 !important;
    }

    .ajns-widget-feat1-top-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.1rem !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        color: #fff !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
        letter-spacing: -0.01em !important;
    }

    .ajns-widget-feat1-top-text .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 6px rgba(195, 17, 12, 0.3) !important;
    }

    .ajns-widget-feat1-top-text .ajns-cd-date {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* Küçük 4 haber: overlay */
    .ajns-widget-feat1-bot-story {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08) !important;
        position: relative !important;
        transition: transform 0.3s ease !important;
    }

    .ajns-widget-feat1-bot-story:active {
        transform: scale(0.975) !important;
    }

    .ajns-widget-feat1-bot-img {
        aspect-ratio: 16 / 10 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .ajns-widget-feat1-bot-img img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }

    .ajns-widget-feat1-bot-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom,
                transparent 30%,
                rgba(0, 0, 0, 0.25) 55%,
                rgba(0, 0, 0, 0.85) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .ajns-widget-feat1-bot-text {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: transparent !important;
        padding: 12px 14px 14px !important;
        z-index: 2 !important;
    }

    .ajns-widget-feat1-bot-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #fff !important;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
    }

    .ajns-widget-feat1-bot-text .ajns-cd-cat {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        border-radius: 4px !important;
        font-size: 0.6rem !important;
    }

    .ajns-widget-feat1-bot-text .ajns-cd-date {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     KÜÇÜK LİSTE ÖĞELERİ — Modern list items
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-feat1-list-cont {
        padding: 12px 16px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
        transition: background 0.2s ease !important;
    }

    .ajns-feat1-list-cont:active {
        background: rgba(0, 0, 0, 0.02) !important;
    }

    .ajns-feat1-list-img {
        border-radius: 10px !important;
        overflow: hidden !important;
        width: 80px !important;
        height: 80px !important;
    }

    .ajns-feat1-list-img img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important;
    }

    .ajns-feat1-list-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 0.88rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        color: #1a1a2e !important;
        letter-spacing: -0.01em !important;
    }

    /* ─── DAHA FAZLA HABER BUTONU ─── */
    .ajns-widget-feat2-side-list>a:last-child {
        display: block !important;
        width: 100% !important;
        text-decoration: none !important;
    }

    .ajns-widget-feat2-side-more-but {
        background: linear-gradient(135deg, #c3110c, #d63a35) !important;
        color: #fff !important;
        border-radius: 12px !important;
        padding: 14px 20px !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        float: none !important;
        line-height: 1.2 !important;
        font-family: 'Oswald', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.85rem !important;
        letter-spacing: 0.03em !important;
        text-transform: uppercase !important;
        box-shadow: 0 4px 16px rgba(195, 17, 12, 0.25) !important;
        transition: transform 0.2s ease !important;
    }

    .ajns-widget-feat2-side-more-but:active {
        transform: scale(0.97) !important;
    }

    .ajns-widget-feat2-side-more-but .ajns-widget-feat2-side-more,
    .ajns-widget-feat2-side-more-but i {
        color: #fff !important;
    }

    .ajns-widget-feat2-side-more-but i {
        margin-left: 0 !important;
        top: auto !important;
    }

    /* ─── HABER DETAY ─── */
    .article-wrap {
        padding: 16px 16px !important;
    }

    .article-title {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.4rem !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.02em !important;
        color: #1a1a2e !important;
    }

    .article-meta-row {
        padding: 16px 0 !important;
        gap: 12px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    }

    .article-related-grid>a {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
        background: #fff !important;
    }

    /* ─── FOOTER ─── */
    #ajns-foot-wrap {
        background: linear-gradient(180deg, #0f0f23, #0a0a1a) !important;
    }

    #ajns-foot-top {
        padding: 32px 16px !important;
    }

    .ajns-foot-soc-list li a {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 15px !important;
        transition: all 0.25s ease !important;
    }

    .ajns-foot-soc-list li a:active {
        background: rgba(195, 17, 12, 0.2) !important;
        border-color: rgba(195, 17, 12, 0.3) !important;
        color: #c3110c !important;
    }

    #menu-footer-menu .menu-item a {
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.55) !important;
    }

    #ajns-foot-copy p {
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.72rem !important;
        color: rgba(255, 255, 255, 0.3) !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     KATEGORİ SAYFASI — Modern overlay kartlar
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .ajns-post-wrap {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        margin-bottom: 16px !important;
        position: relative !important;
        transition: transform 0.3s ease !important;
    }

    .ajns-post-wrap:active {
        transform: scale(0.975) !important;
    }

    .ajns-post-img {
        aspect-ratio: 16 / 10 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .ajns-post-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.92) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .ajns-post-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .ajns-post-text {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 16px 18px 18px !important;
        z-index: 2 !important;
        background: transparent !important;
    }

    .ajns-post-text h2 {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #fff !important;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
    }

    .ajns-post-text .ajns-cd-date {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* Kategori sayfa başlığı */
    .ajns-cat-head,
    .ajns-search-head {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.3rem !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        color: #1a1a2e !important;
        padding: 16px !important;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     HABER DETAY — Premium zenginleştirme
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .article-layout {
        display: block !important;
        grid-template-columns: 1fr !important;
    }

    .article-sidebar {
        display: none !important;
    }

    .article-title {
        font-family: 'Oswald', sans-serif !important;
        font-size: 1.4rem !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.02em !important;
        color: #1a1a2e !important;
    }

    .article-meta-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 14px 0 !important;
        border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        margin: 12px 0 20px !important;
    }

    .article-main-img {
        border-radius: 14px !important;
        overflow: hidden !important;
        margin-bottom: 20px !important;
    }

    .article-main-img img {
        border-radius: 14px !important;
    }

    .article-body {
        font-family: 'Roboto', sans-serif !important;
        font-size: 1rem !important;
        line-height: 1.75 !important;
        color: #2c2c2c !important;
    }

    .article-body p {
        margin-bottom: 1.2em !important;
    }

    /* İlgili haberler grid */
    .article-related-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    .article-related-grid>a {
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
        position: relative !important;
    }

    .article-related-grid>a img {
        aspect-ratio: 16 / 10 !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    /* Sosyal paylaşım butonları */
    .article-share-btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: transform 0.2s ease, opacity 0.2s ease !important;
    }

    .article-share-btn:active {
        transform: scale(0.9) !important;
    }

    /* ─── ANİMASYONLAR ─── */
    @keyframes ajns-fade-up {
        from {
            opacity: 0;
            transform: translateY(16px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .ajns-widget-home {
        animation: ajns-fade-up 0.5s ease both !important;
    }

    .ajns_home_feat2_widget {
        animation-delay: 0.1s !important;
    }

    .ajns-widget-dark-wrap {
        animation-delay: 0.15s !important;
    }

    .ajns_home_feat1_widget {
        animation-delay: 0.2s !important;
    }

}

/* END @media (max-width: 899px) */


/* ════════════════════════════════════════════════════════════
   KÜÇÜK MOBİL (≤ 479px)
   ════════════════════════════════════════════════════════════ */
@media screen and (max-width: 479px) {

    .ajns-mobile-slider-title {
        font-size: clamp(1.7rem, 8.8vw, 2.6rem) !important;
    }

    .article-title {
        font-size: 1.25rem !important;
    }

    .ajns-widget-feat2-left-cont .ajns-feat1-feat-text h2 {
        font-size: 1.05rem !important;
    }

    .ajns-widget-dark-feat-text h2 {
        font-size: 1rem !important;
    }

    .ajns-widget-feat1-top-text h2 {
        font-size: 0.95rem !important;
    }

    h4.ajns-widget-home-title,
    h4.ajns-widget-home-title span,
    h3.ajns-feat1-pop-head,
    h3.ajns-feat1-pop-head span {
        font-size: 0.68rem !important;
    }
}


/* ════════════════════════════════════════════════════════════
   SAYFA YÜKLEME LOADER
   ════════════════════════════════════════════════════════════ */
#ajns-page-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(15, 15, 35, 0.85);
    /* Smooth semi-transparent */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#ajns-page-loader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#ajns-page-loader .loader-logo {
    width: 60px;
    height: 60px;
    animation: ajns-loader-pulse 1.4s ease-in-out infinite;
}

#ajns-page-loader .loader-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255, 255, 255, 0.08);
    border-top: 3px solid #c3110c;
    border-radius: 50%;
    animation: ajns-loader-spin 0.8s linear infinite;
}

#ajns-page-loader .loader-text {
    font-family: 'Oswald', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}

@keyframes ajns-loader-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ajns-loader-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(0.92);
    }
}


/* ════════════════════════════════════════════════════════════
   DESKTOP — Modern kart ve görsel iyileştirmeleri
   Smooth geçişler, hover efektleri, premium görünüm
   ════════════════════════════════════════════════════════════ */

/* Tüm haber kartlarına smooth geçiş */
.ajns-feat1-pop-cont,
.ajns-widget-feat2-left-cont,
.ajns-widget-feat2-right-cont,
.ajns-widget-feat1-top-story,
.ajns-widget-feat1-bot-story,
.ajns-widget-dark-sub,
.ajns-widget-dark-feat,
.ajns-feat1-sub-cont,
.ajns-feat1-feat-wrap,
.ajns-feat1-list-cont {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover: hafif yukarı kayma + gölge */
.ajns-feat1-pop-cont:hover,
.ajns-widget-feat2-left-cont:hover,
.ajns-widget-feat2-right-cont:hover,
.ajns-widget-feat1-top-story:hover,
.ajns-widget-feat1-bot-story:hover,
.ajns-widget-dark-sub:hover,
.ajns-widget-dark-feat:hover,
.ajns-feat1-sub-cont:hover,
.ajns-feat1-feat-wrap:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Kart içi görsellere hover zoom */
.ajns-feat1-pop-img img,
.ajns-feat1-feat-img img,
.ajns-widget-feat2-right-img img,
.ajns-widget-dark-feat-img img,
.ajns-widget-dark-sub-img img,
.ajns-widget-feat1-top-img img,
.ajns-widget-feat1-bot-img img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ajns-feat1-pop-cont:hover .ajns-feat1-pop-img img,
.ajns-widget-feat2-left-cont:hover .ajns-feat1-feat-img img,
.ajns-widget-feat2-right-cont:hover .ajns-widget-feat2-right-img img,
.ajns-widget-dark-feat:hover .ajns-widget-dark-feat-img img,
.ajns-widget-dark-sub:hover .ajns-widget-dark-sub-img img,
.ajns-widget-feat1-top-story:hover .ajns-widget-feat1-top-img img,
.ajns-widget-feat1-bot-story:hover .ajns-widget-feat1-bot-img img {
    transform: scale(1.04) !important;
}

/* Liste öğeleri hover */
.ajns-feat1-list-cont:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

/* Desktop kart border-radius */
.ajns-feat1-pop-cont,
.ajns-widget-feat2-right-cont,
.ajns-widget-feat1-top-story,
.ajns-widget-feat1-bot-story {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Desktop görseller object-fit */
.ajns-feat1-pop-img img,
.ajns-feat1-feat-img img,
.ajns-widget-feat2-right-img img,
.ajns-widget-dark-feat-img img,
.ajns-widget-dark-sub-img img,
.ajns-widget-feat1-top-img img,
.ajns-widget-feat1-bot-img img,
.ajns-feat1-list-img img {
    object-fit: cover !important;
}

/* Desktop başlık hover renk geçişi */
.ajns-feat1-pop-text h2,
.ajns-feat1-feat-text h2,
.ajns-widget-feat2-right-text h2,
.ajns-widget-dark-feat-text h2,
.ajns-widget-dark-sub-text h2,
.ajns-widget-feat1-top-text h2,
.ajns-widget-feat1-bot-text h2,
.ajns-feat1-list-text h2 {
    transition: color 0.25s ease !important;
}

/* ════════════════════════════════════════════════════════════
   MEDYA SECTION — Modern polish katmanı
   1 büyük üstte + 4 küçük altta (mobilde kapak solda)
   ════════════════════════════════════════════════════════════ */
.media-video-section .ajns-widget-dark-wrap {
    background:
        radial-gradient(130% 120% at 0% 0%, rgba(195, 17, 12, 0.24), transparent 48%),
        radial-gradient(120% 120% at 100% 0%, rgba(0, 148, 255, 0.2), transparent 44%),
        linear-gradient(160deg, #0b1019 0%, #0a0f17 55%, #080c14 100%) !important;
    padding: 8px 0 34px !important;
}

.media-video-section .ajns-widget-dark-left>a,
.media-video-section .ajns-widget-dark-right>a {
    display: block !important;
    width: 100% !important;
}

.media-video-section .ajns-widget-dark-feat,
.media-video-section .ajns-widget-dark-sub {
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.04) !important;
    box-shadow: 0 14px 28px rgba(5, 8, 15, 0.38) !important;
}

.media-video-section .ajns-widget-dark-feat-img,
.media-video-section .ajns-widget-dark-sub-img {
    line-height: 0;
}

.media-video-section .ajns-widget-dark-feat-img img,
.media-video-section .ajns-widget-dark-sub-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.media-video-section .ajns-vid-box-wrap {
    background: #0be6af !important;
    border: 1px solid #0be6af !important;
    color: #0a2e24 !important;
    box-shadow: 0 8px 18px rgba(11, 230, 175, 0.34) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.media-video-section .ajns-vid-box-wrap i {
    color: #0a2e24 !important;
}

@media screen and (min-width: 900px) {

    /* ── Ana container: sol kart yüksekliği belirler, sağ eşitlenir ── */
    .media-video-section .ajns-widget-dark-main {
        position: relative !important;
        width: 100% !important;
        float: none !important;
        overflow: hidden !important;
    }

    /* Sol: normal akışta, yüksekliği belirleyen eleman */
    .media-video-section .ajns-widget-dark-left {
        float: none !important;
        width: 62% !important;
        margin: 0 !important;
        position: relative !important;
    }

    .media-video-section .ajns-widget-dark-left > a {
        display: block !important;
    }

    /* Sağ: absolute ile sol kartın yüksekliğine eşitlenir */
    .media-video-section .ajns-widget-dark-right {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 36% !important;
        float: none !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    .media-video-section .ajns-widget-dark-right > a {
        display: block !important;
        height: 100% !important;
        min-height: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* ── Sol: büyük video kartı (overlay text) ── */
    .media-video-section .ajns-widget-dark-left > a {
        display: block !important;
    }

    .media-video-section .ajns-widget-dark-feat {
        margin: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        float: none !important;
        width: 100% !important;
    }

    .media-video-section .ajns-widget-dark-feat-img {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .media-video-section .ajns-widget-dark-feat-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .media-video-section .ajns-widget-dark-feat-img::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(to bottom, rgba(6, 10, 16, 0.08) 24%, rgba(6, 10, 16, 0.86) 100%) !important;
        pointer-events: none !important;
    }

    .media-video-section .ajns-widget-dark-feat-text {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: transparent !important;
        background-image: none !important;
        padding: 16px 18px 18px !important;
    }

    .media-video-section .ajns-widget-dark-feat-text h2 {
        color: #fff !important;
        font-size: 1.24rem !important;
        line-height: 1.3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    /* ── Sağ: 4 küçük kart ── */
    .media-video-section .ajns-widget-dark-sub {
        margin: 0 !important;
        height: 100% !important;
        display: grid !important;
        grid-template-columns: 44% minmax(0, 1fr) !important;
        align-items: stretch !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        background: rgba(0, 0, 0, 0.4) !important;
    }

    /* Legacy wrapper'ları layout'tan kaldır (negatif margin bypass) */
    .media-video-section .ajns-widget-dark-sub-out {
        display: contents !important;
    }

    .media-video-section .ajns-widget-dark-sub-in {
        display: contents !important;
    }

    .media-video-section .ajns-widget-dark-sub-img {
        width: 44% !important;
        height: 100% !important;
        min-height: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        float: none !important;
        position: relative !important;
        overflow: hidden !important;
        line-height: 0 !important;
    }

    .media-video-section .ajns-widget-dark-sub-img img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    .media-video-section .ajns-widget-dark-sub-img::after {
        display: none !important;
    }

    .media-video-section .ajns-widget-dark-sub-text {
        min-width: 0 !important;
        min-height: 0 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 10px 14px !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        float: none !important;
        margin: 0 !important;
    }

    .media-video-section .ajns-widget-dark-sub-text h2 {
        color: #fff !important;
        font-size: 0.92rem !important;
        line-height: 1.38 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
        margin: 6px 0 0 !important;
        float: none !important;
    }
}

@media screen and (max-width: 899px) {
    .media-video-section .ajns-widget-dark-feat {
        margin: 0 12px !important;
    }

    .media-video-section .ajns-widget-dark-feat-img {
        aspect-ratio: 16 / 10 !important;
    }

    .media-video-section .ajns-widget-dark-feat-text h2 {
        font-size: 1.06rem !important;
        line-height: 1.33 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .media-video-section .ajns-widget-dark-left,
    .media-video-section .ajns-widget-dark-right {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
    }

    .media-video-section .ajns-widget-dark-right {
        gap: 10px !important;
        margin-top: 14px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .media-video-section .ajns-widget-dark-sub {
        margin: 0 12px !important;
        border-radius: 14px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        overflow: hidden !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
    }

    /* display:contents — wrapper'ları layout'tan kaldır,
       böylece sub-img ve sub-text doğrudan sub'ın flex child'ı olur.
       Legacy negatif margin / float pattern tamamen bypass edilir. */
    .media-video-section .ajns-widget-dark-sub-out,
    .media-video-section .ajns-widget-dark-sub-in {
        display: contents !important;
    }

    .media-video-section .ajns-widget-dark-sub-img {
        flex: 0 0 130px !important;
        width: 130px !important;
        min-width: 110px !important;
        max-width: 160px !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 0 !important;
        margin: 0 !important;
        float: none !important;
        position: relative !important;
        overflow: hidden !important;
        background: #000 !important;
        line-height: 0 !important;
    }

    .media-video-section .ajns-widget-dark-sub-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        position: static !important;
        margin: 0 !important;
        min-width: 0 !important;
        left: auto !important;
    }

    .media-video-section .ajns-widget-dark-sub-img::after {
        display: none !important;
    }

    .media-video-section .ajns-widget-dark-sub-text {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 10px 14px !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        float: none !important;
        margin: 0 !important;
    }

    .media-video-section .ajns-widget-dark-sub-text h2 {
        font-size: 0.88rem !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        margin: 5px 0 0 !important;
        float: none !important;
    }

    .media-video-section .media-video-summary,
    .media-video-section .media-video-sub-summary {
        color: rgba(255, 255, 255, 0.9) !important;
        text-decoration: none !important;
    }

    .media-video-section .media-video-summary {
        margin-top: 7px !important;
        font-size: 0.84rem !important;
        line-height: 1.34 !important;
        -webkit-line-clamp: 2 !important;
    }

    .media-video-section .media-video-sub-summary {
        margin-top: 4px !important;
        font-size: 0.76rem !important;
        line-height: 1.3 !important;
        -webkit-line-clamp: 2 !important;
    }

    /* HABER DETAY (mobil) meta satırı sola hizalı kalsın */
    .article-page .article-meta-row {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .article-page .article-author-meta,
    .article-page .article-author-name,
    .article-page .article-author-stats {
        text-align: left !important;
    }

    .article-page .article-author-stats {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    .article-page .article-meta-share {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
    }
}