/* Mobile-only refresh for the DLE template. Desktop styles are untouched. */
@media (max-width: 768px) {
    * {
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0, 104, 180, .14);
    }

    html,
    body {
        width: 100%;
        min-width: 0!important;
        overflow-x: hidden;
        background: #eef2f6!important;
        color: #141923;
        font-family: Arial, Helvetica, sans-serif!important;
    }

    body {
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }

    img,
    iframe,
    video,
    object,
    embed {
        max-width: 100%;
    }

    .reklamsol,
    .reklamsag,
    #reklamdesktop,
    ins.ainsyndication {
        display: none!important;
    }

    #siteGenel {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0!important;
        padding: 0 12px 18px!important;
        background: #eef2f6!important;
        box-shadow: none!important;
    }

    #siteUstGenel,
    #siteSol,
    #siteSag,
    .icerikAlani,
    .m-tab,
    .m-tab ul {
        width: 100%!important;
        max-width: 100%!important;
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important;
        overflow: visible!important;
    }

    #siteSag {
        display: none!important;
    }

    #siteGenel > div[style*="height: 30px"] {
        width: calc(100% + 24px)!important;
        height: auto!important;
        min-height: 54px!important;
        margin: 0 -12px 12px!important;
        padding: 8px 12px!important;
        position: sticky!important;
        top: 0!important;
        z-index: 9999!important;
        display: flex!important;
        gap: 8px!important;
        align-items: center!important;
        background: rgba(255, 255, 255, .96)!important;
        box-shadow: 0 8px 22px rgba(20, 25, 35, .08)!important;
    }

    #siteGenel > div[style*="height: 30px"] {
        justify-content: flex-start!important;
    }

    #menuBG2,
    ul.menu2 {
        width: auto!important;
        height: auto!important;
        float: none!important;
        background: transparent!important;
        overflow: visible!important;
    }

    ul.menu2 {
        display: flex!important;
        gap: 6px!important;
        max-width: 100%!important;
        padding: 0!important;
        overflow-x: auto!important;
        scrollbar-width: none;
    }

    ul.menu2::-webkit-scrollbar,
    #cssmenu > ul::-webkit-scrollbar {
        display: none;
    }

    ul.menu2 li {
        float: none!important;
        flex: 0 0 auto!important;
        height: auto!important;
    }

    ul.menu2 li a,
    .home a {
        height: 36px!important;
        line-height: 36px!important;
        padding: 0 12px!important;
        border-radius: 999px!important;
        background: #111827!important;
        color: #fff!important;
        font-size: 12px!important;
        letter-spacing: 0!important;
        text-decoration: none!important;
        white-space: nowrap!important;
    }

    .aramayap {
        display: none!important;
    }

    .aramayap input[type="text"] {
        width: 100%!important;
        height: 40px!important;
        padding: 0 12px!important;
        border: 0!important;
        outline: 0!important;
        background: transparent!important;
        color: #111827!important;
        font-size: 14px!important;
    }

    .aramayap button {
        width: 42px!important;
        min-width: 42px!important;
        height: 40px!important;
        border: 0!important;
        border-radius: 999px!important;
        background: #0068b4!important;
    }

    #siteGenel > div[style*="height: 150px"] {
        width: calc(100% + 24px)!important;
        height: auto!important;
        margin: 0 -12px 8px!important;
        padding: 14px 12px 10px!important;
        display: flex!important;
        align-items: center!important;
        justify-content: space-between!important;
        gap: 12px!important;
        overflow: hidden!important;
        background: #fff!important;
    }

    #siteGenel > div[style*="height: 150px"] > a {
        float: none!important;
        display: flex!important;
        align-items: center!important;
        min-width: 0!important;
    }

    #siteGenel > div[style*="height: 150px"] > a img {
        width: auto!important;
        max-width: 138px!important;
        height: auto!important;
        max-height: 52px!important;
        object-fit: contain!important;
    }

    #siteGenel > div[style*="height: 150px"] > div {
        display: none!important;
    }

    #siteGenel > div[style*="height: 150px"] > div img {
        display: none!important;
    }

    #cssmenu {
        width: calc(100% + 24px)!important;
        height: auto!important;
        margin: 0 -12px 12px!important;
        padding: 8px 12px!important;
        border: 0!important;
        border-radius: 0!important;
        background: #fff!important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .05)!important;
        overflow: hidden!important;
    }

    #cssmenu > ul {
        display: flex!important;
        gap: 8px!important;
        width: 100%!important;
        overflow-x: auto!important;
        padding: 0 2px!important;
        list-style: none!important;
    }

    #cssmenu > ul > li {
        float: none!important;
        display: block!important;
        flex: 0 0 auto!important;
    }

    #cssmenu > ul > li > a {
        height: 36px!important;
        line-height: 36px!important;
        padding: 0 14px!important;
        border: 1px solid #e5edf5!important;
        border-radius: 999px!important;
        background: #f8fafc!important;
        color: #0f172a!important;
        text-shadow: none!important;
        font-size: 13px!important;
        font-weight: 700!important;
        white-space: nowrap!important;
    }

    #cssmenu > ul > li > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul li > ul,
    #cssmenu ul li > div {
        display: none!important;
    }

    #cssmenu > ul > li.active > a,
    #cssmenu > ul > li > a:hover {
        background: #0068b4!important;
        color: #fff!important;
        border-color: #0068b4!important;
    }

    #siteUstGenel > div[style*="width:980px"],
    #siteUstGenel > div[style*="width: 980px"],
    #siteUstGenel div[style*="width: 670px"],
    #siteUstGenel div[style*="width:670px"],
    #siteUstGenel div[style*="width: 300px"],
    #siteUstGenel div[style*="width:300px"],
    .icerikAlani > div[style*="width: 670px"],
    .icerikAlani > div[style*="width:670px"] {
        width: 100%!important;
        max-width: 100%!important;
        height: auto!important;
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important;
        overflow: visible!important;
    }

    .anamanset_dis,
    .list_ana_manset_imgler,
    .list_ana_manset_imgler li,
    .list_ana_manset_imgler li a,
    .list_ana_manset_imgler li a img {
        width: 100%!important;
        height: auto!important;
        float: none!important;
    }

    .list_ana_manset_imgler {
        display: flex!important;
        gap: 12px!important;
        overflow-x: auto!important;
        overflow-y: hidden!important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

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

    .list_ana_manset_imgler li {
        display: block!important;
        flex: 0 0 100%!important;
        scroll-snap-align: start;
    }

    .anamanset_dis {
        margin: 6px 0 14px!important;
        border-radius: 18px!important;
        overflow: hidden!important;
        background: #111827!important;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .16)!important;
    }

    .list_ana_manset_imgler li a {
        min-height: 248px!important;
        aspect-ratio: 16 / 10;
        border-radius: 18px!important;
        overflow: hidden!important;
    }

    .list_ana_manset_imgler li a img {
        height: 100%!important;
        object-fit: cover!important;
        display: block!important;
    }

    .list_ana_manset_imgler strong {
        width: 100%!important;
        left: 0!important;
        bottom: 0!important;
        padding: 0 16px 18px!important;
        font-size: 22px!important;
        line-height: 1.16!important;
        color: #fff!important;
    }

    .cinewp_manset_dis {
        position: absolute!important;
        left: 12px!important;
        right: 12px!important;
        bottom: 10px!important;
        width: auto!important;
        height: 5px!important;
        border-radius: 999px!important;
        background: rgba(255, 255, 255, .32)!important;
        overflow: hidden!important;
    }

    .cinewp_manset,
    .cinewp_manset li,
    .cinewp_manset li a,
    a.tumManset {
        display: none!important;
    }

    .yanGorunum7i,
    .yanGorunum7i a,
    .yanGorunum7i img {
        width: 100%!important;
        height: auto!important;
        float: none!important;
    }

    .yanGorunum7i {
        margin: 0 0 12px!important;
        border-radius: 16px!important;
        overflow: hidden!important;
        background: #fff!important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .08)!important;
    }

    .yanGorunum7i a {
        min-height: 168px!important;
        aspect-ratio: 16 / 9;
        position: relative!important;
    }

    .yanGorunum7i img {
        height: 100%!important;
        object-fit: cover!important;
    }

    .yanGorunum7i h2 {
        width: 100%!important;
        padding: 0 14px 14px!important;
        font-size: 17px!important;
        line-height: 1.2!important;
    }

    .yanGorunum7i p {
        top: 12px!important;
        left: 12px!important;
        bottom: auto!important;
        width: auto!important;
        padding: 5px 9px!important;
        border-radius: 999px!important;
        background: rgba(0, 104, 180, .9)!important;
        font-size: 11px!important;
        line-height: 1!important;
    }

    .yeniBaslik1 {
        margin: 18px 0 10px!important;
        padding: 0!important;
        border: 0!important;
        box-shadow: none!important;
        display: flex!important;
        align-items: center!important;
        justify-content: space-between!important;
    }

    .yeniBaslik1 strong {
        padding: 0!important;
        background: transparent!important;
        color: #0f172a!important;
        border-radius: 0!important;
        font-size: 18px!important;
        line-height: 1.2!important;
        letter-spacing: 0!important;
    }

    .yeniBaslik1:after {
        content: "";
        width: 34px;
        height: 4px;
        border-radius: 999px;
        background: #0068b4;
    }

    .icerikAlani > div[style*="display: block"] {
        display: grid!important;
        grid-template-columns: repeat(2, minmax(0, 1fr))!important;
        gap: 12px!important;
        margin-bottom: 6px!important;
    }

    .anaGorunum31,
    .anaGorunum4,
    .anaGorunum5,
    .yeniDivana1,
    .yeniDivana2,
    .yeniDivana3,
    .yeniDivana4 {
        width: 100%!important;
        height: auto!important;
        min-width: 0!important;
        float: none!important;
        margin: 0!important;
        padding: 0!important;
        border-radius: 16px!important;
        overflow: hidden!important;
        background: #fff!important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .07)!important;
    }

    .anaGorunum31 a,
    .anaGorunum4 a,
    .anaGorunum5 a,
    .yeniDivana1 a,
    .yeniDivana2 a,
    .yeniDivana3 a,
    .yeniDivana4 a {
        width: 100%!important;
        height: 100%!important;
        display: flex!important;
        flex-direction: column!important;
        color: #111827!important;
        text-decoration: none!important;
        font-size: 14px!important;
        line-height: 1.25!important;
    }

    .anaGorunum31 img,
    .anaGorunum4 img,
    .anaGorunum5 img,
    .yeniDivana1 img,
    .yeniDivana2 img,
    .yeniDivana3 img,
    .yeniDivana4 img {
        width: 100%!important;
        height: auto!important;
        aspect-ratio: 16 / 11!important;
        display: block!important;
        float: none!important;
        margin: 0!important;
        object-fit: cover!important;
    }

    .anaGorunum31 strong,
    .anaGorunum4 strong,
    .anaGorunum5 strong,
    .yeniDivana1 strong,
    .yeniDivana2 strong,
    .yeniDivana3 strong,
    .yeniDivana4 strong {
        width: auto!important;
        height: auto!important;
        min-height: 54px!important;
        max-height: none!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden!important;
        margin: 0!important;
        padding: 10px 10px 12px!important;
        color: #111827!important;
        font-weight: 800!important;
        line-height: 1.2!important;
        white-space: normal!important;
        text-overflow: clip!important;
    }

    .anaGorunum31 font,
    .anaGorunum31 b {
        display: block!important;
        padding: 9px 10px 0!important;
        color: #0068b4!important;
        font-size: 12px!important;
        line-height: 1!important;
        font-weight: 800!important;
    }

    .anaGorunum4 p,
    .anaGorunum5 p,
    .yeniDivana1 p,
    .yeniDivana2 p,
    .yeniDivana3 p,
    .yeniDivana4 p {
        padding: 0 10px 10px!important;
        color: #64748b!important;
        font-size: 12px!important;
        line-height: 1.35!important;
    }

    .swiper-container-foto,
    .swiper-container-video,
    .swiper-container-foto .swiper-wrapper,
    .swiper-container-video .swiper-wrapper {
        width: 100%!important;
        height: auto!important;
    }

    .icerikAlani div[style*="height: 410px"] {
        height: auto!important;
    }

    .icerikAlani div[style*="width:445px"],
    .icerikAlani div[style*="width:225px"] {
        width: 100%!important;
        height: auto!important;
        float: none!important;
    }

    footer,
    footer > div,
    body > div[style*="width:1000px"],
    body > div[style*="width: 1000px"] {
        width: 100%!important;
        max-width: 100%!important;
        height: auto!important;
        margin: 0!important;
        padding: 14px 12px!important;
        overflow: hidden!important;
    }

    .footerSol,
    .footerSag {
        width: 100%!important;
        float: none!important;
        text-align: center!important;
    }
}

@media (max-width: 420px) {
    #siteGenel {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    #siteGenel > div[style*="height: 30px"],
    #siteGenel > div[style*="height: 150px"],
    #cssmenu {
        width: calc(100% + 20px)!important;
        margin-left: -10px!important;
        margin-right: -10px!important;
    }

    .list_ana_manset_imgler li a {
        min-height: 220px!important;
    }

    .list_ana_manset_imgler strong {
        font-size: 20px!important;
    }

    .icerikAlani > div[style*="display: block"] {
        gap: 10px!important;
    }

    .anaGorunum31 strong,
    .anaGorunum4 strong,
    .anaGorunum5 strong,
    .yeniDivana1 strong,
    .yeniDivana2 strong,
    .yeniDivana3 strong,
    .yeniDivana4 strong {
        min-height: 58px!important;
        padding: 9px 9px 11px!important;
        font-size: 13px!important;
    }
}

@media (max-width: 340px) {
    .icerikAlani > div[style*="display: block"] {
        grid-template-columns: 1fr!important;
    }
}