/**HEADER */
:root{
    --ghh-body:#f3f4f6;
    --ghh-menu-bg:#ffffff;
    --ghh-menu-text:#111827;
    --ghh-red:#d71920;
    --ghh-red-dark:#b60f16;
    --ghh-blue:#005b9f;
    --ghh-dark:#3f3f3f;
    --ghh-light:#ffffff;
    --ghh-line:#e5e7eb;
    --ghh-wrap:1170px;
    --ghh-admin:0px;
}
body{
    background:var(--ghh-body)!important;
    margin:0;
    padding:0;
}
body.admin-bar{--ghh-admin:32px;}
@media(max-width:782px){body.admin-bar{--ghh-admin:46px;}}
.ghh-header,
.ghh-header *,
.ghh-drawer,
.ghh-drawer *,
.ghh-mask{
    box-sizing:border-box;
}
.ghh-header,
.ghh-drawer,
.ghh-search-box{
    font-family:"Inter",Arial,sans-serif;
}
.ghh-wrap{
    width:var(--ghh-wrap);
    max-width:calc(100% - 30px);
    margin:0 auto;
}

/* ÜST SON DAKİKA BANDI */
.ghh-top{
    height:40px;
    background:var(--ghh-dark);
    color:#fff;
    overflow:hidden;
}
.ghh-top .ghh-wrap{
    width:100%;
    max-width:none;
    height:40px;
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(520px,46vw,690px);
    align-items:center;
    margin:0;
}
.ghh-top-breaking{
    height:40px;
    display:flex;
    align-items:center;
    min-width:0;
    background:var(--ghh-red);
    color:#fff;
    padding:0 0 0 max(15px, calc((100vw - var(--ghh-wrap)) / 2));
    overflow:hidden;
}
.ghh-breaking-icon{
    width:24px;
    height:24px;
    min-width:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.ghh-breaking-track{
    position:relative;
    height:40px;
    min-width:0;
    flex:1;
    overflow:hidden;
}
.ghh-breaking-item{
    display:none;
    height:40px;
    line-height:40px;
    color:#fff!important;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:12px;
}
.ghh-breaking-item.ghh-active{
    display:block;
    animation:ghhFade .25s ease;
}
.ghh-news-arrows{
    height:40px;
    display:flex;
    flex:0 0 auto;
}
.ghh-news-arrow{
    width:38px;
    height:40px;
    border:0;
    border-left:1px solid rgba(255,255,255,.24);
    background:var(--ghh-red-dark);
    color:#fff;
    cursor:pointer;
    font-size:14px;
    line-height:1;
    font-weight:900;
}
.ghh-news-arrow:hover,
.ghh-news-arrow:focus{
    background:#8f0b10;
    outline:none;
}
.ghh-top-right{
    height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-width:0;
    width:100%;
    background:#3f3f3f;
}
.ghh-top-weather{
    height:40px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 18px 0 16px;
    color:#fff;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    flex:0 0 auto;
    border-left:1px solid rgba(255,255,255,.10);
    border-right:1px solid rgba(255,255,255,.10);
}
.ghh-top-weather i{
    color:#d8f0ff;
    font-size:15px;
}
.ghh-top-weather-temp{
    font-size:14px;
    font-weight:900;
}
.ghh-top-weather-city{
    color:#e5e7eb;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.ghh-top-social{
    height:40px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 max(15px, calc((100vw - var(--ghh-wrap)) / 2)) 0 18px;
    color:#fff;
    min-width:0;
    flex:0 0 auto;
    margin-left:auto;
}
.ghh-follow{
    font-size:11px;
    color:#bdbdbd;
    font-weight:700;
    white-space:nowrap;
}
.ghh-social-icon{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    flex:0 0 auto;
}
.ghh-social-icon:hover{
    color:#ddd!important;
}

/* ANA HEADER */
.ghh-mainbar{
    position:sticky;
    top:var(--ghh-admin);
    z-index:99990;
    background:var(--ghh-menu-bg);
    border-bottom:1px solid var(--ghh-line);
    transition:box-shadow .18s ease,background .18s ease;
}
.ghh-mainbar.ghh-is-sticky{
    box-shadow:0 6px 20px rgba(0,0,0,.14);
}
.ghh-main-inner{
    height:68px;
    display:grid;
    grid-template-columns:190px minmax(0,1fr)140px;
    align-items:center;
    background:#fff;
}
.ghh-logo{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    overflow:hidden;
}
.ghh-logo a{
    display:flex;
    align-items:center;
    text-decoration:none;
}
.ghh-logo img{
    display:block;
    max-height:54px;
    width:auto;
}
.ghh-nav-row{
    height:100%;
    display:flex;
    align-items:center;
    min-width:0;
    background:#fff;
}
.ghh-home{
    width:42px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f7f7f7;
    color:#222!important;
    text-decoration:none;
    font-size:15px;
    flex:0 0 auto;
}
.ghh-home:hover{
    color:var(--ghh-blue)!important;
}
.ghh-nav{
    height:100%;
    min-width:0;
    flex:1;
    overflow:visible;
}
.ghh-main-menu,
.ghh-main-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
.ghh-main-menu{
    height:100%;
    display:flex;
    align-items:center;
    gap:0;
    white-space:nowrap;
}
.ghh-main-menu>li{
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
}
.ghh-main-menu>li>a{
    height:100%;
    display:flex;
    align-items:center;
    padding:0 11px;
    color:var(--ghh-menu-text)!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    letter-spacing:-.01em;
    text-transform:uppercase;
    line-height:1.2;
}
.ghh-main-menu>li>a:hover{
    color:var(--ghh-blue)!important;
}
.ghh-main-menu .sub-menu{
    position:absolute;
    left:0;
    top:100%;
    min-width:210px;
    background:#fff;
    border-top:3px solid var(--ghh-blue);
    box-shadow:0 12px 28px rgba(0,0,0,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.18s ease;
    z-index:99999;
    padding:8px 0;
}
.ghh-main-menu li:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.ghh-main-menu .sub-menu a{
    display:block;
    padding:10px 15px;
    color:#222!important;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    text-transform:none;
}
.ghh-main-menu .sub-menu a:hover{
    background:#f3f4f6;
    color:var(--ghh-blue)!important;
}
.ghh-actions{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background:#fff;
    gap:10px;
}
.ghh-icon{
    width:36px;
    height:36px;
    border:0;
    background:transparent;
    color:#111!important;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.ghh-icon:hover,
.ghh-icon:focus{
    background:#f1f1f1;
    color:var(--ghh-blue)!important;
    outline:none;
}
.ghh-mobile-left,
.ghh-mobile-more{
    display:none;
}

/* ARAMA */
.ghh-search-box{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background:#fff;
    border-bottom:1px solid var(--ghh-line);
    box-shadow:0 12px 24px rgba(0,0,0,.14);
    padding:18px 0;
    display:none;
    z-index:99991;
}
.ghh-search-box.ghh-open{
    display:block;
}
.ghh-search-form{
    max-width:680px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 52px 52px;
    gap:8px;
    padding:0 15px;
}
.ghh-search-form input{
    min-width:0;
    height:46px;
    border:1px solid #d1d5db;
    padding:0 14px;
    font-size:15px;
    outline:none;
}
.ghh-search-form input:focus{
    border-color:var(--ghh-blue);
}
.ghh-search-submit,
.ghh-search-close{
    width:52px;
    height:46px;
    border:0;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}
.ghh-search-submit{
    background:var(--ghh-blue);
}
.ghh-search-close{
    background:#111827;
}
.ghh-search-submit:hover,
.ghh-search-close:hover{
    filter:brightness(.92);
}

/* REKLAM / POPUP */
.ghh-kule{
    position:fixed;
    top:120px;
    z-index:30;
}
.ghh-kule-left{left:10px;}
.ghh-kule-right{right:10px;}
@media(max-width:1480px){.ghh-kule{display:none!important;}}
.ghh-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.62);
    z-index:100010;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.ghh-popup-box{
    position:relative;
    background:#fff;
    max-width:94vw;
    max-height:90vh;
    overflow:auto;
    padding:18px;
}
.ghh-popup-close{
    position:absolute;
    right:6px;
    top:6px;
    background:#111;
    color:#fff;
    border:0;
    width:28px;
    height:28px;
    cursor:pointer;
}

/* DRAWERS */
.ghh-mask{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.62);
    z-index:100000;
    opacity:0;
    visibility:hidden;
    transition:.2s ease;
}
.ghh-drawer{
    position:fixed;
    top:0;
    bottom:0;
    width:340px;
    max-width:82vw;
    background:#fff;
    z-index:100001;
    overflow:auto;
    transition:transform .22s ease;
    box-shadow:0 0 25px rgba(0,0,0,.24);
}
.ghh-drawer-left{
    left:0;
    width:370px;
    max-width:88vw;
    transform:translateX(-105%);
}
.ghh-drawer-right{
    right:0;
    width:310px;
    max-width:76vw;
    transform:translateX(105%);
}
body.ghh-left-open .ghh-mask,
body.ghh-right-open .ghh-mask{
    opacity:1;
    visibility:visible;
}
body.ghh-left-open .ghh-drawer-left,
body.ghh-right-open .ghh-drawer-right{
    transform:translateX(0);
}
body.ghh-left-open,
body.ghh-right-open{
    overflow:hidden;
}
.ghh-drawer-head{
    min-height:74px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) 38px;
    align-items:center;
    gap:10px;
    padding:0 14px;
    border-bottom:1px solid #ddd;
}
.ghh-drawer-head img{
    max-height:50px;
    width:auto;
    max-width:150px;
}
.ghh-close{
    border:0;
    background:transparent;
    color:#111;
    font-size:24px;
    cursor:pointer;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    flex:0 0 38px;
}
.ghh-left-weather{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
    font-weight:800;
    color:#111;
    white-space:nowrap;
    overflow:hidden;
}
.ghh-left-weather i{
    color:#0284c7;
}
.ghh-left-weather-temp{
    font-size:15px;
    font-weight:900;
}
.ghh-left-weather small{
    font-size:11px;
    font-weight:800;
    color:#374151;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ghh-drawer-tabs{
    min-height:50px;
    background:#333;
    display:flex;
    align-items:center;
    justify-content:space-around;
}
.ghh-drawer-tabs a{
    color:#fff!important;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:6px;
}
.ghh-drawer-menu,
.ghh-drawer-menu ul,
.ghh-services-menu,
.ghh-services-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
.ghh-drawer-menu a,
.ghh-services-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:43px;
    padding:0 22px;
    color:#111!important;
    text-decoration:none;
    border-bottom:1px solid #e5e5e5;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
}
.ghh-drawer-menu .sub-menu a,
.ghh-services-menu .sub-menu a{
    font-size:12px;
    text-transform:none;
    font-weight:700;
    padding-left:38px;
    background:#fafafa;
}
.ghh-right-list{
    margin:0;
    padding:0;
    list-style:none;
}
.ghh-right-list li{
    border-bottom:1px solid #d8d8d8;
}
.ghh-right-list a,
.ghh-right-list button,
.ghh-section-title{
    width:100%;
    min-height:43px;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:10px;
    border:0;
    background:#fff;
    color:#111!important;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    text-align:left;
    cursor:pointer;
}
.ghh-section-title{
    background:#d9d9d9!important;
    font-weight:800!important;
}
.ghh-whatsapp{
    margin:12px 18px 14px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    background:#08b83e!important;
    color:#fff!important;
    font-weight:800;
    text-decoration:none;
}
.ghh-social-buttons{
    padding:14px 18px 28px;
    display:grid;
    gap:10px;
}
.ghh-social-buttons a{
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff!important;
    font-weight:800;
    font-size:13px;
}
.ghh-facebook{background:#294b89;}
.ghh-x{background:#111;}
.ghh-instagram{background:#e1306c;}
.ghh-youtube{background:#c00;}

@keyframes ghhFade{
    from{opacity:.3;transform:translateY(6px);}
    to{opacity:1;transform:translateY(0);}
}

@media(max-width:1180px){
    .ghh-top .ghh-wrap{
        grid-template-columns:minmax(0,1fr) clamp(450px,46vw,590px);
    }
    .ghh-top-breaking{
        padding-left:15px;
    }
    .ghh-top-social{
        padding-right:15px;
    }
    .ghh-top-weather{
        padding-left:14px;
        padding-right:14px;
    }
    .ghh-main-inner{
        grid-template-columns:170px minmax(0,1fr)120px;
    }
    .ghh-main-menu>li>a{
        padding:0 8px;
        font-size:13px;
    }
    .ghh-top-weather{
        padding:0 12px;
    }
    .ghh-top-social{
        gap:7px;
    }
}

@media(max-width:960px){
    .ghh-top .ghh-wrap{
        grid-template-columns:1fr;
    }
    .ghh-top,
    .ghh-nav,
    .ghh-actions .ghh-user,
    .ghh-actions .ghh-more-desktop{
        display:none!important;
    }
    .ghh-header{
        padding-top:72px!important;
    }
    .ghh-mainbar{
        position:fixed!important;
        top:var(--ghh-admin)!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        z-index:99990!important;
        background:#fff!important;
        border-bottom:1px solid #e5e7eb!important;
        box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
    }
    .ghh-main-inner{
        width:100%!important;
        max-width:100%!important;
        height:72px!important;
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr)56px!important;
        align-items:center!important;
        padding:0 6px!important;
        background:#fff!important;
    }
    .ghh-mainbar.ghh-is-sticky .ghh-main-inner{
        height:72px!important;
    }
    .ghh-nav-row,
    .ghh-home,
    .ghh-nav,
    .ghh-actions{
        display:none!important;
    }
    .ghh-mobile-left,
    .ghh-mobile-more{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:44px!important;
        height:44px!important;
        background:transparent!important;
        color:#111827!important;
        font-size:21px!important;
    }
    .ghh-mobile-left{
        grid-column:1!important;
        justify-self:start!important;
    }
    .ghh-logo{
        grid-column:2!important;
        height:72px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        background:#fff!important;
        min-width:0!important;
    }
    .ghh-logo a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        max-width:100%!important;
    }
    .ghh-logo img{
        display:block!important;
        max-height:58px!important;
        max-width:220px!important;
        width:auto!important;
        height:auto!important;
    }
    .ghh-mobile-more{
        grid-column:3!important;
        justify-self:end!important;
    }
    .ghh-search-box{
        position:fixed!important;
        top:calc(var(--ghh-admin) + 72px)!important;
        left:0!important;
        right:0!important;
        z-index:100002!important;
        padding:14px!important;
        background:#fff!important;
    }
    .ghh-desktop-search{
        display:none!important;
    }
}

@media(max-width:520px){
    .ghh-wrap{
        max-width:100%;
        width:100%;
    }
    .ghh-header{
        padding-top:68px!important;
    }
    .ghh-main-inner{
        height:68px!important;
        grid-template-columns:52px minmax(0,1fr)52px!important;
    }
    .ghh-mainbar.ghh-is-sticky .ghh-main-inner{
        height:68px!important;
    }
    .ghh-logo{
        height:68px!important;
    }
    .ghh-logo img{
        max-height:54px!important;
        max-width:205px!important;
    }
    .ghh-mobile-left,
    .ghh-mobile-more{
        width:42px!important;
        height:42px!important;
        font-size:21px!important;
    }
    .ghh-search-box{
        top:calc(var(--ghh-admin) + 68px)!important;
    }
    .ghh-search-form{
        grid-template-columns:minmax(0,1fr) 48px 48px;
        padding:0;
    }
    .ghh-search-submit,
    .ghh-search-close{
        width:48px;
    }
    .ghh-drawer-left{
        width:360px;
        max-width:88vw;
    }
    .ghh-drawer-right{
        width:300px;
        max-width:74vw;
    }
    .ghh-drawer-menu a,
    .ghh-services-menu a{
        padding:0 20px;
    }
}


@media(max-width:960px){
    .ghh-drawer-left{
        width:370px;
        max-width:88vw;
    }
}

/* MASAÜSTÜNDE HEADER YAPIŞKAN */
@media(min-width:961px){
    .ghh-header{
        padding-top:108px!important;
    }
    .ghh-top{
        position:fixed!important;
        top:var(--ghh-admin)!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        z-index:99988!important;
    }
    .ghh-mainbar{
        position:fixed!important;
        top:calc(var(--ghh-admin) + 40px)!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        z-index:99989!important;
        background:#fff!important;
        border-bottom:1px solid var(--ghh-line)!important;
        box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
    }
    .ghh-main-inner,
    .ghh-mainbar.ghh-is-sticky .ghh-main-inner{
        height:68px!important;
    }
    .ghh-logo img,
    .ghh-mainbar.ghh-is-sticky .ghh-logo img{
        max-height:54px!important;
    }
    .ghh-mainbar .ghh-wrap{
        width:var(--ghh-wrap);
        max-width:calc(100% - 30px);
        margin-left:auto;
        margin-right:auto;
    }
}

/* ÜST 980 REKLAM ALANI */
.ghh-ad-980{
    margin-top:20px;
}
.ghh-ad-980-inner{
    width:980px;
    max-width:calc(100% - 24px);
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}
.ghh-ad-980-inner iframe,
.ghh-ad-980-inner img,
.ghh-ad-980-inner ins{
    max-width:100%!important;
}

/* ==========================================================================
   MY HABER - INDEX / ANA SAYFA
   ========================================================================== */

:root {
    --gah-index-max-width: 1200px;
    --gah-index-sidebar-width: 336px;
    --gah-index-gap: 20px;
    --gah-index-sticky-top: 118px;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.gah-index-container,
.gah-index-container *,
.gah-index-container *::before,
.gah-index-container *::after {
    box-sizing: border-box;
}

.gah-index-container {
    width: 100%;
    max-width: var(--gah-index-max-width);
    margin: 0 auto;
    padding-left: var(--gah-index-gap);
    padding-right: var(--gah-index-gap);
    overflow: visible;
}

.gah-index-hero,
.gah-index-features,
.gah-index-bottom,
.gah-index-layout,
.gah-index-main,
.gah-index-sidebar,
.gah-index-content-block,
.gah-index-sidebar-block,
.gah-index-hero-block,
.gah-index-feature-block,
.gah-index-bottom-block {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.gah-index-hero,
.gah-index-features,
.gah-index-bottom {
    margin-bottom: var(--gah-index-gap);
    overflow: hidden;
}

.gah-index-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--gah-index-sidebar-width);
    gap: var(--gah-index-gap);
    align-items: start;
    margin-bottom: var(--gah-index-gap);
    overflow: visible;
}

.gah-index-main {
    overflow: visible;
}

.gah-index-sidebar {
    position: sticky;
    top: var(--gah-index-sticky-top);
    align-self: start;
    display: block;
    overflow: visible;
    z-index: 5;
}

.gah-index-content-block,
.gah-index-sidebar-block,
.gah-index-hero-block,
.gah-index-feature-block,
.gah-index-bottom-block {
    margin-bottom: var(--gah-index-gap);
    overflow: hidden;
}

.gah-index-ad {
    width: 100%;
    max-width: 100%;
    margin: var(--gah-index-gap) 0;
    text-align: center;
    overflow: hidden;
}

.gah-index-sidebar > .gah-index-ad {
    margin-top: 0;
}

.gah-index-ad iframe,
.gah-index-ad img,
.gah-index-ad ins,
.gah-index-ad div {
    max-width: 100% !important;
}

.gah-index-container img,
.gah-index-container iframe,
.gah-index-container embed,
.gah-index-container object,
.gah-index-container video {
    max-width: 100% !important;
}

.gah-index-container img,
.gah-index-container video {
    height: auto;
}

.gah-index-container iframe,
.gah-index-container embed,
.gah-index-container object {
    width: 100% !important;
}

.gah-index-container table {
    max-width: 100%;
    width: 100%;
    display: block;
    overflow-x: auto;
}

.gah-index-clear {
    clear: both;
}

@media (max-width: 992px) {
    :root {
        --gah-index-gap: 16px;
    }

    .gah-index-container {
        padding-left: 12px;
        padding-right: 12px;
        overflow: hidden;
    }

    .gah-index-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        overflow: hidden;
    }

    .gah-index-sidebar {
        position: static;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        z-index: auto;
    }
}

@media (max-width: 480px) {
    :root {
        --gah-index-gap: 14px;
    }

    .gah-index-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .gah-index-layout {
        gap: 14px;
    }

    .gah-index-content-block,
    .gah-index-sidebar-block,
    .gah-index-hero-block,
    .gah-index-feature-block,
    .gah-index-bottom-block {
        margin-bottom: 14px;
    }
}

/* ==========================================================================
   404 Sayfası
   ========================================================================== */

.ghh-404-page,
.ghh-404-page *,
.ghh-404-page *::before,
.ghh-404-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.ghh-404-page {
    width: 100%;
    min-height: 80vh;
    background: #fdfdfd;
    color: #1a1a1a;
    overflow: hidden;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.ghh-404-wrapper {
    width: 100%;
    min-height: 80vh;
    padding: 70px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ghh-404-code {
    margin: 0;
    font-size: clamp(120px, 25vw, 240px);
    font-weight: 900;
    line-height: .8;
    letter-spacing: -.08em;
    background: linear-gradient(135deg, #131313 0%, #444444 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: ghh404Float 6s ease-in-out infinite;
}

@keyframes ghh404Float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

.ghh-404-content {
    max-width: 560px;
    margin-top: 24px;
}

.ghh-404-title {
    margin: 0;
    color: #1a1a1a;
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.035em;
}

.ghh-404-desc {
    margin: 14px 0 0;
    color: #666666;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
}

.ghh-404-search {
    width: 100%;
    max-width: 550px;
    margin-top: 40px;
}

.ghh-404-search-form {
    width: 100%;
    display: flex;
    gap: 0;
    background: #ffffff;
    padding: 6px;
    border: 1px solid #eeeeee;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .07);
    transition: box-shadow .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), transform .3s cubic-bezier(.25, .8, .25, 1);
}

.ghh-404-search-form:focus-within {
    border-color: #dddddd;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
    transform: scale(1.02);
}

.ghh-404-search-input {
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 0;
    background: transparent;
    color: #111827;
    padding: 0 22px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    outline: none;
}

.ghh-404-search-input::placeholder {
    color: #9ca3af;
}

.ghh-404-search-submit {
    min-width: 112px;
    height: 52px;
    border: 0;
    background: #131313;
    color: #ffffff;
    padding: 0 28px;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    transition: background .22s ease, transform .22s ease;
}

.ghh-404-search-submit:hover,
.ghh-404-search-submit:focus {
    background: #d71920;
    outline: none;
}

.ghh-404-links {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.ghh-404-home {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    background: transparent;
    border: 2px solid #131313;
    color: #131313 !important;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.ghh-404-home:hover,
.ghh-404-home:focus {
    background: #131313;
    color: #ffffff !important;
    transform: translateY(-2px);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .ghh-404-code {
        animation: none;
    }

    .ghh-404-search-form,
    .ghh-404-search-submit,
    .ghh-404-home {
        transition: none;
    }
}

@media (max-width: 640px) {
    .ghh-404-wrapper {
        padding: 54px 16px;
    }

    .ghh-404-desc {
        font-size: 16px;
    }

    .ghh-404-search-form {
        flex-direction: column;
        padding: 8px;
    }

    .ghh-404-search-input,
    .ghh-404-search-submit {
        width: 100%;
    }

    .ghh-404-search-submit {
        margin-top: 8px;
    }

    .ghh-404-home {
        width: 100%;
    }
}

/* ==========================================================================
   Arşiv / Arama Sayfası
   ========================================================================== */

.gah-ars-page,
.gah-ars-page *,
.gah-ars-page *::before,
.gah-ars-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-ars-page {
    width: 100%;
    background: #f2f3f5;
    color: #111827;
    padding: 28px 0 44px;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-ars-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 28px;
    align-items: start;
}

.gah-ars-main,
.gah-ars-side {
    min-width: 0;
}

.gah-ars-head {
    margin-bottom: 20px;
    padding: 24px 26px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 7px solid #d71920;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
}

.gah-ars-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #111827;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-ars-title {
    margin: 0;
    color: #111827;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.04em;
}

.gah-ars-title span {
    color: #d71920;
}

.gah-ars-desc {
    margin-top: 10px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

.gah-ars-desc p {
    margin: 0;
}

.gah-ars-grid {
    display: grid;
    gap: 16px;
}

.gah-ars-card {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    min-width: 0;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.gah-ars-card:hover {
    transform: translateY(-2px);
    border-color: #d7dde6;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .09);
}

.gah-ars-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #111827;
    text-decoration: none;
}

.gah-ars-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .22s ease;
}

.gah-ars-card:hover .gah-ars-thumb img {
    transform: scale(1.05);
}

.gah-ars-noimg {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.88);
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.06em;
}

.gah-ars-card-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gah-ars-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 8px;
}

.gah-ars-meta span {
    min-height: 23px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    background: #f3f4f6;
    color: #64748b;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
}

.gah-ars-card-title {
    margin: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.035em;
}

.gah-ars-card-title a {
    color: inherit !important;
    text-decoration: none;
}

.gah-ars-card-title a:hover {
    color: #d71920 !important;
}

.gah-ars-excerpt {
    margin: 9px 0 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-ars-ad {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    background: #ffffff;
    border: 1px dashed #d1d5db;
    text-align: center;
    overflow: hidden;
}

.gah-ars-ad iframe,
.gah-ars-ad img,
.gah-ars-ad ins {
    max-width: 100% !important;
}

.gah-ars-empty,
.gah-ars-error {
    padding: 20px;
    background: #fff7e6;
    border-left: 6px solid #f59e0b;
    color: #7a4b00;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 800;
}

.gah-ars-more-wrap {
    margin-top: 30px;
    text-align: center;
}

.gah-ars-more {
    min-width: 210px;
    min-height: 48px;
    border: 0;
    background: #111827;
    color: #ffffff;
    padding: 0 34px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease, transform .18s ease;
}

.gah-ars-more:hover,
.gah-ars-more:focus {
    background: #d71920;
    outline: none;
    transform: translateY(-2px);
}

.gah-ars-more:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.gah-ars-side {
    position: sticky;
    top: 125px;
}

@media (max-width: 1080px) {
    .gah-ars-wrap {
        grid-template-columns: 1fr;
    }

    .gah-ars-side {
        position: static;
    }
}

@media (max-width: 720px) {
    .gah-ars-page {
        padding: 20px 0 34px;
    }

    .gah-ars-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-ars-head {
        padding: 20px;
    }

    .gah-ars-card {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .gah-ars-card-title {
        font-size: 19px;
    }

    .gah-ars-more {
        width: 100%;
    }
}

/* ==========================================================================
   MY HABER - Author Archive
   ========================================================================== */

.gah-author-page,
.gah-author-page *,
.gah-author-page *::before,
.gah-author-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-author-page {
    width: 100%;
    background: #eeeeee;
    padding: 30px 0 48px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-author-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-author-main,
.gah-author-side {
    min-width: 0;
}

.gah-author-hero {
    position: relative;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    margin-bottom: 24px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    overflow: hidden;
}

.gah-author-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-author-photo-link {
    position: relative;
    z-index: 1;
    display: block;
    width: 180px;
    height: 180px;
    text-decoration: none;
}

.gah-author-photo {
    width: 180px;
    height: 180px;
    display: block;
    object-fit: cover;
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .10);
}

.gah-author-hero-body {
    min-width: 0;
    position: relative;
    z-index: 1;
    padding-right: 190px;
}

.gah-author-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 10px;
    padding: 0 12px;
    background: #ffd84d;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-author-name {
    margin: 0;
    color: #d71920;
    font-size: 34px;
    line-height: 1.12;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.gah-author-subtitle {
    margin: 10px 0 0;
    color: #111827;
    font-size: 23px;
    line-height: 1.2;
    font-style: italic;
    font-weight: 400;
}

.gah-author-desc {
    max-width: 650px;
    margin: 14px 0 0;
    color: #606b7a;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-author-stats {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.gah-author-stat {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    background: #f3f4f6;
    color: #111827;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-author-social {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 180px;
}

.gah-author-social a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-author-social a:hover,
.gah-author-social a:focus {
    background: #d71920;
    outline: none;
}

.gah-author-list {
    display: grid;
    gap: 18px;
}

.gah-author-post {
    min-width: 0;
    position: relative;
    display: block;
    background: #ffffff;
    border-left: 7px solid transparent;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.gah-author-post::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 22px;
    width: 10px;
    height: 10px;
    background: #d71920;
}

.gah-author-post:hover {
    transform: translateY(-3px);
    border-left-color: #d71920;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
    background: #fffafa;
}

.gah-author-post-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px 24px 22px 46px;
}

.gah-author-post-title {
    margin: 0 0 10px;
    color: #111827;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 900;
    letter-spacing: -.02em;
}

.gah-author-post-title a {
    color: inherit !important;
    text-decoration: none;
}

.gah-author-post-title a:hover {
    color: #d71920 !important;
}

.gah-author-post-excerpt {
    margin: 0;
    color: #606b7a;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-author-post-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #eef0f3;
    color: #7b8492;
    font-size: 12px;
    font-weight: 800;
}

.gah-author-post-meta a {
    color: #d71920 !important;
    text-decoration: none;
    font-weight: 900;
    white-space: nowrap;
}

.gah-author-empty {
    padding: 26px;
    background: #ffffff;
    border-left: 8px solid #d71920;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    color: #111827;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
}

.gah-author-more {
    margin-top: 30px;
    text-align: center;
}

.gah-author-more-btn {
    min-width: 230px;
    height: 48px;
    border: 0;
    background: #111111;
    color: #ffffff;
    padding: 0 32px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-author-more-btn:hover,
.gah-author-more-btn:focus {
    background: #d71920;
    transform: translateY(-2px);
    outline: none;
}

.gah-author-more-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.gah-author-side {
    min-width: 0;
}

.gah-author-side-inner {
    position: sticky;
    top: 125px;
}

@media (prefers-reduced-motion: reduce) {
    .gah-author-post,
    .gah-author-more-btn {
        transition: none;
    }

    .gah-author-post:hover,
    .gah-author-more-btn:hover {
        transform: none;
    }
}

@media (max-width: 1080px) {
    .gah-author-wrap {
        grid-template-columns: 1fr;
    }

    .gah-author-side-inner {
        position: static;
    }
}

@media (max-width: 760px) {
    .gah-author-page {
        padding: 20px 0 34px;
    }

    .gah-author-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-author-hero {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .gah-author-photo-link,
    .gah-author-photo {
        width: 145px;
        height: 145px;
    }

    .gah-author-hero-body {
        padding-right: 0;
    }

    .gah-author-social {
        position: static;
        justify-content: flex-start;
        max-width: none;
        margin-top: 16px;
    }

    .gah-author-name {
        font-size: 28px;
    }

    .gah-author-subtitle {
        font-size: 20px;
    }

    .gah-author-post-body {
        padding: 18px 18px 18px 40px;
    }

    .gah-author-post::before {
        left: 18px;
        top: 22px;
        width: 9px;
        height: 9px;
    }

    .gah-author-post-title {
        font-size: 20px;
    }

    .gah-author-post-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .gah-author-more-btn {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .gah-author-name {
        font-size: 24px;
    }

    .gah-author-photo-link,
    .gah-author-photo {
        width: 130px;
        height: 130px;
    }
}

/* ==========================================================================
   MY HABER - YORUMLAR
   ========================================================================== */

.gah-cmt-wrap,
.gah-cmt-wrap *,
.gah-cmt-wrap *::before,
.gah-cmt-wrap *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cmt-wrap {
    width: 100%;
    max-width: 100%;
    margin-top: 34px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-cmt-box {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    margin-bottom: 26px;
    overflow: hidden;
}

.gah-cmt-respond {
    padding: 28px 28px 30px;
}

.gah-cmt-list-box {
    padding: 26px 28px;
}

.gah-cmt-head,
.gah-cmt-list-head {
    width: 100%;
    margin: 0 0 22px;
    padding: 0;
}

.gah-cmt-title {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #0f172a;
    font-size: clamp(22px, 2.4vw, 28px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.gah-cmt-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    min-width: 26px;
    height: 26px;
    color: #d71920;
    font-size: 19px;
    line-height: 1;
}

.gah-cmt-subtitle {
    margin: 12px 0 0;
    padding: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

.gah-cmt-form {
    width: 100%;
    margin: 0;
    padding: 0;
}

.gah-cmt-form .comment-form-comment,
.gah-cmt-form .form-submit {
    margin: 0;
}

.gah-cmt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0 0 20px;
}

.gah-cmt-field {
    width: 100%;
    min-width: 0;
    margin: 0 0 20px;
}

.gah-cmt-label {
    display: block;
    margin: 0 0 8px;
    color: #172033;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

/* Input alanı ve ikon yerleşimi */
.gah-cmt-input-wrap {
    position: relative;
    width: 100%;
}

.gah-cmt-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    z-index: 3;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: opacity .18s ease, visibility .18s ease;
}

.gah-cmt-icon-textarea {
    top: 21px;
    transform: none;
}

/* Alana tıklanınca veya değer yazılınca ikon gizlenir */
.gah-cmt-input-wrap:focus-within .gah-cmt-icon,
.gah-cmt-input-wrap.gah-cmt-has-value .gah-cmt-icon {
    opacity: 0;
    visibility: hidden;
}

/* Input ve textarea */
.gah-cmt-wrap input[type="text"],
.gah-cmt-wrap input[type="email"],
.gah-cmt-wrap input[type="url"],
.gah-cmt-wrap textarea,
.gah-cmt-wrap .gah-cmt-input-wrap input,
.gah-cmt-wrap .gah-cmt-input-wrap textarea {
    width: 100%;
    max-width: 100%;
    min-height: 52px;
    display: block;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #111827;
    padding-left: 52px !important;
    padding-right: 18px !important;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.gah-cmt-wrap textarea,
.gah-cmt-wrap .gah-cmt-input-wrap textarea {
    min-height: 154px;
    resize: vertical;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.gah-cmt-wrap input::placeholder,
.gah-cmt-wrap textarea::placeholder {
    color: #6b7280;
    opacity: .9;
}

.gah-cmt-wrap input:focus,
.gah-cmt-wrap textarea:focus {
    border-color: #d71920;
    box-shadow: 0 0 0 4px rgba(215, 25, 32, .10);
    background: #fffefe;
}

/* Yasal uyarı */
.gah-cmt-legal {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    padding: 15px 50px 15px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fff7df;
    border: 1px solid #f6c453;
    color: #8a3a00;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

.gah-cmt-legal strong {
    color: #9a3300;
    font-weight: 900;
}

.gah-cmt-legal-close {
    position: absolute;
    right: 13px;
    top: 50%;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #9a3300;
    cursor: pointer;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.gah-cmt-legal-close:hover,
.gah-cmt-legal-close:focus {
    color: #d71920;
    outline: none;
}

.gah-cmt-logged {
    margin: 0 0 18px;
    padding: 12px 14px;
    background: #f3f4f6;
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

/* Gönder butonu */
.gah-cmt-submit {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #d71920;
    color: #ffffff;
    padding: 0 30px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.gah-cmt-submit:hover,
.gah-cmt-submit:focus {
    background: #111827;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .16);
    outline: none;
}

/* Uyarı kutusu */
.gah-cmt-alert {
    width: 100%;
    padding: 18px 20px;
    background: #f3f4f6;
    border-left: 6px solid #d71920;
    color: #334155;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;
}

/* Yorum listesi */
.gah-cmt-list {
    width: 100%;
}

.gah-cmt-list .comment {
    margin: 0 0 16px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

/* Yorum sayfalama */
.gah-cmt-pagination {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gah-cmt-pagination a,
.gah-cmt-pagination span {
    min-width: 34px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: #f3f4f6;
    color: #111827;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
}

.gah-cmt-pagination .current,
.gah-cmt-pagination a:hover {
    background: #d71920;
    color: #ffffff;
}

/* Mobil görünüm */
@media (max-width: 768px) {
    .gah-cmt-respond,
    .gah-cmt-list-box {
        padding: 22px 18px;
    }

    .gah-cmt-grid {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 0;
    }

    .gah-cmt-title {
        align-items: flex-start;
        font-size: 22px;
    }

    .gah-cmt-subtitle {
        font-size: 14px;
    }

    .gah-cmt-icon {
        left: 16px;
    }

    .gah-cmt-wrap input[type="text"],
    .gah-cmt-wrap input[type="email"],
    .gah-cmt-wrap input[type="url"],
    .gah-cmt-wrap textarea,
    .gah-cmt-wrap .gah-cmt-input-wrap input,
    .gah-cmt-wrap .gah-cmt-input-wrap textarea {
        padding-left: 48px !important;
        padding-right: 15px !important;
        font-size: 14px;
    }

    .gah-cmt-legal {
        padding-right: 44px;
    }

    .gah-cmt-submit {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .gah-cmt-respond,
    .gah-cmt-list-box {
        padding: 20px 14px;
    }

    .gah-cmt-title {
        font-size: 20px;
    }

    .gah-cmt-wrap textarea,
    .gah-cmt-wrap .gah-cmt-input-wrap textarea {
        min-height: 140px;
    }
}

/* ==========================================================================
   MY HABER - FOOTER
   ========================================================================== */

.gahx-footer-wrap,
.gahx-footer-wrap *,
.gahx-footer-wrap *::before,
.gahx-footer-wrap *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gahx-footer-wrap {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    margin-top: 40px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gahx-footer-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ==========================================================================
   SOSYAL MEDYA ÜST BAR
   ========================================================================== */

.gahx-social-bar {
    background: #000000;
    color: #ffffff;
    padding: 15px 0;
}

.gahx-social-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
}

.gahx-social-text {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
}

.gahx-social-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.gahx-social-link {
    width: 38px;
    height: 38px;
    border-radius: 999px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.gahx-social-link svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    display: block;
    transition: fill .2s ease;
}

.gahx-social-link:hover,
.gahx-social-link:focus {
    transform: translateY(-2px);
    background: #ffffff;
    border-color: #ffffff;
    outline: none;
}

.gahx-social-link.is-facebook:hover svg,
.gahx-social-link.is-facebook:focus svg {
    fill: #1877f2;
}

.gahx-social-link.is-twitter:hover svg,
.gahx-social-link.is-twitter:focus svg {
    fill: #111111;
}

.gahx-social-link.is-instagram:hover svg,
.gahx-social-link.is-instagram:focus svg {
    fill: #e1306c;
}

.gahx-social-link.is-youtube:hover svg,
.gahx-social-link.is-youtube:focus svg {
    fill: #ff0000;
}

.gahx-social-link.is-linkedin:hover svg,
.gahx-social-link.is-linkedin:focus svg {
    fill: #0a66c2;
}

.gahx-social-link.is-whatsapp:hover svg,
.gahx-social-link.is-whatsapp:focus svg {
    fill: #25d366;
}

/* ==========================================================================
   ORTA FOOTER ALANI
   ========================================================================== */

.gahx-main-inner {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 40px;
    padding: 40px 0;
    align-items: start;
}

.gahx-logo-box {
    min-width: 0;
}

.gahx-logo-box a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.gahx-logo-box img {
    max-width: 100%;
    height: auto;
    display: block;
}

.gahx-menu-box {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 30px;
}

.gahx-menu-col {
    min-width: 0;
}

.gahx-footer-nav-list {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px !important;
}

.gahx-footer-nav-list li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gahx-footer-nav-list a {
    display: inline-block !important;
    color: #444444 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color .18s ease !important;
}

.gahx-footer-nav-list a:hover,
.gahx-footer-nav-list a:focus {
    color: #d71920 !important;
    outline: none;
}

/* ==========================================================================
   ALT BAR
   ========================================================================== */

.gahx-bottom-bar {
    background: #ffffff;
    border-top: 1px solid #eaeaea;
    padding: 20px 0;
}

.gahx-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.gahx-copyright {
    flex: 1 1 auto;
    color: #666666;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
}

/* ==========================================================================
   APP BUTONLARI
   ========================================================================== */

.gahx-app-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.gahx-app-btn {
    min-width: 170px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 12px !important;
    text-decoration: none;
    color: #ffffff !important;
    background: linear-gradient(135deg, #111111 0%, #1c1c1c 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease;
}

.gahx-app-btn:hover,
.gahx-app-btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
    outline: none;
}

.gahx-app-icon {
    width: 30px;
    height: 30px;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .08);
    flex-shrink: 0;
}

.gahx-app-icon svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    display: block;
}

.gahx-app-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.gahx-app-text small {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, .78);
    letter-spacing: .3px;
}

.gahx-app-text strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
    color: #ffffff;
}

.gahx-app-google:hover {
    background: linear-gradient(135deg, #111111 0%, #202020 100%);
}

.gahx-app-apple:hover {
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
}

.gahx-app-gallery:hover {
    background: linear-gradient(135deg, #111111 0%, #262626 100%);
}

/* ==========================================================================
   YUKARI ÇIK BUTONU
   ========================================================================== */

.gahx-scroll-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 999;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 0 !important;
    background: #00365a;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .22);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity .24s ease, visibility .24s ease, transform .24s ease, background .18s ease;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.gahx-scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.gahx-scroll-top:hover,
.gahx-scroll-top:focus {
    background: #d71920;
    outline: none;
}

/* ==========================================================================
   ERİŞİLEBİLİRLİK / HAREKET AZALTMA
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .gahx-social-link,
    .gahx-app-btn,
    .gahx-scroll-top {
        transition: none;
    }

    .gahx-social-link:hover,
    .gahx-app-btn:hover {
        transform: none;
    }
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    .gahx-social-inner {
        justify-content: center;
        text-align: center;
    }

    .gahx-social-icons {
        justify-content: center;
    }

    .gahx-main-inner {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px 0;
    }

    .gahx-logo-box {
        display: flex;
        justify-content: center;
    }

    .gahx-logo-box img {
        max-width: 240px;
    }

    .gahx-menu-box {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 20px;
    }

    .gahx-footer-nav-list {
        align-items: center !important;
    }

    .gahx-bottom-inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .gahx-copyright {
        flex: 1 1 100%;
    }

    .gahx-app-links {
        justify-content: center;
        width: 100%;
    }

    .gahx-app-btn {
        min-width: 150px;
    }

    .gahx-scroll-top {
        right: 15px;
        bottom: 15px;
        width: 42px;
        height: 42px;
        font-size: 21px;
    }
}

@media (max-width: 480px) {
    .gahx-social-text {
        width: 100%;
    }

    .gahx-social-inner {
        gap: 10px;
    }

    .gahx-app-links {
        flex-direction: column;
    }

    .gahx-app-btn {
        width: 100%;
        max-width: 260px;
        justify-content: flex-start;
    }
}

/* ==========================================================================
   MY HABER - FOTO GALERİ
   ========================================================================== */

.gah-imggal-page,
.gah-imggal-page *,
.gah-imggal-page *::before,
.gah-imggal-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-imggal-page {
    width: 100%;
    background: #f2f4f7;
    color: #111827;
    padding: 28px 0 44px;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-imggal-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: start;
}

.gah-imggal-main,
.gah-imggal-side {
    min-width: 0;
}

.gah-imggal-head {
    position: relative;
    margin-bottom: 18px;
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 7px solid #d71920;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
}

.gah-imggal-parent {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #d71920;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-imggal-title {
    margin: 0;
    padding-right: 90px;
    color: #111827;
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.04em;
}

.gah-imggal-count {
    position: absolute;
    right: 22px;
    top: 22px;
    min-width: 72px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #111827;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.gah-imggal-count em {
    opacity: .6;
    font-style: normal;
}

.gah-imggal-stage {
    position: relative;
    width: 100%;
    background: #111827;
    min-height: 420px;
    overflow: hidden;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .14);
}

.gah-imggal-viewer {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.08), rgba(0,0,0,0) 45%),
        #111827;
}

.gah-imggal-viewer.is-hidden {
    display: none;
}

.gah-imggal-image-link {
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.gah-imggal-image {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 720px;
    object-fit: contain;
}

.gah-imggal-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 52px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .55);
    color: #ffffff !important;
    text-decoration: none;
    font-size: 46px;
    line-height: 1;
    font-weight: 300;
    transition: background .18s ease, transform .18s ease;
}

.gah-imggal-nav:hover,
.gah-imggal-nav:focus {
    background: #d71920;
    outline: none;
}

.gah-imggal-prev {
    left: 0;
}

.gah-imggal-next {
    right: 0;
}

.gah-imggal-full {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 6;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    background: rgba(255,255,255,.92);
    color: #111827 !important;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-imggal-full:hover,
.gah-imggal-full:focus {
    background: #d71920;
    color: #ffffff !important;
    outline: none;
}

.gah-imggal-adgate {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #111827;
}

.gah-imggal-adbox {
    width: 100%;
    max-width: 760px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: #ffffff;
    padding: 24px;
    text-align: center;
}

.gah-imggal-ad-label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    background: #f3f4f6;
    color: #64748b;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-imggal-ad-content {
    max-width: 100%;
    overflow: hidden;
}

.gah-imggal-ad-content iframe,
.gah-imggal-ad-content img,
.gah-imggal-ad-content ins {
    max-width: 100% !important;
}

.gah-imggal-skip {
    min-width: 190px;
    min-height: 44px;
    border: 0;
    background: #d71920;
    color: #ffffff;
    cursor: pointer;
    padding: 0 22px;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-imggal-skip:hover,
.gah-imggal-skip:focus {
    background: #111827;
    outline: none;
}

.gah-imggal-caption {
    margin-top: 16px;
    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
}

.gah-imggal-caption h2 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
}

.gah-imggal-caption p {
    margin: 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
}

.gah-imggal-actions {
    margin-top: 16px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.gah-imggal-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.gah-imggal-share a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    background: #f3f4f6;
    color: #111827 !important;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

.gah-imggal-share a:hover,
.gah-imggal-share a:focus {
    background: #d71920;
    color: #ffffff !important;
    outline: none;
}

.gah-imggal-views {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.gah-imggal-thumbs {
    margin-top: 16px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 92px;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.gah-imggal-thumb {
    position: relative;
    height: 72px;
    display: block;
    overflow: hidden;
    background: #111827;
    text-decoration: none;
    border: 3px solid transparent;
    scroll-snap-align: start;
}

.gah-imggal-thumb.is-active {
    border-color: #d71920;
}

.gah-imggal-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.gah-imggal-thumb span {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.78);
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

.gah-imggal-bottom-ad {
    margin-top: 18px;
    padding: 14px;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    text-align: center;
    overflow: hidden;
}

.gah-imggal-related {
    margin-top: 22px;
}

.gah-imggal-related h2,
.gah-imggal-side-box h2 {
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 3px solid #111827;
    color: #111827;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-imggal-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.gah-imggal-related-card,
.gah-imggal-side-card {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
}

.gah-imggal-related-card a,
.gah-imggal-side-card a {
    display: block;
    color: #111827 !important;
    text-decoration: none;
}

.gah-imggal-card-img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e5e7eb;
}

.gah-imggal-card-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .2s ease;
}

.gah-imggal-related-card strong,
.gah-imggal-side-card strong {
    display: block;
    padding: 12px;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-imggal-related-card:hover img,
.gah-imggal-side-card:hover img {
    transform: scale(1.05);
}

.gah-imggal-related-card:hover strong,
.gah-imggal-side-card:hover strong {
    color: #d71920;
}

.gah-imggal-side {
    position: sticky;
    top: 125px;
}

.gah-imggal-side-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    padding: 18px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
}

.gah-imggal-side-list {
    display: grid;
    gap: 14px;
}

@media (prefers-reduced-motion: reduce) {
    .gah-imggal-nav,
    .gah-imggal-share a,
    .gah-imggal-card-img img {
        transition: none;
    }
}

@media (max-width: 1080px) {
    .gah-imggal-wrap {
        grid-template-columns: 1fr;
    }

    .gah-imggal-side {
        position: static;
    }

    .gah-imggal-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .gah-imggal-page {
        padding: 20px 0 34px;
    }

    .gah-imggal-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-imggal-head {
        padding: 20px;
    }

    .gah-imggal-title {
        padding-right: 0;
        font-size: 25px;
    }

    .gah-imggal-count {
        position: static;
        margin-top: 14px;
        width: 78px;
    }

    .gah-imggal-stage,
    .gah-imggal-viewer,
    .gah-imggal-image-link,
    .gah-imggal-adgate {
        min-height: 280px;
    }

    .gah-imggal-nav {
        width: 42px;
        height: 56px;
        font-size: 36px;
    }

    .gah-imggal-full {
        top: 10px;
        right: 10px;
    }

    .gah-imggal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .gah-imggal-share {
        width: 100%;
    }

    .gah-imggal-share a {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .gah-imggal-views {
        width: 100%;
        justify-content: center;
    }

    .gah-imggal-related-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   MY HABER - STANDART SAYFA ŞABLONU
   ========================================================================== */

.gah-page-wrap,
.gah-page-wrap *,
.gah-page-wrap *::before,
.gah-page-wrap *::after {
    box-sizing: border-box;
}

.gah-page-wrap {
    width: 100%;
    background: #f3f4f6;
    padding: 40px 0 52px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-page-container {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 30px;
    align-items: start;
}

.gah-page-main,
.gah-page-side {
    min-width: 0;
}

.gah-page-article {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.gah-page-head {
    padding: 28px 32px 22px;
    border-bottom: 1px solid #eef0f3;
    background: #ffffff;
}

.gah-page-title {
    position: relative;
    margin: 0;
    padding-left: 18px;
    color: #111827;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.04em;
}

.gah-page-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: .13em;
    width: 6px;
    height: .9em;
    background: #d71920;
}

.gah-page-content {
    padding: 30px 32px 36px;
}

.gah-page-entry {
    color: #253044;
    font-size: 17px;
    line-height: 1.82;
    font-weight: 500;
}

.gah-page-entry p {
    margin: 0 0 20px;
}

.gah-page-entry h2,
.gah-page-entry h3,
.gah-page-entry h4 {
    margin: 28px 0 14px;
    color: #111827;
    line-height: 1.25;
    font-weight: 900;
}

.gah-page-entry h2 {
    font-size: 28px;
}

.gah-page-entry h3 {
    font-size: 23px;
}

.gah-page-entry h4 {
    font-size: 20px;
}

.gah-page-entry a {
    color: #d71920;
    text-decoration: none;
    font-weight: 800;
}

.gah-page-entry a:hover,
.gah-page-entry a:focus {
    color: #111827;
    text-decoration: underline;
    outline: none;
}

.gah-page-entry img {
    max-width: 100%;
    height: auto;
    display: block;
}

.gah-page-entry figure {
    max-width: 100%;
    margin: 24px 0;
}

.gah-page-entry iframe,
.gah-page-entry embed,
.gah-page-entry object,
.gah-page-entry video {
    max-width: 100%;
}

.gah-page-entry table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
}

.gah-page-links {
    margin-top: 28px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.gah-page-links span,
.gah-page-links a {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #f3f4f6;
    color: #111827;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.gah-page-links a:hover,
.gah-page-links a:focus {
    background: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-page-side {
    min-width: 0;
}

.gah-page-side-inner {
    position: sticky;
    top: var(--gah-page-sticky-top, 125px);
}

.gah-page-side img,
.gah-page-side iframe,
.gah-page-side embed,
.gah-page-side object,
.gah-page-side video {
    max-width: 100%;
}

@media (max-width: 1080px) {
    .gah-page-container {
        grid-template-columns: 1fr;
    }

    .gah-page-side-inner {
        position: static;
    }
}

@media (max-width: 768px) {
    .gah-page-wrap {
        padding: 24px 0 38px;
    }

    .gah-page-container {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-page-head {
        padding: 22px 20px 18px;
    }

    .gah-page-content {
        padding: 24px 20px 28px;
    }

    .gah-page-entry {
        font-size: 16px;
        line-height: 1.75;
    }

    .gah-page-entry h2 {
        font-size: 24px;
    }

    .gah-page-entry h3 {
        font-size: 21px;
    }

    .gah-page-entry h4 {
        font-size: 18px;
    }
}

@media (max-width: 430px) {
    .gah-page-container {
        max-width: calc(100% - 16px);
    }

    .gah-page-head {
        padding: 20px 16px 16px;
    }

    .gah-page-content {
        padding: 22px 16px 26px;
    }

    .gah-page-title {
        font-size: 25px;
    }
}

/* ==========================================================================
   MY HABER - ARAMA SAYFASI
   ========================================================================== */

.gah-src-page,
.gah-src-page *,
.gah-src-page *::before,
.gah-src-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-src-page {
    width: 100%;
    background: #f2f3f5;
    padding: 30px 0 46px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-src-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 298px;
    gap: 30px;
    align-items: start;
}

.gah-src-main,
.gah-src-side {
    min-width: 0;
}

.gah-src-head {
    position: relative;
    min-height: 96px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-bottom: 3px solid #111827;
    margin-bottom: 34px;
    padding: 20px;
}

.gah-src-title {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding: 0 16px;
    background: #ffd84d;
    color: #111827;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.gah-src-list {
    display: grid;
    gap: 22px;
}

.gah-src-card {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
    background: #ffffff;
    border-left: 8px solid transparent;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.gah-src-card:hover {
    transform: translateY(-3px);
    border-left-color: #d71920;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .13);
}

.gah-src-card__media {
    display: block;
    width: 100%;
    min-height: 160px;
    background: #e5e7eb;
    overflow: hidden;
}

.gah-src-card__img {
    width: 100%;
    height: 100%;
    min-height: 160px;
    display: block;
    object-fit: cover;
    transition: transform .24s ease;
}

.gah-src-card:hover .gah-src-card__img {
    transform: scale(1.04);
}

.gah-src-card__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 22px 20px 0;
}

.gah-src-card__cat {
    align-self: flex-start;
    margin-bottom: 8px;
    padding: 4px 8px;
    background: #111827;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-src-card__title {
    margin: 0 0 10px;
    color: #111827;
    font-size: 22px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -.02em;
}

.gah-src-card__title a {
    color: inherit !important;
    text-decoration: none;
}

.gah-src-card__title a:hover,
.gah-src-card__title a:focus {
    color: #d71920 !important;
    outline: none;
}

.gah-src-card__excerpt {
    margin: 0;
    color: #5b6472;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.gah-src-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #eef0f3;
    color: #7b8492;
    font-size: 12px;
    font-weight: 800;
}

.gah-src-card__meta a {
    color: #d71920 !important;
    text-decoration: none;
    font-weight: 900;
    white-space: nowrap;
}

.gah-src-empty {
    padding: 26px;
    background: #ffffff;
    border-left: 8px solid #d71920;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    color: #111827;
    font-size: 17px;
    font-weight: 800;
}

.gah-src-ad {
    width: 100%;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    text-align: center;
    overflow: hidden;
}

.gah-src-ad iframe,
.gah-src-ad img,
.gah-src-ad ins {
    max-width: 100% !important;
}

.gah-src-more {
    text-align: center;
    margin-top: 36px;
}

.gah-src-more__btn {
    min-width: 215px;
    height: 48px;
    border: 0;
    background: #111111;
    color: #ffffff;
    padding: 0 34px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-src-more__btn:hover,
.gah-src-more__btn:focus {
    background: #d71920;
    transform: translateY(-2px);
    outline: none;
}

.gah-src-more__btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.gah-src-side__inner {
    position: sticky;
    top: 125px;
}

@media (prefers-reduced-motion: reduce) {
    .gah-src-card,
    .gah-src-card__img,
    .gah-src-more__btn {
        transition: none;
    }

    .gah-src-card:hover,
    .gah-src-more__btn:hover {
        transform: none;
    }
}

@media (max-width: 1024px) {
    .gah-src-wrap {
        grid-template-columns: 1fr;
    }

    .gah-src-side__inner {
        position: static;
    }
}

@media (max-width: 700px) {
    .gah-src-page {
        padding: 18px 0 32px;
    }

    .gah-src-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-src-head {
        min-height: auto;
        margin-bottom: 22px;
        padding: 14px;
    }

    .gah-src-title {
        width: 100%;
        min-height: 42px;
        font-size: 20px;
    }

    .gah-src-card {
        grid-template-columns: 1fr;
        gap: 0;
        border-left-width: 6px;
    }

    .gah-src-card__media,
    .gah-src-card__img {
        min-height: 210px;
    }

    .gah-src-card__img {
        max-height: 260px;
    }

    .gah-src-card__body {
        padding: 16px;
    }

    .gah-src-card__title {
        font-size: 20px;
    }

    .gah-src-card__excerpt {
        font-size: 14px;
        line-height: 1.55;
    }

    .gah-src-card__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .gah-src-more__btn {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .gah-src-card__media,
    .gah-src-card__img {
        min-height: 180px;
    }

    .gah-src-title {
        font-size: 18px;
    }
}

/* ==========================================================================
   MY HABER - HABER GÖNDER SAYFASI
   ========================================================================== */

.gah-hg-page,
.gah-hg-page *,
.gah-hg-page *::before,
.gah-hg-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-hg-page {
    width: 100%;
    background: #f2f3f5;
    padding: 32px 0 48px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-hg-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-hg-main {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
    overflow: hidden;
}

.gah-hg-hero {
    position: relative;
    padding: 26px 28px;
    background: linear-gradient(135deg, #111827 0%, #263449 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-hg-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-hg-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #ffd84d;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hg-title {
    margin: 0;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.gah-hg-desc {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

.gah-hg-body {
    padding: 26px 28px 30px;
}

.gah-hg-alert {
    margin-bottom: 18px;
    padding: 14px 16px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
}

.gah-hg-alert--success {
    background: #15803d;
}

.gah-hg-alert--error {
    background: #d71920;
}

.gah-hg-form {
    display: grid;
    gap: 18px;
}

.gah-hg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gah-hg-field {
    min-width: 0;
}

.gah-hg-field--full {
    grid-column: 1 / -1;
}

.gah-hg-label {
    display: block;
    margin-bottom: 8px;
    color: #111827;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hg-required {
    color: #d71920;
}

.gah-hg-input,
.gah-hg-file,
.gah-hg-captcha-input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d8dee8;
    background: #ffffff;
    color: #111827;
    padding: 0 13px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.gah-hg-input:focus,
.gah-hg-file:focus,
.gah-hg-captcha-input:focus {
    border-color: #d71920;
    box-shadow: 0 0 0 3px rgba(215, 25, 32, .10);
}

.gah-hg-help {
    margin: 7px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.gah-hg-editor {
    min-width: 0;
}

.gah-hg-editor .wp-editor-wrap {
    border: 1px solid #d8dee8;
    background: #ffffff;
}

.gah-hg-editor .wp-editor-container {
    border: 0 !important;
}

.gah-hg-editor textarea {
    width: 100% !important;
}

.gah-hg-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 4px;
    flex-wrap: wrap;
}

.gah-hg-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.gah-hg-captcha-img {
    width: 116px;
    height: 44px;
    display: block;
    object-fit: cover;
    background: #111827;
    border: 1px solid #d8dee8;
}

.gah-hg-captcha-refresh {
    min-height: 44px;
    border: 0;
    background: #111827;
    color: #ffffff;
    padding: 0 12px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hg-captcha-refresh:hover,
.gah-hg-captcha-refresh:focus {
    background: #d71920;
    outline: none;
}

.gah-hg-captcha-input {
    width: 140px;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    letter-spacing: .05em;
}

.gah-hg-submit {
    min-width: 190px;
    height: 48px;
    border: 0;
    background: #d71920;
    color: #ffffff;
    padding: 0 24px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-hg-submit:hover,
.gah-hg-submit:focus {
    background: #111827;
    transform: translateY(-2px);
    outline: none;
}

.gah-hg-submit:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.gah-hg-page-content {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
    color: #374151;
    font-size: 16px;
    line-height: 1.7;
}

.gah-hg-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.gah-hg-side {
    min-width: 0;
}

.gah-hg-side-inner {
    position: sticky;
    top: 125px;
}

@media (max-width: 1080px) {
    .gah-hg-wrap {
        grid-template-columns: 1fr;
    }

    .gah-hg-side-inner {
        position: static;
    }
}

@media (max-width: 720px) {
    .gah-hg-page {
        padding: 20px 0 34px;
    }

    .gah-hg-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-hg-hero {
        padding: 22px 20px;
    }

    .gah-hg-title {
        font-size: 27px;
    }

    .gah-hg-body {
        padding: 20px;
    }

    .gah-hg-grid {
        grid-template-columns: 1fr;
    }

    .gah-hg-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .gah-hg-captcha {
        width: 100%;
    }

    .gah-hg-captcha-input {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    .gah-hg-submit {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .gah-hg-title {
        font-size: 23px;
    }

    .gah-hg-captcha {
        align-items: stretch;
        flex-direction: column;
    }

    .gah-hg-captcha-img,
    .gah-hg-captcha-input,
    .gah-hg-captcha-refresh {
        width: 100%;
    }
}
/* ==========================================================================
   MY HABER - HAVA DURUMU SAYFA ŞABLONU
   ========================================================================== */

.gah-hwp-page,
.gah-hwp-page *,
.gah-hwp-page *::before,
.gah-hwp-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-hwp-page {
    width: 100%;
    background: #f2f3f5;
    padding: 32px 0 48px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-hwp-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-hwp-main,
.gah-hwp-side {
    min-width: 0;
}

.gah-hwp-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.gah-hwp-hero {
    position: relative;
    padding: 28px;
    background:
        radial-gradient(circle at right top, rgba(56, 189, 248, .22), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-hwp-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #38bdf8;
}

.gah-hwp-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #38bdf8;
    color: #0f172a;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hwp-title {
    margin: 0;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.12;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.gah-hwp-desc {
    max-width: 780px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

.gah-hwp-alert {
    margin: 22px;
    padding: 15px 16px;
    background: #fff7e6;
    color: #7a4b00;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 800;
}

.gah-hwp-current {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 0;
    border-bottom: 1px solid #e5e7eb;
}

.gah-hwp-current-main {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
    background: #eff6ff;
    border-right: 1px solid #dbeafe;
}

.gah-hwp-icon {
    margin-bottom: 14px;
    font-size: 56px;
    line-height: 1;
}

.gah-hwp-temp {
    color: #0f172a;
    font-size: 58px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.06em;
}

.gah-hwp-condition {
    margin-top: 10px;
    color: #1e3a8a;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-hwp-current-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #e5e7eb;
}

.gah-hwp-detail {
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    background: #ffffff;
}

.gah-hwp-detail-label {
    margin-bottom: 7px;
    color: #64748b;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hwp-detail-value {
    color: #0f172a;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
}

.gah-hwp-section {
    padding: 26px 28px 30px;
}

.gah-hwp-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    color: #0f172a;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-hwp-section-title::before {
    content: "";
    width: 7px;
    height: 28px;
    background: #38bdf8;
}

.gah-hwp-forecast {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.gah-hwp-day {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #dbeafe;
    box-shadow: 0 8px 18px rgba(30, 58, 138, .07);
    overflow: hidden;
}

.gah-hwp-day-head {
    padding: 12px 10px;
    background: #eff6ff;
    color: #1e3a8a;
    text-align: center;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 1px solid #dbeafe;
}

.gah-hwp-day-body {
    padding: 16px 12px;
    text-align: center;
}

.gah-hwp-day-icon {
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 1;
}

.gah-hwp-day-condition {
    min-height: 38px;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-hwp-day-temp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    color: #0f172a;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
}

.gah-hwp-day-temp span:last-child {
    color: #64748b;
}

.gah-hwp-day-meta {
    display: grid;
    gap: 7px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eef2ff;
    color: #64748b;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 800;
}

.gah-hwp-note {
    padding: 14px 18px;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 700;
    border-top: 1px solid #e5e7eb;
}

.gah-hwp-note strong {
    color: #1e3a8a;
    font-weight: 900;
}

.gah-hwp-side-inner {
    position: sticky;
    top: var(--gah-hwp-sticky-top, 125px);
}

@media (max-width: 1100px) {
    .gah-hwp-wrap {
        grid-template-columns: 1fr;
    }

    .gah-hwp-side-inner {
        position: static;
    }
}

@media (max-width: 820px) {
    .gah-hwp-current {
        grid-template-columns: 1fr;
    }

    .gah-hwp-current-main {
        border-right: 0;
        border-bottom: 1px solid #dbeafe;
    }

    .gah-hwp-forecast {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .gah-hwp-page {
        padding: 20px 0 34px;
    }

    .gah-hwp-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-hwp-hero {
        padding: 22px 20px;
    }

    .gah-hwp-title {
        font-size: 27px;
    }

    .gah-hwp-current-main {
        min-height: 220px;
        padding: 22px 20px;
    }

    .gah-hwp-temp {
        font-size: 50px;
    }

    .gah-hwp-current-details {
        grid-template-columns: 1fr;
    }

    .gah-hwp-section {
        padding: 22px 20px;
    }

    .gah-hwp-forecast {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .gah-hwp-title {
        font-size: 23px;
    }

    .gah-hwp-temp {
        font-size: 46px;
    }
}

/* ==========================================================================
   MY HABER - İLETİŞİM SAYFASI
   ========================================================================== */

.gah-contact-page,
.gah-contact-page *,
.gah-contact-page *::before,
.gah-contact-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-contact-page {
    width: 100%;
    background: #f2f3f5;
    padding: 32px 0 48px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-contact-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-contact-main {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.gah-contact-hero {
    position: relative;
    padding: 28px;
    background:
        radial-gradient(circle at right top, rgba(215, 25, 32, .22), transparent 34%),
        linear-gradient(135deg, #111827 0%, #263449 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-contact-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-contact-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #ffd84d;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-contact-title {
    margin: 0;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.12;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.035em;
}

.gah-contact-desc {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-contact-info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.gah-contact-info-item {
    min-height: 86px;
    padding: 16px;
    background: #ffffff;
    display: flex;
    align-items: center;
    gap: 12px;
}

.gah-contact-info-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d71920;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
}

.gah-contact-info-label {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-contact-info-value {
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-contact-body {
    padding: 26px 28px 30px;
}

.gah-contact-alert {
    margin-bottom: 18px;
    padding: 14px 16px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
}

.gah-contact-alert--success {
    background: #15803d;
}

.gah-contact-alert--error {
    background: #d71920;
}

.gah-contact-form {
    display: grid;
    gap: 18px;
}

.gah-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gah-contact-field {
    min-width: 0;
}

.gah-contact-field--full {
    grid-column: 1 / -1;
}

.gah-contact-label {
    display: block;
    margin-bottom: 8px;
    color: #111827;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-contact-required {
    color: #d71920;
}

.gah-contact-input,
.gah-contact-textarea,
.gah-contact-captcha-input {
    width: 100%;
    border: 1px solid #d8dee8;
    background: #ffffff;
    color: #111827;
    padding: 0 13px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.gah-contact-input,
.gah-contact-captcha-input {
    min-height: 46px;
}

.gah-contact-textarea {
    min-height: 190px;
    padding-top: 12px;
    resize: vertical;
}

.gah-contact-input:focus,
.gah-contact-textarea:focus,
.gah-contact-captcha-input:focus {
    border-color: #d71920;
    box-shadow: 0 0 0 3px rgba(215, 25, 32, .10);
}

.gah-contact-help {
    margin: 7px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.gah-contact-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.gah-contact-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.gah-contact-captcha-img {
    width: 116px;
    height: 44px;
    display: block;
    object-fit: cover;
    background: #111827;
    border: 1px solid #d8dee8;
}

.gah-contact-captcha-refresh {
    min-height: 44px;
    border: 0;
    background: #111827;
    color: #ffffff;
    padding: 0 12px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-contact-captcha-refresh:hover,
.gah-contact-captcha-refresh:focus {
    background: #d71920;
    outline: none;
}

.gah-contact-captcha-input {
    width: 140px;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    letter-spacing: .05em;
}

.gah-contact-submit {
    min-width: 190px;
    height: 48px;
    border: 0;
    background: #d71920;
    color: #ffffff;
    padding: 0 24px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-contact-submit:hover,
.gah-contact-submit:focus {
    background: #111827;
    transform: translateY(-2px);
    outline: none;
}

.gah-contact-submit:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

.gah-contact-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.gah-contact-content {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
    color: #374151;
    font-size: 16px;
    line-height: 1.7;
}

.gah-contact-side {
    min-width: 0;
}

.gah-contact-side-inner {
    position: sticky;
    top: var(--gah-contact-sticky-top, 125px);
}

@media (max-width: 1080px) {
    .gah-contact-wrap {
        grid-template-columns: 1fr;
    }

    .gah-contact-side-inner {
        position: static;
    }
}

@media (max-width: 860px) {
    .gah-contact-info {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .gah-contact-page {
        padding: 20px 0 34px;
    }

    .gah-contact-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-contact-hero {
        padding: 22px 20px;
    }

    .gah-contact-title {
        font-size: 27px;
    }

    .gah-contact-body {
        padding: 20px;
    }

    .gah-contact-grid {
        grid-template-columns: 1fr;
    }

    .gah-contact-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .gah-contact-captcha {
        width: 100%;
    }

    .gah-contact-captcha-input {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    .gah-contact-submit {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .gah-contact-title {
        font-size: 23px;
    }

    .gah-contact-captcha {
        align-items: stretch;
        flex-direction: column;
    }

    .gah-contact-captcha-img,
    .gah-contact-captcha-input,
    .gah-contact-captcha-refresh {
        width: 100%;
    }
}

/* ==========================================================================
   MY HABER - ANA MANŞET SLIDER
   ========================================================================== */

.gah-hero-slider,
.gah-hero-slider *,
.gah-hero-slider *::before,
.gah-hero-slider *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-hero-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: var(--gap-size, 20px);
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-hero-slider__frame {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #0f172a;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
}

.gah-hero-slider__slides {
    position: relative;
    min-height: 410px;
}

.gah-hero-slider__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
}

.gah-hero-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-hero-slider__link {
    position: relative;
    display: block;
    min-height: 410px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-hero-slider__image {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    transform: scale(1.02);
    transition: transform 3s ease;
    overflow: hidden;
}

.gah-hero-slider__slide.is-active .gah-hero-slider__image {
    transform: scale(1);
}

.gah-hero-slider__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.gah-hero-slider__noimg {
    width: 100%;
    height: 100%;
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .75);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.gah-hero-slider__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .1) 40%,
        rgba(15, 23, 42, .8) 100%
    );
}

.gah-hero-slider__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    min-height: 410px;
    padding: 0 24px 32px;
}

.gah-hero-slider__title {
    display: block;
    margin: 0;
    max-width: 90%;
    color: #ffffff;
    font-size: clamp(28px, 3.2vw, 48px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
}

.gah-hero-slider__navwrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-top: 0;
    overflow: hidden;
}

.gah-hero-slider__nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.gah-hero-slider__num {
    flex: 1;
    height: 48px;
    border: 0;
    border-right: 1px solid rgba(15, 23, 42, .08);
    background: transparent;
    color: #334155;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.gah-hero-slider__num:last-child {
    border-right: 0;
}

.gah-hero-slider__num:hover,
.gah-hero-slider__num:focus,
.gah-hero-slider__num.is-active {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-hero-slider__mobile-nav,
.gah-hero-slider__mobile-arrows {
    display: none;
}

.gah-hero-slider__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.gah-hero-slider__arrow:hover,
.gah-hero-slider__arrow:focus {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-hero-slider__arrow svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .gah-hero-slider__slide,
    .gah-hero-slider__image,
    .gah-hero-slider__num,
    .gah-hero-slider__arrow {
        transition: none;
    }
}

@media (max-width: 991px) {
    .gah-hero-slider__slides,
    .gah-hero-slider__link,
    .gah-hero-slider__content {
        min-height: 290px;
    }

    .gah-hero-slider__noimg {
        min-height: 290px;
    }
}

@media (max-width: 767px) {
    .gah-hero-slider__slides,
    .gah-hero-slider__link,
    .gah-hero-slider__content {
        min-height: 200px;
    }

    .gah-hero-slider__noimg {
        min-height: 200px;
        font-size: 20px;
    }

    .gah-hero-slider__content {
        padding: 0 16px 20px;
    }

    .gah-hero-slider__title {
        max-width: 100%;
        font-size: clamp(20px, 5vw, 28px);
    }

    .gah-hero-slider__navwrap {
        padding: 12px;
        justify-content: space-between;
        background: #ffffff;
    }

    .gah-hero-slider__nav {
        display: none;
    }

    .gah-hero-slider__mobile-nav {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .gah-hero-slider__dot {
        width: 10px;
        height: 10px;
        border: 0;
        background: #cbd5e1;
        cursor: pointer;
        padding: 0;
        transition: background .2s ease, transform .2s ease;
    }

    .gah-hero-slider__dot.is-active,
    .gah-hero-slider__dot:hover,
    .gah-hero-slider__dot:focus {
        background: #e11d48;
        transform: scale(1.2);
        outline: none;
    }

    .gah-hero-slider__mobile-arrows {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

/* ==========================================================================
   MY HABER - BÜYÜK MANŞET MODÜLÜ
   Masaüstü görünüm korunur, mobilde sağdaki 2 haber slider altında 2'li görünür
   ========================================================================== */

.gah-bm,
.gah-bm *,
.gah-bm *::before,
.gah-bm *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-bm {
    --gah-bm-gap: var(--gap-size, 20px);
    --gah-bm-slider-height: 450px;
    --gah-bm-nav-height: 48px;
    --gah-bm-total-height: calc(var(--gah-bm-slider-height) + var(--gah-bm-nav-height));

    width: 100%;
    margin-bottom: var(--gah-bm-gap);
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-bm__layout {
    display: flex;
    gap: var(--gah-bm-gap);
    align-items: stretch;
    width: 100%;
    height: var(--gah-bm-total-height);
    overflow: hidden;
}

/* SOL ANA SLIDER */

.gah-bm__main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.gah-bm__frame {
    position: relative;
    width: 100%;
    height: var(--gah-bm-slider-height);
    min-height: var(--gah-bm-slider-height);
    overflow: hidden;
    background: #0f172a;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
}

.gah-bm__slides {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: var(--gah-bm-slider-height);
}

.gah-bm__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
}

.gah-bm__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-bm__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: var(--gah-bm-slider-height);
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-bm__image {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
    transform: scale(1.02);
    transition: transform 3s ease;
}

.gah-bm__slide.is-active .gah-bm__image {
    transform: scale(1);
}

.gah-bm__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.gah-bm__noimg {
    width: 100%;
    height: 100%;
    min-height: var(--gah-bm-slider-height);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .75);
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.gah-bm__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .1) 40%,
        rgba(15, 23, 42, .8) 100%
    );
}

.gah-bm__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    min-height: var(--gah-bm-slider-height);
    padding: 0 24px 32px;
}

.gah-bm__title {
    display: block;
    margin: 0;
    max-width: 90%;
    color: #ffffff;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
}

.gah-bm__navwrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--gah-bm-nav-height);
    min-height: var(--gah-bm-nav-height);
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-top: 0;
    overflow: hidden;
}

.gah-bm__nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.gah-bm__num {
    flex: 1;
    height: 100%;
    border: 0;
    border-right: 1px solid rgba(15, 23, 42, .08);
    background: transparent;
    color: #334155;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.gah-bm__num:last-child {
    border-right: 0;
}

.gah-bm__num:hover,
.gah-bm__num:focus,
.gah-bm__num.is-active {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-bm__mobilebar {
    display: none;
}

.gah-bm__arrow {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease;
}

.gah-bm__arrow:hover,
.gah-bm__arrow:focus {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-bm__arrow svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    display: block;
}

/* SAĞDAKİ 2 HABER */

.gah-bm__side {
    display: flex;
    flex-direction: column;
    gap: var(--gah-bm-gap);
    width: 280px;
    min-width: 280px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.gah-bm__side-item {
    flex: 1 1 0;
    min-height: 0;
    height: calc((var(--gah-bm-total-height) - var(--gah-bm-gap)) / 2);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

.gah-bm__side-link {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    color: #111827;
    text-decoration: none;
    background: #ffffff;
    overflow: hidden;
}

.gah-bm__side-media {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    background: #e5e7eb;
    overflow: hidden;
}

.gah-bm__side-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}

.gah-bm__side-noimg {
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
}

.gah-bm__side-title {
    flex: 0 0 auto;
    display: -webkit-box;
    min-height: 82px;
    max-height: 96px;
    padding: 14px 16px 16px;
    background: #ffffff;
    color: #111827;
    font-size: 17px;
    line-height: 1.24;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-bm__side-link:hover .gah-bm__side-img,
.gah-bm__side-link:focus .gah-bm__side-img {
    transform: scale(1.05);
}

.gah-bm__side-link:hover .gah-bm__side-title,
.gah-bm__side-link:focus .gah-bm__side-title {
    color: #d71920;
}

/* ERİŞİLEBİLİRLİK */

@media (prefers-reduced-motion: reduce) {
    .gah-bm__slide,
    .gah-bm__image,
    .gah-bm__num,
    .gah-bm__arrow,
    .gah-bm__side-img,
    .gah-bm__side-title {
        transition: none;
    }
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .gah-bm__side {
        width: 260px;
        min-width: 260px;
    }

    .gah-bm__side-title {
        min-height: 78px;
        max-height: 92px;
        font-size: 16px;
    }
}

/* Tablet görünüm: Slider üstte, sağdaki iki haber altında yatay */
@media (max-width: 991px) {
    .gah-bm {
        --gah-bm-slider-height: 380px;
        --gah-bm-nav-height: 48px;
    }

    .gah-bm__layout {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: visible;
        gap: 14px;
    }

    .gah-bm__main {
        width: 100%;
        height: auto;
        overflow: visible;
    }

    .gah-bm__side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .gah-bm__side-item {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden;
    }

    .gah-bm__side-link {
        height: 100%;
    }

    .gah-bm__side-media {
        flex: 0 0 auto;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    .gah-bm__side-title {
        min-height: 76px;
        max-height: 90px;
        font-size: 16px;
        padding: 13px 14px;
    }
}

/* Mobil görünüm: Sağdaki iki haber slider altında 2'li tek satır */
@media (max-width: 767px) {
    .gah-bm {
        --gah-bm-slider-height: 300px;
        --gah-bm-nav-height: auto;
        margin-bottom: 16px;
    }

    .gah-bm__layout {
        gap: 12px;
    }

    .gah-bm__content {
        padding: 0 16px 20px;
    }

    .gah-bm__title {
        max-width: 100%;
        font-size: clamp(20px, 5vw, 28px);
    }

    .gah-bm__navwrap {
        height: auto;
        min-height: 0;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, .08);
        border-top: 0;
        overflow: hidden;
    }

    .gah-bm__nav {
        display: none;
    }

    .gah-bm__mobilebar {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
    }

    .gah-bm__dots {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        overflow: hidden;
    }

    .gah-bm__dot {
        width: 10px;
        height: 10px;
        border: 0;
        background: #cbd5e1;
        cursor: pointer;
        padding: 0;
        transition: background .2s ease, transform .2s ease;
    }

    .gah-bm__dot.is-active,
    .gah-bm__dot:hover,
    .gah-bm__dot:focus {
        background: #e11d48;
        transform: scale(1.2);
        outline: none;
    }

    .gah-bm__side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0;
    }

    .gah-bm__side-item {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .06);
    }

    .gah-bm__side-link {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .gah-bm__side-media {
        flex: 0 0 auto;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    .gah-bm__side-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gah-bm__side-title {
        display: -webkit-box;
        min-height: 64px;
        max-height: 78px;
        padding: 10px 11px;
        font-size: 13px;
        line-height: 1.25;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* Çok dar mobilde de 2'li yapı korunur */
@media (max-width: 420px) {
    .gah-bm {
        --gah-bm-slider-height: 285px;
    }

    .gah-bm__side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .gah-bm__side-title {
        min-height: 60px;
        max-height: 74px;
        padding: 9px 10px;
        font-size: 12.5px;
        line-height: 1.24;
    }
}

/* ==========================================================================
   MY HABER - SÜRMANŞET 4'LÜ HABER BLOĞU
   ========================================================================== */

.gah-sur4,
.gah-sur4 *,
.gah-sur4 *::before,
.gah-sur4 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-sur4 {
    width: 100%;
    margin-top: var(--gap-size, 20px);
    margin-bottom: var(--gap-size, 20px);
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-sur4__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
}

.gah-sur4__item {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.gah-sur4__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 4px 10px rgba(15, 23, 42, .04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-sur4__link:hover,
.gah-sur4__link:focus {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .11);
    outline: none;
}

.gah-sur4__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background: #e5e7eb;
    overflow: hidden;
}

.gah-sur4__media img,
.gah-sur4__img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-sur4__link:hover .gah-sur4__img,
.gah-sur4__link:focus .gah-sur4__img {
    transform: scale(1.05);
}

.gah-sur4__noimg {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .75);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-sur4__body {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 74px;
    margin: 0 !important;
    padding: 13px 16px 15px;
    background: #ffffff;
    border-top: 0;
}

.gah-sur4__title {
    display: -webkit-box;
    margin: 0 !important;
    padding: 0 !important;
    color: #111827;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-sur4__link:hover .gah-sur4__title,
.gah-sur4__link:focus .gah-sur4__title {
    color: #d71920;
}

@media (prefers-reduced-motion: reduce) {
    .gah-sur4__link,
    .gah-sur4__img,
    .gah-sur4__title {
        transition: none;
    }

    .gah-sur4__link:hover,
    .gah-sur4__link:focus {
        transform: none;
    }

    .gah-sur4__link:hover .gah-sur4__img,
    .gah-sur4__link:focus .gah-sur4__img {
        transform: none;
    }
}

/* Tablet ve mobil: 2 sütun */
@media (max-width: 991px) {
    .gah-sur4__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .gah-sur4__body {
        min-height: 68px;
    }
}

/* Mobil: yine 2 sütun, 2 sıra */
@media (max-width: 767px) {
    .gah-sur4 {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .gah-sur4__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .gah-sur4__body {
        min-height: 64px;
        padding: 10px 12px 12px;
    }

    .gah-sur4__title {
        font-size: 14px;
        line-height: 1.32;
        -webkit-line-clamp: 2;
    }
}

/* Küçük mobilde de tek sütuna düşmez */
@media (max-width: 520px) {
    .gah-sur4__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .gah-sur4__media {
        aspect-ratio: 16 / 10;
    }

    .gah-sur4__body {
        min-height: 62px;
        padding: 9px 10px 11px;
    }

    .gah-sur4__title {
        font-size: 13px;
        line-height: 1.28;
        -webkit-line-clamp: 3;
    }
}

/* Çok dar ekranlarda da 2'li yapı korunur */
@media (max-width: 380px) {
    .gah-sur4__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .gah-sur4__body {
        min-height: 58px;
        padding: 8px;
    }

    .gah-sur4__title {
        font-size: 12.5px;
        line-height: 1.25;
    }
}

/* ==========================================================================
   MY HABER - SÜRMANŞET 2 / ÖNE ÇIKAN HABERLER SLIDER
   ========================================================================== */

.gah-sur2,
.gah-sur2 *,
.gah-sur2 *::before,
.gah-sur2 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-sur2 {
    width: 100%;
    margin-bottom: var(--gap-size, 20px);
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-sur2__wrap {
    position: relative;
    width: 100%;
    padding: 24px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.gah-sur2__track {
    display: flex;
    gap: 20px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0;
    margin: 0;
}

.gah-sur2__track::-webkit-scrollbar {
    display: none;
}

.gah-sur2__track:focus {
    outline: 2px solid rgba(215, 25, 32, .25);
    outline-offset: 4px;
}

.gah-sur2__slide {
    flex: 0 0 calc(25% - 15px);
    min-width: 0;
    scroll-snap-align: start;
}

.gah-sur2__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-sur2__card:hover,
.gah-sur2__card:focus {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .10);
    outline: none;
}

.gah-sur2__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background: #e5e7eb;
    overflow: hidden;
}

.gah-sur2__media img,
.gah-sur2__img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-sur2__card:hover .gah-sur2__img,
.gah-sur2__card:focus .gah-sur2__img {
    transform: scale(1.05);
}

.gah-sur2__noimg {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .75);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-sur2__body {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 78px;
    margin: 0 !important;
    padding: 14px 16px 16px;
    background: #ffffff;
}

.gah-sur2__title {
    display: -webkit-box;
    margin: 0 !important;
    padding: 0 !important;
    color: #111827;
    font-size: 17px;
    line-height: 1.30;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-sur2__card:hover .gah-sur2__title,
.gah-sur2__card:focus .gah-sur2__title {
    color: #d71920;
}

.gah-sur2__arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(15, 23, 42, .16);
    background: #ffffff;
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.gah-sur2__arrow:hover,
.gah-sur2__arrow:focus {
    background: #d71920;
    border-color: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-sur2__arrow.is-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.gah-sur2__arrow--prev {
    left: 6px;
}

.gah-sur2__arrow--next {
    right: 6px;
}

.gah-sur2__arrow svg {
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
    .gah-sur2__track {
        scroll-behavior: auto;
    }

    .gah-sur2__card,
    .gah-sur2__img,
    .gah-sur2__title,
    .gah-sur2__arrow {
        transition: none;
    }

    .gah-sur2__card:hover,
    .gah-sur2__card:focus {
        transform: none;
    }

    .gah-sur2__card:hover .gah-sur2__img,
    .gah-sur2__card:focus .gah-sur2__img {
        transform: none;
    }
}

@media (max-width: 1100px) {
    .gah-sur2__slide {
        flex-basis: calc(33.333% - 13.333px);
    }

    .gah-sur2__title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .gah-sur2__wrap {
        padding: 16px;
    }

    .gah-sur2__track {
        gap: 12px;
    }

    .gah-sur2__slide {
        flex-basis: calc(50% - 6px);
    }

    .gah-sur2__body {
        min-height: 66px;
        padding: 10px 12px 12px;
    }

    .gah-sur2__title {
        font-size: 14px;
        line-height: 1.32;
    }

    .gah-sur2__arrow {
        width: 36px;
        height: 36px;
    }

    .gah-sur2__arrow svg {
        width: 16px;
        height: 16px;
    }

    .gah-sur2__arrow--prev {
        left: 4px;
    }

    .gah-sur2__arrow--next {
        right: 4px;
    }
}

@media (max-width: 440px) {
    .gah-sur2__slide {
        flex-basis: 82%;
    }
}

/* ==========================================================================
   MY HABER - YATAY MANŞET SLIDER
   ========================================================================== */

.gah-ym,
.gah-ym *,
.gah-ym *::before,
.gah-ym *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-ym {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-ym__grid {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
}

.gah-ym__nav {
    display: flex;
    flex-direction: column;
    width: 60px;
    min-width: 60px;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-right: 0;
    line-height: 1;
}

.gah-ym__num {
    flex: 1 1 0;
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: #f8fafc;
    color: #334155;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.gah-ym__num:last-child {
    border-bottom: 0;
}

.gah-ym__num:hover,
.gah-ym__num:focus,
.gah-ym__num.is-active {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-ym__frame {
    position: relative;
    width: 100%;
    min-height: 420px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #0f172a;
    line-height: 0;
}

.gah-ym__slides {
    position: relative;
    width: 100%;
    height: 420px;
    min-height: 420px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    line-height: 0;
}

.gah-ym__slide {
    position: absolute;
    inset: 0;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
}

.gah-ym__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-ym__link {
    position: relative;
    display: block;
    width: 100%;
    height: 420px;
    min-height: 420px;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    line-height: 0;
}

.gah-ym__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #111827;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.06);
    transition: transform 5s ease-out;
}

.gah-ym__slide.is-active .gah-ym__image {
    transform: scale(1);
}

.gah-ym__overlay {
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(
        90deg,
        rgba(15, 23, 42, .95) 0%,
        rgba(15, 23, 42, .85) 25%,
        rgba(15, 23, 42, .42) 55%,
        rgba(15, 23, 42, 0) 80%
    );
}

.gah-ym__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: min(65%, 600px);
    height: 100%;
    margin: 0 !important;
    padding: 0 40px;
    line-height: 1.1;
}

.gah-ym__title-box {
    display: block;
    padding-left: 20px;
    border-left: 5px solid #e11d48;
    transform: translateX(-30px);
    opacity: 0;
    transition: transform .6s cubic-bezier(.16, 1, .3, 1) .1s, opacity .6s ease .1s;
}

.gah-ym__slide.is-active .gah-ym__title-box {
    transform: translateX(0);
    opacity: 1;
}

.gah-ym__title {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-shadow: 0 4px 16px rgba(0, 0, 0, .6);
}

.gah-ym__mobilebar {
    display: none;
}

.gah-ym__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(15, 23, 42, .12);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.gah-ym__arrow:hover,
.gah-ym__arrow:focus {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-ym__arrow svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
}

.gah-ym__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
}

.gah-ym__dot {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: #cbd5e1;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-ym__dot:hover,
.gah-ym__dot:focus,
.gah-ym__dot.is-active {
    background: #e11d48;
    transform: scale(1.2);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .gah-ym__slide,
    .gah-ym__image,
    .gah-ym__num,
    .gah-ym__title-box,
    .gah-ym__arrow,
    .gah-ym__dot {
        transition: none;
    }
}

@media (max-width: 1100px) {
    .gah-ym__content {
        width: min(75%, 520px);
        padding: 0 24px;
    }
}

@media (max-width: 767px) {
    .gah-ym__grid {
        grid-template-columns: 1fr;
        box-shadow: none;
        border: 1px solid rgba(15, 23, 42, .08);
    }

    .gah-ym__nav {
        display: none;
    }

    .gah-ym__frame {
        min-height: 280px;
    }

    .gah-ym__slides,
    .gah-ym__link {
        height: 280px;
        min-height: 280px;
    }

    .gah-ym__overlay {
        background: linear-gradient(
            90deg,
            rgba(15, 23, 42, .92) 0%,
            rgba(15, 23, 42, .75) 45%,
            rgba(15, 23, 42, .25) 75%,
            rgba(15, 23, 42, 0) 100%
        );
    }

    .gah-ym__content {
        width: 90%;
        padding: 0 16px;
    }

    .gah-ym__title-box {
        padding-left: 14px;
        border-left-width: 4px;
    }

    .gah-ym__title {
        font-size: clamp(22px, 6vw, 32px);
    }

    .gah-ym__mobilebar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 56px;
        margin: 0 !important;
        padding: 10px 12px;
        background: #ffffff;
        border-top: 1px solid rgba(15, 23, 42, .08);
        line-height: 1;
    }
}

@media (max-width: 430px) {
    .gah-ym__frame {
        min-height: 240px;
    }

    .gah-ym__slides,
    .gah-ym__link {
        height: 240px;
        min-height: 240px;
    }
}

/* ==========================================================================
   MY HABER - POPÜLER GALERİLER SAYFASI
   ========================================================================== */

.gah-pg-page,
.gah-pg-page *,
.gah-pg-page *::before,
.gah-pg-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-pg-page {
    width: 100%;
    background: #f2f3f5;
    padding: 34px 0 52px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-pg-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

.gah-pg-head {
    position: relative;
    margin-bottom: 28px;
    padding: 28px 30px;
    background:
        radial-gradient(circle at right top, rgba(124, 180, 179, .28), transparent 36%),
        linear-gradient(135deg, #111827 0%, #263449 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-pg-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #7cb4b3;
}

.gah-pg-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #7cb4b3;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pg-page-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.035em;
}

.gah-pg-desc {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-pg-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

.gah-pg-card,
.gah-pg-ad {
    min-width: 0;
    min-height: 0;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.gah-pg-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #111827;
    text-decoration: none;
    background: #ffffff;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-pg-link:hover,
.gah-pg-link:focus {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(15, 23, 42, .12);
    outline: none;
}

.gah-pg-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5e7eb;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden;
}

.gah-pg-img,
.gah-pg-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-pg-link:hover .gah-pg-img,
.gah-pg-link:focus .gah-pg-img {
    transform: scale(1.06);
}

.gah-pg-noimg {
    width: 100%;
    height: 100%;
    min-height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-pg-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 118px;
    padding: 14px 16px 16px;
    background: #ffffff;
}

.gah-pg-badge {
    align-self: flex-start;
    margin-bottom: 9px;
    padding: 5px 8px;
    background: #7cb4b3;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pg-title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.32;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-pg-link:hover .gah-pg-title,
.gah-pg-link:focus .gah-pg-title {
    color: #d71920;
}

.gah-pg-meta {
    display: block;
    margin-top: auto;
    padding-top: 11px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}

.gah-pg-ad {
    min-height: 251px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gah-pg-ad iframe,
.gah-pg-ad img,
.gah-pg-ad ins {
    max-width: 100% !important;
}

.gah-pg-empty {
    grid-column: 1 / -1;
    padding: 24px;
    background: #ffffff;
    border-left: 7px solid #d71920;
    color: #111827;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.gah-pg-card.is-loaded {
    animation: gahPgFadeUp .28s ease both;
}

@keyframes gahPgFadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-pg-link,
    .gah-pg-img,
    .gah-pg-title,
    .gah-pg-card.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-pg-link:hover,
    .gah-pg-link:focus {
        transform: none;
    }

    .gah-pg-link:hover .gah-pg-img,
    .gah-pg-link:focus .gah-pg-img {
        transform: none;
    }
}

@media (max-width: 1100px) {
    .gah-pg-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .gah-pg-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .gah-pg-head {
        padding: 24px 22px;
    }
}

@media (max-width: 560px) {
    .gah-pg-page {
        padding: 22px 0 36px;
    }

    .gah-pg-wrap {
        max-width: calc(100% - 20px);
    }

    .gah-pg-grid {
        grid-template-columns: 1fr;
    }

    .gah-pg-page-title {
        font-size: 27px;
    }

    .gah-pg-body {
        min-height: auto;
    }
}

/* ==========================================================================
   MY HABER - SABİT MULTİMEDYA GALERİ MODÜLÜ
   ========================================================================== */

.gah-mm,
.gah-mm *,
.gah-mm *::before,
.gah-mm *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-mm {
    width: 100%;
    background: #111111;
    margin-top: var(--gap-size, 20px);
    margin-bottom: var(--gap-size, 20px);
    padding: 40px 0;
    color: #ffffff;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-mm__inner {
    width: 100%;
    max-width: var(--site-max-width, 1200px);
    margin: 0 auto;
    padding: 0 32px;
}

.gah-mm__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 0 18px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.gah-mm__title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(25px, 4vw, 34px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.gah-mm__title::before {
    content: "";
    width: 6px;
    height: 30px;
    background: #e11d48;
}

.gah-mm__tabs {
    display: flex;
    align-items: flex-end;
    gap: 24px;
    padding-right: 8px;
}

.gah-mm__tab {
    min-height: 42px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #a1a1aa;
    padding: 0 0 11px;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease;
}

.gah-mm__tab:hover,
.gah-mm__tab:focus,
.gah-mm__tab.is-active {
    color: #ffffff;
    border-bottom-color: #e11d48;
    outline: none;
}

.gah-mm__panel {
    display: none;
}

.gah-mm__panel.is-active {
    display: block;
}

/* VIDEO GALERİ */

.gah-mm__video-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: stretch;
}

.gah-mm__video-main {
    min-width: 0;
    min-height: 560px;
    background: #18181b;
    overflow: hidden;
}

.gah-mm__video-hero-link {
    position: relative;
    display: block;
    width: 100%;
    height: 560px;
    min-height: 560px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-mm__video-hero-media {
    position: absolute;
    inset: 0;
    display: block;
    background: #18181b;
    overflow: hidden;
}

.gah-mm__video-hero-img,
.gah-mm__video-hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.gah-mm__video-hero-link:hover .gah-mm__video-hero-img,
.gah-mm__video-hero-link:focus .gah-mm__video-hero-img {
    transform: scale(1.04);
}

.gah-mm__video-noimg {
    width: 100%;
    height: 100%;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255,255,255,.72);
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-mm__video-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.92) 100%),
        linear-gradient(90deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,0) 55%);
}

.gah-mm__video-play-big {
    position: absolute;
    left: 38px;
    bottom: 52px;
    z-index: 4;
    width: 78px;
    height: 78px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(255,255,255,.72);
    color: #e11d48;
    background: rgba(0,0,0,.25);
}

.gah-mm__video-play-big svg {
    width: 36px;
    height: 36px;
    fill: currentColor;
}

.gah-mm__video-hero-content {
    position: absolute;
    left: 128px;
    right: 36px;
    bottom: 58px;
    z-index: 5;
}

.gah-mm__video-hero-title {
    display: block;
    color: #ffffff;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.025em;
    text-shadow: 0 3px 14px rgba(0,0,0,.75);
}

.gah-mm__video-list {
    min-width: 0;
    height: 560px;
    min-height: 560px;
    background: #151515;
    border-left: 1px solid rgba(255,255,255,.07);
    overflow: hidden;
}

.gah-mm__video-scroll {
    height: 100%;
    max-height: 560px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #e11d48 #202020;
}

.gah-mm__video-scroll::-webkit-scrollbar {
    width: 8px;
}

.gah-mm__video-scroll::-webkit-scrollbar-track {
    background: #202020;
}

.gah-mm__video-scroll::-webkit-scrollbar-thumb {
    background: #e11d48;
}

.gah-mm__video-item {
    width: 100%;
    min-height: 96px;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: transparent;
    color: #ffffff;
    padding: 12px;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease;
}

.gah-mm__video-item:hover,
.gah-mm__video-item:focus,
.gah-mm__video-item.is-active {
    background: #1f1f1f;
    outline: none;
}

.gah-mm__video-thumb {
    position: relative;
    width: 96px;
    height: 64px;
    display: block;
    background: #222;
    overflow: hidden;
}

.gah-mm__video-thumb-img,
.gah-mm__video-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.gah-mm__video-thumb-noimg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #263449;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    font-weight: 900;
}

.gah-mm__video-play-small {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    background: rgba(225,29,72,.9);
    color: #ffffff;
}

.gah-mm__video-play-small svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.gah-mm__video-item-title {
    display: -webkit-box;
    color: #f8fafc;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-mm__video-item:hover .gah-mm__video-item-title,
.gah-mm__video-item:focus .gah-mm__video-item-title,
.gah-mm__video-item.is-active .gah-mm__video-item-title {
    color: #ffffff;
}

/* FOTO GALERİ - YENİ UYUMLU YAPI */

.gah-mm__photo-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 440px !important;
    padding: 0 8px 8px 0 !important;
    background: #111111 !important;
    overflow: hidden !important;
}

.gah-mm__photo-hero {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 440px !important;
    min-height: 440px !important;
    background: #18181b !important;
    color: #ffffff !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.gah-mm__photo-side {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: 440px !important;
    min-height: 440px !important;
    padding-right: 0 !important;
    overflow: hidden !important;
}

.gah-mm__photo-side-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 216px !important;
    min-height: 216px !important;
    background: #18181b !important;
    color: #ffffff !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.gah-mm__photo-media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: #18181b !important;
    overflow: hidden !important;
}

.gah-mm__photo-img,
.gah-mm__photo-media img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .4s ease, filter .3s ease !important;
}

.gah-mm__photo-hero:hover .gah-mm__photo-img,
.gah-mm__photo-hero:focus .gah-mm__photo-img,
.gah-mm__photo-side-card:hover .gah-mm__photo-img,
.gah-mm__photo-side-card:focus .gah-mm__photo-img {
    transform: scale(1.05) !important;
    filter: brightness(.78) !important;
}

.gah-mm__photo-noimg {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #111827 0%, #334155 100%) !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.gah-mm__photo-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.20) 42%, rgba(0,0,0,.88) 100%) !important;
}

.gah-mm__photo-icon {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 6 !important;
    width: 54px !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translate(-50%, -50%) scale(.85) !important;
    background: rgba(225,29,72,.95) !important;
    color: #ffffff !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

.gah-mm__photo-icon svg {
    width: 26px !important;
    height: 26px !important;
    fill: currentColor !important;
}

.gah-mm__photo-hero:hover .gah-mm__photo-icon,
.gah-mm__photo-hero:focus .gah-mm__photo-icon,
.gah-mm__photo-side-card:hover .gah-mm__photo-icon,
.gah-mm__photo-side-card:focus .gah-mm__photo-icon {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.gah-mm__photo-caption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.gah-mm__photo-hero .gah-mm__photo-caption {
    padding: 18px 18px 24px !important;
    max-height: 110px !important;
}

.gah-mm__photo-side-card .gah-mm__photo-caption {
    padding: 10px 12px 13px !important;
    max-height: 72px !important;
}

.gah-mm__photo-title {
    display: -webkit-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 9px rgba(0,0,0,.95) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
}

.gah-mm__photo-hero .gah-mm__photo-title {
    font-size: 27px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
}

.gah-mm__photo-side-card .gah-mm__photo-title {
    font-size: 15px !important;
    line-height: 1.24 !important;
    max-height: 38px !important;
    -webkit-line-clamp: 2 !important;
}

@media (prefers-reduced-motion: reduce) {
    .gah-mm__tab,
    .gah-mm__video-hero-img,
    .gah-mm__photo-img,
    .gah-mm__photo-icon,
    .gah-mm__video-item {
        transition: none !important;
    }
}

@media (max-width: 1080px) {
    .gah-mm__video-layout {
        grid-template-columns: 1fr;
    }

    .gah-mm__video-list {
        height: 330px;
        min-height: 330px;
    }

    .gah-mm__video-scroll {
        max-height: 330px;
    }

    .gah-mm__photo-layout {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 0 0 8px !important;
    }

    .gah-mm__photo-hero {
        height: 360px !important;
        min-height: 360px !important;
    }

    .gah-mm__photo-side {
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;
    }

    .gah-mm__photo-side-card {
        height: 230px !important;
        min-height: 230px !important;
    }

    .gah-mm__photo-hero .gah-mm__photo-title {
        font-size: 23px !important;
    }

    .gah-mm__photo-side-card .gah-mm__photo-title {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .gah-mm {
        padding: 28px 0;
    }

    .gah-mm__inner {
        padding: 0 16px;
    }

    .gah-mm__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 0 12px 14px;
    }

    .gah-mm__tabs {
        width: 100%;
        gap: 18px;
        overflow-x: auto;
        padding-right: 0;
    }

    .gah-mm__tab {
        white-space: nowrap;
        font-size: 14px;
    }

    .gah-mm__video-main,
    .gah-mm__video-hero-link {
        height: 330px;
        min-height: 330px;
    }

    .gah-mm__video-noimg {
        min-height: 330px;
    }

    .gah-mm__video-play-big {
        left: 22px;
        bottom: 26px;
        width: 54px;
        height: 54px;
        border-width: 3px;
    }

    .gah-mm__video-play-big svg {
        width: 25px;
        height: 25px;
    }

    .gah-mm__video-hero-content {
        left: 90px;
        right: 18px;
        bottom: 30px;
    }

    .gah-mm__video-hero-title {
        font-size: 21px;
    }

    .gah-mm__video-item {
        grid-template-columns: 86px minmax(0, 1fr);
        min-height: 88px;
        gap: 12px;
        padding: 10px;
    }

    .gah-mm__video-thumb {
        width: 86px;
        height: 58px;
    }

    .gah-mm__photo-layout {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 0 !important;
    }

    .gah-mm__photo-hero,
    .gah-mm__photo-side-card {
        height: 235px !important;
        min-height: 235px !important;
    }

    .gah-mm__photo-side {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .gah-mm__photo-hero .gah-mm__photo-title,
    .gah-mm__photo-side-card .gah-mm__photo-title {
        font-size: 19px !important;
        line-height: 1.25 !important;
        max-height: 48px !important;
        -webkit-line-clamp: 2 !important;
    }
}

/* ==========================================================================
   MY HABER - ORTA KATEGORİ REKLAMLI MODÜL
   Benzersiz class prefix: gah-okm
   ========================================================================== */

.gah-okm,
.gah-okm *,
.gah-okm *::before,
.gah-okm *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-okm {
    width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-okm__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
}

.gah-okm__heading {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    background: #111827;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.gah-okm__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-bottom: 3px;
    padding: 0 14px;
    background: #f3f4f6;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

.gah-okm__all:hover,
.gah-okm__all:focus {
    background: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-okm__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) minmax(0, 1fr);
    gap: var(--gap-size, 20px);
    margin-bottom: var(--gap-size, 20px);
}

.gah-okm__ad {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    text-align: center;
}

.gah-okm__ad ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-width: 250px;
    min-height: 250px;
}

.gah-okm__ad iframe,
.gah-okm__ad img,
.gah-okm__ad ins {
    max-width: 100% !important;
}

.gah-okm__ad-placeholder {
    color: #94a3b8;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-okm-card {
    min-width: 0;
    height: 100%;
}

.gah-okm-card__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-okm-card__link:hover,
.gah-okm-card__link:focus {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .10);
    outline: none;
}

.gah-okm-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-okm-card__img,
.gah-okm-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-okm-card__link:hover .gah-okm-card__img,
.gah-okm-card__link:focus .gah-okm-card__img {
    transform: scale(1.05);
}

.gah-okm-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-okm-card__body {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 82px;
    padding: 14px 16px 16px;
    background: #ffffff;
}

.gah-okm-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.32;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-okm-card__link:hover .gah-okm-card__title,
.gah-okm-card__link:focus .gah-okm-card__title {
    color: #d71920;
}

/* Alt otomatik slider */

.gah-okm__carousel {
    position: relative;
    padding-top: 20px;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

.gah-okm__track {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 4px;
}

.gah-okm__track::-webkit-scrollbar {
    display: none;
}

.gah-okm__track:focus {
    outline: 2px solid rgba(215, 25, 32, .22);
    outline-offset: 4px;
}

.gah-okm__slide {
    flex: 0 0 calc(25% - 12px);
    min-width: 0;
    scroll-snap-align: start;
}

.gah-okm-card--slide .gah-okm-card__body {
    min-height: 76px;
    padding: 12px 14px 14px;
}

.gah-okm-card--slide .gah-okm-card__title {
    font-size: 15px;
}

.gah-okm__arrow {
    position: absolute;
    top: calc(50% + 10px);
    z-index: 10;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(15, 23, 42, .14);
    background: #ffffff;
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.gah-okm__arrow:hover,
.gah-okm__arrow:focus {
    background: #d71920;
    border-color: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-okm__arrow.is-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.gah-okm__arrow--prev {
    left: -10px;
}

.gah-okm__arrow--next {
    right: -10px;
}

.gah-okm__arrow svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
    .gah-okm__track {
        scroll-behavior: auto;
    }

    .gah-okm-card__link,
    .gah-okm-card__img,
    .gah-okm-card__title,
    .gah-okm__arrow,
    .gah-okm__all {
        transition: none;
    }

    .gah-okm-card__link:hover,
    .gah-okm-card__link:focus {
        transform: none;
    }

    .gah-okm-card__link:hover .gah-okm-card__img,
    .gah-okm-card__link:focus .gah-okm-card__img {
        transform: none;
    }
}

@media (max-width: 1080px) {
    .gah-okm__top {
        grid-template-columns: 1fr 1fr;
    }

    .gah-okm__ad {
        grid-column: 1 / -1;
        order: 3;
    }

    .gah-okm__slide {
        flex-basis: calc(33.333% - 10.666px);
    }
}

@media (max-width: 767px) {
    .gah-okm {
        padding: 16px;
    }

    .gah-okm__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .gah-okm__heading {
        min-height: 38px;
        font-size: 16px;
    }

    .gah-okm__all {
        margin-bottom: 10px;
    }

    .gah-okm__top {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gah-okm__ad {
        grid-column: auto;
        min-height: 280px;
    }

    .gah-okm__ad ins.adsbygoogle {
        min-height: 280px;
    }

    .gah-okm__slide {
        flex-basis: calc(50% - 8px);
    }

    .gah-okm-card__body {
        min-height: 70px;
        padding: 11px 12px 13px;
    }

    .gah-okm-card__title {
        font-size: 14px;
        line-height: 1.32;
    }

    .gah-okm__arrow {
        width: 34px;
        height: 34px;
    }

    .gah-okm__arrow--prev {
        left: -6px;
    }

    .gah-okm__arrow--next {
        right: -6px;
    }
}

@media (max-width: 440px) {
    .gah-okm__slide {
        flex-basis: 82%;
    }
}

/* ==========================================================================
   MY HABER - SABİT ŞABLON 2
   Benzersiz class prefix: gah-os2
   Düzeltilmiş tam CSS sürümü
   ========================================================================== */

.gah-os2,
.gah-os2 *,
.gah-os2 *::before,
.gah-os2 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-os2 {
    width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-os2__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
}

.gah-os2__heading {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    background: #111827;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.gah-os2__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-bottom: 3px;
    padding: 0 14px;
    background: #f3f4f6;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

.gah-os2__all:hover,
.gah-os2__all:focus {
    background: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-os2__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--gap-size, 20px);
    align-items: stretch;
    min-height: 520px;
}

.gah-os2__col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-size, 20px);
}

/* Küçük haber kartları */

.gah-os2-card {
    flex: 1 1 auto;
    min-height: 220px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
}

.gah-os2-card__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-os2-card__link:hover,
.gah-os2-card__link:focus {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .10);
    outline: none;
}

.gah-os2-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-os2-card__img,
.gah-os2-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-os2-card__link:hover .gah-os2-card__img,
.gah-os2-card__link:focus .gah-os2-card__img {
    transform: scale(1.05);
}

.gah-os2-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-os2-card__body {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 78px;
    padding: 13px 15px 15px;
    background: #ffffff;
}

.gah-os2-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-os2-card__link:hover .gah-os2-card__title,
.gah-os2-card__link:focus .gah-os2-card__title {
    color: #d71920;
}

/* Ortadaki 2 yatay büyük haber */

.gah-os2-hero {
    flex: 1 1 auto;
    min-height: 230px;
    background: #111827;
    overflow: hidden;
}

.gah-os2-hero__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 230px;
    color: #ffffff;
    text-decoration: none;
    background: #111827;
    overflow: hidden;
}

.gah-os2-hero__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
}

.gah-os2-hero__img,
.gah-os2-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .4s ease;
}

.gah-os2-hero__link:hover .gah-os2-hero__img,
.gah-os2-hero__link:focus .gah-os2-hero__img {
    transform: scale(1.05);
}

.gah-os2-hero__noimg {
    width: 100%;
    height: 100%;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-os2-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .18) 35%, rgba(15, 23, 42, .92) 100%),
        linear-gradient(90deg, rgba(15, 23, 42, .35) 0%, rgba(15, 23, 42, 0) 65%);
}

.gah-os2-hero__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 22px 24px;
}

.gah-os2-hero__title {
    display: -webkit-box;
    margin: 0 0 8px;
    padding: 0;
    color: #ffffff;
    font-size: clamp(20px, 2.1vw, 27px);
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: -.02em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .65);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-os2-hero__excerpt {
    display: -webkit-box;
    color: #e2e8f0;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-os2-card.is-loaded,
.gah-os2-hero.is-loaded {
    animation: gahOs2FadeUp .26s ease both;
}

@keyframes gahOs2FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-os2__all,
    .gah-os2-card__link,
    .gah-os2-card__img,
    .gah-os2-card__title,
    .gah-os2-hero__img,
    .gah-os2-card.is-loaded,
    .gah-os2-hero.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-os2-card__link:hover,
    .gah-os2-card__link:focus {
        transform: none;
    }

    .gah-os2-card__link:hover .gah-os2-card__img,
    .gah-os2-card__link:focus .gah-os2-card__img,
    .gah-os2-hero__link:hover .gah-os2-hero__img,
    .gah-os2-hero__link:focus .gah-os2-hero__img {
        transform: none;
    }
}

@media (max-width: 1080px) {
    .gah-os2__layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
    }

    .gah-os2__col--center {
        grid-column: 1 / -1;
        order: -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gah-os2-hero {
        min-height: 280px;
    }

    .gah-os2-hero__link {
        min-height: 280px;
    }
}

@media (max-width: 767px) {
    .gah-os2 {
        padding: 16px;
    }

    .gah-os2__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .gah-os2__heading {
        min-height: 38px;
        font-size: 16px;
    }

    .gah-os2__all {
        margin-bottom: 10px;
    }

    .gah-os2__layout {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: 0;
    }

    .gah-os2__col {
        gap: 16px;
    }

    .gah-os2__col--center {
        grid-column: auto;
        display: flex;
        order: -1;
    }

    .gah-os2-card {
        min-height: 0;
    }

    .gah-os2-hero {
        min-height: 0;
    }

    .gah-os2-hero__link {
        min-height: 260px;
    }

    .gah-os2-hero__body {
        padding: 18px;
    }

    .gah-os2-hero__title {
        font-size: 22px;
    }

    .gah-os2-hero__excerpt {
        font-size: 13px;
    }

    .gah-os2-card__body {
        min-height: 68px;
        padding: 11px 12px 13px;
    }

    .gah-os2-card__title {
        font-size: 14px;
        line-height: 1.32;
    }
}

/* ==========================================================================
   MY HABER - SABİT ŞABLON 3
   Benzersiz class prefix: gah-os3
   ========================================================================== */

.gah-os3,
.gah-os3 *,
.gah-os3 *::before,
.gah-os3 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-os3 {
    width: 100%;
    margin-bottom: var(--gap-size, 20px);
    background: #ffffff;
    color: #ffffff;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-os3__grid {
    display: flex;
    width: 100%;
    height: 480px;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    background: #111827;
}

/* Sol büyük görsel */

.gah-os3__hero {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: #111827;
    overflow: hidden;
}

.gah-os3__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
}

.gah-os3__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-os3__link {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    min-height: 480px;
    color: #ffffff;
    text-decoration: none;
    padding: 30px;
    overflow: hidden;
}

.gah-os3__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
    transform: scale(1.02);
    transition: transform 3s ease;
}

.gah-os3__slide.is-active .gah-os3__media {
    transform: scale(1);
}

.gah-os3__img,
.gah-os3__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.gah-os3__noimg {
    width: 100%;
    height: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

/* Kırmızı gradient yerine siyah karartma */

.gah-os3__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .34) 48%, rgba(0, 0, 0, .92) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .12) 58%, rgba(0, 0, 0, 0) 100%);
}

.gah-os3__content {
    position: relative;
    z-index: 3;
    width: 100%;
}

.gah-os3__title {
    display: -webkit-box;
    max-width: 820px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: clamp(28px, 3.5vw, 42px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-shadow: 0 3px 14px rgba(0, 0, 0, .75);
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Sağ dikey liste - mevcut mantık korunur */

.gah-os3__nav {
    width: 320px;
    min-width: 320px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    overflow: hidden;
}

.gah-os3__nav-item {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding: 0;
    margin: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
}

.gah-os3__nav-item:last-child {
    border-bottom: 0;
}

.gah-os3__nav-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 10px 14px;
    background: #fb7185;
    color: #ffffff;
    transition: background .22s ease;
}

.gah-os3__nav-title {
    display: -webkit-box;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.32;
    font-weight: 900;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-os3__nav-media {
    width: 110px;
    min-width: 110px;
    height: 100%;
    display: block;
    background: #e5e7eb;
    overflow: hidden;
}

.gah-os3__nav-img,
.gah-os3__nav-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.gah-os3__nav-noimg {
    width: 100%;
    height: 100%;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #263449;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    font-weight: 900;
}

.gah-os3__nav-item.is-active .gah-os3__nav-text,
.gah-os3__nav-item:hover .gah-os3__nav-text,
.gah-os3__nav-item:focus .gah-os3__nav-text {
    background: #e11d48;
}

.gah-os3__nav-item:focus {
    outline: 2px solid rgba(255, 255, 255, .55);
    outline-offset: -2px;
}

/* Mobil kontrol */

.gah-os3__mobilebar {
    display: none;
}

.gah-os3__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.gah-os3__arrow:hover,
.gah-os3__arrow:focus {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-os3__arrow svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
}

.gah-os3__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
}

.gah-os3__dot {
    width: 10px;
    height: 10px;
    border: 0;
    padding: 0;
    background: #cbd5e1;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-os3__dot:hover,
.gah-os3__dot:focus,
.gah-os3__dot.is-active {
    background: #e11d48;
    transform: scale(1.2);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .gah-os3__slide,
    .gah-os3__media,
    .gah-os3__nav-text,
    .gah-os3__arrow,
    .gah-os3__dot {
        transition: none;
    }
}

@media (max-width: 991px) {
    .gah-os3__nav {
        width: 260px;
        min-width: 260px;
    }

    .gah-os3__nav-text {
        padding: 8px 10px;
    }

    .gah-os3__nav-title {
        font-size: 13px;
    }

    .gah-os3__nav-media {
        width: 90px;
        min-width: 90px;
    }
}

@media (max-width: 767px) {
    .gah-os3__grid {
        flex-direction: column;
        height: auto;
    }

    .gah-os3__hero {
        min-height: 300px;
    }

    .gah-os3__link {
        min-height: 300px;
        padding: 20px 16px;
    }

    .gah-os3__noimg {
        min-height: 300px;
    }

    .gah-os3__title {
        font-size: clamp(21px, 6vw, 29px);
        -webkit-line-clamp: 3;
    }

    .gah-os3__nav {
        display: none;
    }

    .gah-os3__mobilebar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 56px;
        padding: 10px 12px;
        background: #ffffff;
        border-top: 1px solid rgba(15, 23, 42, .08);
    }
}

@media (max-width: 430px) {
    .gah-os3__hero,
    .gah-os3__link,
    .gah-os3__noimg {
        min-height: 260px;
    }
}

/* ==========================================================================
   MY HABER - 2 BÜYÜK + 4 KÜÇÜK KATEGORİ BLOĞU
   Benzersiz class prefix: gah-cg6
   ========================================================================== */

.gah-cg6,
.gah-cg6 *,
.gah-cg6 *::before,
.gah-cg6 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cg6 {
    width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cg6__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
}

.gah-cg6__heading {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    background: #111827;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.gah-cg6__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-bottom: 3px;
    padding: 0 14px;
    background: #f3f4f6;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

.gah-cg6__all:hover,
.gah-cg6__all:focus {
    background: #d71920;
    color: #ffffff;
    outline: none;
}

.gah-cg6__top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    margin-bottom: var(--gap-size, 20px);
}

.gah-cg6__bottom {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
}

.gah-cg6-item {
    min-width: 0;
    min-height: 0;
}

.gah-cg6-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-cg6-card:hover,
.gah-cg6-card:focus {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .10);
    outline: none;
}

.gah-cg6-card__media {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cg6-card--featured .gah-cg6-card__media {
    aspect-ratio: 16 / 9;
}

.gah-cg6-card--standard .gah-cg6-card__media {
    aspect-ratio: 16 / 10;
}

.gah-cg6-card__img,
.gah-cg6-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-cg6-card:hover .gah-cg6-card__img,
.gah-cg6-card:focus .gah-cg6-card__img {
    transform: scale(1.05);
}

.gah-cg6-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-cg6-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    background: #ffffff;
}

.gah-cg6-card--featured .gah-cg6-card__body {
    min-height: 126px;
    padding: 16px;
}

.gah-cg6-card--standard .gah-cg6-card__body {
    min-height: 82px;
    padding: 12px 14px 14px;
}

.gah-cg6-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-cg6-card--featured .gah-cg6-card__title {
    margin-bottom: 8px;
    font-size: 20px;
    -webkit-line-clamp: 2;
}

.gah-cg6-card--standard .gah-cg6-card__title {
    font-size: 15px;
    -webkit-line-clamp: 3;
}

.gah-cg6-card:hover .gah-cg6-card__title,
.gah-cg6-card:focus .gah-cg6-card__title {
    color: #d71920;
}

.gah-cg6-card__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-cg6-item.is-loaded {
    animation: gahCg6FadeUp .26s ease both;
}

@keyframes gahCg6FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cg6-card,
    .gah-cg6-card__img,
    .gah-cg6-card__title,
    .gah-cg6__all,
    .gah-cg6-item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cg6-card:hover,
    .gah-cg6-card:focus {
        transform: none;
    }

    .gah-cg6-card:hover .gah-cg6-card__img,
    .gah-cg6-card:focus .gah-cg6-card__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cg6__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gah-cg6 {
        padding: 16px;
    }

    .gah-cg6__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .gah-cg6__heading {
        min-height: 38px;
        font-size: 16px;
    }

    .gah-cg6__all {
        margin-bottom: 10px;
    }

    .gah-cg6__top {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gah-cg6__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .gah-cg6-card--featured .gah-cg6-card__body {
        min-height: auto;
        padding: 14px;
    }

    .gah-cg6-card--featured .gah-cg6-card__title {
        font-size: 18px;
    }

    .gah-cg6-card--standard .gah-cg6-card__body {
        min-height: 70px;
        padding: 10px 12px 12px;
    }

    .gah-cg6-card--standard .gah-cg6-card__title {
        font-size: 13px;
        -webkit-line-clamp: 4;
    }

    .gah-cg6-card__excerpt {
        display: none;
    }
}

@media (max-width: 430px) {
    .gah-cg6__bottom {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   MY HABER - SABİT YATAY YAZARLAR SLIDER
   Benzersiz class prefix: gah-syw
   ========================================================================== */

.gah-syw,
.gah-syw *,
.gah-syw *::before,
.gah-syw *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-syw {
    --gah-syw-red: #e21b23;
    --gah-syw-dark: #101827;
    --gah-syw-text: #111827;
    --gah-syw-muted: #505b6b;
    --gah-syw-border: #e3e3e3;
    --gah-syw-bg: #ffffff;

    position: relative;
    width: 100%;
    margin: 0 0 26px;
    padding: 0;
    background: transparent;
    color: var(--gah-syw-text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: visible;
}

.gah-syw__stage {
    position: relative;
    min-height: 124px;
    background: var(--gah-syw-bg);
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    padding: 0 48px;
    overflow: hidden;
}

.gah-syw__track {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.gah-syw__track::-webkit-scrollbar {
    display: none;
}

.gah-syw__track:focus {
    outline: 2px solid rgba(226, 27, 35, .18);
    outline-offset: -2px;
}

.gah-syw__slide {
    flex: 0 0 33.333333%;
    min-width: 0;
    scroll-snap-align: start;
    position: relative;
}

.gah-syw__slide:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 26px;
    bottom: 26px;
    width: 1px;
    background: #eeeeee;
}

.gah-syw__card {
    min-height: 124px;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    padding: 20px 28px;
    color: var(--gah-syw-text);
    text-decoration: none;
    background: #ffffff;
    transition: background .18s ease;
}

.gah-syw__card:hover,
.gah-syw__card:focus {
    background: #fbfbfb;
    outline: none;
}

.gah-syw__avatar-wrap {
    width: 86px;
    height: 86px;
    display: block;
    overflow: hidden;
    border-radius: 50% !important;
    background: #f2f2f2;
    border: 5px solid #ffffff;
    box-shadow: 0 0 0 2px #e1e1e1, 0 8px 18px rgba(15, 23, 42, .12);
}

.gah-syw__avatar {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50% !important;
    transition: transform .22s ease;
}

.gah-syw__avatar-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #101827;
    color: #ffffff;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 50% !important;
}

.gah-syw__card:hover .gah-syw__avatar,
.gah-syw__card:focus .gah-syw__avatar {
    transform: scale(1.06);
}

.gah-syw__content {
    min-width: 0;
}

.gah-syw__name {
    display: block;
    margin: 0 0 8px;
    padding-bottom: 8px;
    color: var(--gah-syw-text);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 3px solid #d9d9d9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .18s ease;
}

.gah-syw__post {
    display: -webkit-box;
    margin: 0;
    color: #333333;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .18s ease;
}

.gah-syw__card:hover .gah-syw__name,
.gah-syw__card:hover .gah-syw__post,
.gah-syw__card:focus .gah-syw__name,
.gah-syw__card:focus .gah-syw__post {
    color: var(--gah-syw-red);
}

.gah-syw__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 46px;
    border: 0;
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, opacity .18s ease;
}

.gah-syw__arrow:hover,
.gah-syw__arrow:focus {
    background: #f6f6f6;
    color: var(--gah-syw-red);
    outline: none;
}

.gah-syw__arrow--prev {
    left: 0;
    border-right: 1px solid #efefef;
}

.gah-syw__arrow--next {
    right: 0;
    border-left: 1px solid #efefef;
}

.gah-syw__arrow svg {
    width: 27px;
    height: 27px;
    fill: currentColor;
}

.gah-syw__arrow.is-disabled {
    opacity: .35;
}

.gah-syw__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}

.gah-syw__dot {
    width: 7px;
    height: 7px;
    border: 0;
    background: #d5d5d5;
    cursor: pointer;
    padding: 0;
    transition: width .18s ease, background .18s ease;
}

.gah-syw__dot.is-active {
    width: 18px;
    background: var(--gah-syw-red);
}

@media (prefers-reduced-motion: reduce) {
    .gah-syw__track {
        scroll-behavior: auto;
    }

    .gah-syw__card,
    .gah-syw__avatar,
    .gah-syw__name,
    .gah-syw__post,
    .gah-syw__arrow,
    .gah-syw__dot {
        transition: none;
    }
}

@media (max-width: 991px) {
    .gah-syw__slide {
        flex-basis: 50%;
    }

    .gah-syw__card {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 16px;
        padding: 18px 22px;
    }

    .gah-syw__avatar-wrap {
        width: 76px;
        height: 76px;
    }

    .gah-syw__name {
        font-size: 15px;
    }

    .gah-syw__post {
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .gah-syw__stage {
        min-height: 112px;
        padding: 0 40px;
    }

    .gah-syw__slide {
        flex-basis: 100%;
    }

    .gah-syw__slide::after {
        display: none;
    }

    .gah-syw__card {
        min-height: 112px;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .gah-syw__avatar-wrap {
        width: 68px;
        height: 68px;
        border-width: 4px;
    }

    .gah-syw__avatar-fallback {
        font-size: 26px;
    }

    .gah-syw__name {
        font-size: 14px;
        margin-bottom: 6px;
        padding-bottom: 6px;
    }

    .gah-syw__post {
        font-size: 13px;
    }

    .gah-syw__arrow {
        width: 38px;
    }

    .gah-syw__arrow svg {
        width: 24px;
        height: 24px;
    }
}

/* ==========================================================================
   MY HABER - TÜM MANŞET HABERLERİ AJAX SAYFA ŞABLONU
   Benzersiz class prefix: gah-tmhx
   ========================================================================== */

.gah-tmhx-page,
.gah-tmhx-page *,
.gah-tmhx-page *::before,
.gah-tmhx-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-tmhx-page {
    width: 100%;
    background: #f2f3f5;
    padding: 32px 0 48px;
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-tmhx-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-tmhx-main,
.gah-tmhx-side {
    min-width: 0;
}

.gah-tmhx-head {
    position: relative;
    margin-bottom: 24px;
    padding: 28px;
    background:
        radial-gradient(circle at right top, rgba(215, 25, 32, .20), transparent 34%),
        linear-gradient(135deg, #111827 0%, #263449 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-tmhx-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-tmhx-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #d71920;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-tmhx-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.035em;
}

.gah-tmhx-desc {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.gah-tmhx-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.gah-tmhx-card,
.gah-tmhx-ad {
    min-width: 0;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.gah-tmhx-card__link {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    height: 100%;
    min-height: 170px;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-tmhx-card__link:hover,
.gah-tmhx-card__link:focus {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, .12);
    outline: none;
}

.gah-tmhx-card__media {
    position: relative;
    display: block;
    width: 100%;
    min-height: 170px;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5e7eb;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden;
}

.gah-tmhx-card__img,
.gah-tmhx-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    vertical-align: top !important;
    transition: transform .35s ease;
}

.gah-tmhx-card__link:hover .gah-tmhx-card__img,
.gah-tmhx-card__link:focus .gah-tmhx-card__img {
    transform: scale(1.06);
}

.gah-tmhx-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-tmhx-card__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 16px 18px;
    background: #ffffff;
}

.gah-tmhx-card__date {
    display: block;
    margin-bottom: 8px;
    color: #d71920;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-tmhx-card__title {
    display: -webkit-box;
    margin: 0 0 9px;
    padding: 0;
    color: #111827;
    font-size: 18px;
    line-height: 1.28;
    font-weight: 900;
    letter-spacing: -.01em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-tmhx-card__link:hover .gah-tmhx-card__title,
.gah-tmhx-card__link:focus .gah-tmhx-card__title {
    color: #d71920;
}

.gah-tmhx-card__excerpt {
    display: -webkit-box;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-tmhx-ad {
    grid-column: 1 / -1;
    min-height: 110px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
}

.gah-tmhx-ad ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-width: 250px;
    min-height: 90px;
}

.gah-tmhx-ad iframe,
.gah-tmhx-ad img,
.gah-tmhx-ad ins {
    max-width: 100% !important;
}

.gah-tmhx-empty {
    grid-column: 1 / -1;
    padding: 24px;
    background: #ffffff;
    border-left: 7px solid #d71920;
    color: #111827;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.gah-tmhx-more-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.gah-tmhx-more {
    min-width: 210px;
    min-height: 48px;
    border: 0;
    background: #111827;
    color: #ffffff;
    padding: 0 26px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease, transform .18s ease, opacity .18s ease;
}

.gah-tmhx-more:hover,
.gah-tmhx-more:focus {
    background: #d71920;
    transform: translateY(-2px);
    outline: none;
}

.gah-tmhx-more:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
    opacity: .75;
}

.gah-tmhx-side__inner {
    position: sticky;
    top: var(--gah-tmhx-sticky-top, 125px);
}

.gah-tmhx-card.is-loaded {
    animation: gahTmhxFadeUp .26s ease both;
}

@keyframes gahTmhxFadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-tmhx-card__link,
    .gah-tmhx-card__img,
    .gah-tmhx-card__title,
    .gah-tmhx-more,
    .gah-tmhx-card.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-tmhx-card__link:hover,
    .gah-tmhx-card__link:focus,
    .gah-tmhx-more:hover,
    .gah-tmhx-more:focus {
        transform: none;
    }

    .gah-tmhx-card__link:hover .gah-tmhx-card__img,
    .gah-tmhx-card__link:focus .gah-tmhx-card__img {
        transform: none;
    }
}

@media (max-width: 1180px) {
    .gah-tmhx-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1080px) {
    .gah-tmhx-wrap {
        grid-template-columns: 1fr;
    }

    .gah-tmhx-side__inner {
        position: static;
    }
}

@media (max-width: 720px) {
    .gah-tmhx-page {
        padding: 22px 0 36px;
    }

    .gah-tmhx-wrap {
        max-width: calc(100% - 20px);
        gap: 22px;
    }

    .gah-tmhx-head {
        padding: 24px 20px;
    }

    .gah-tmhx-title {
        font-size: 27px;
    }

    .gah-tmhx-card__link {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .gah-tmhx-card__media {
        aspect-ratio: 16 / 9;
        min-height: 0;
    }

    .gah-tmhx-card__body {
        padding: 14px;
    }

    .gah-tmhx-card__title {
        font-size: 17px;
    }

    .gah-tmhx-card__excerpt {
        -webkit-line-clamp: 2;
    }

    .gah-tmhx-more {
        width: 100%;
    }
}

/* ==========================================================================
   MY HABER - TRAFİK DURUMU SAYFASI
   Benzersiz class prefix: gah-trfx
   ========================================================================== */

.gah-trfx-page,
.gah-trfx-page *,
.gah-trfx-page *::before,
.gah-trfx-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-trfx-page {
    width: 100%;
    background: #f2f3f5;
    padding: 32px 0 48px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-trfx-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

.gah-trfx-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.gah-trfx-hero {
    position: relative;
    padding: 26px 28px;
    background:
        radial-gradient(circle at right top, rgba(215, 25, 32, .22), transparent 34%),
        linear-gradient(135deg, #111827 0%, #263449 100%);
    color: #ffffff;
    overflow: hidden;
}

.gah-trfx-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-trfx-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #ffd84d;
    color: #111827;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-trfx-title {
    margin: 0;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.gah-trfx-desc {
    max-width: 780px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

.gah-trfx-info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.gah-trfx-info-item {
    min-height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 18px;
    background: #ffffff;
}

.gah-trfx-info-label {
    margin-bottom: 5px;
    color: #64748b;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-trfx-info-value {
    color: #111827;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 900;
}

.gah-trfx-map-shell {
    position: relative;
    width: 100%;
    min-height: 620px;
    background: #dbe3ea;
}

.gah-trfx-map {
    width: 100%;
    height: 620px;
    min-height: 620px;
}

.gah-trfx-loading {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    background: rgba(17, 24, 39, .88);
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-trfx-loading.is-error {
    background: rgba(215, 25, 32, .92);
}

.gah-trfx-note {
    padding: 14px 18px;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 700;
    border-top: 1px solid #e5e7eb;
}

.gah-trfx-note strong {
    color: #d71920;
    font-weight: 900;
}

@media (max-width: 768px) {
    .gah-trfx-page {
        padding: 20px 0 34px;
    }

    .gah-trfx-wrap {
        max-width: calc(100% - 20px);
    }

    .gah-trfx-hero {
        padding: 22px 20px;
    }

    .gah-trfx-title {
        font-size: 27px;
    }

    .gah-trfx-info {
        grid-template-columns: 1fr;
    }

    .gah-trfx-map-shell {
        min-height: 520px;
    }

    .gah-trfx-map {
        height: 520px;
        min-height: 520px;
    }
}

@media (max-width: 430px) {
    .gah-trfx-title {
        font-size: 23px;
    }

    .gah-trfx-map-shell {
        min-height: 460px;
    }

    .gah-trfx-map {
        height: 460px;
        min-height: 460px;
    }
}

/* ==========================================================================
   MY HABER - YAZARLAR SAYFASI
   Benzersiz class prefix: gah-yzpg
   ========================================================================== */

.gah-yzpg-page,
.gah-yzpg-page *,
.gah-yzpg-page *::before,
.gah-yzpg-page *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-yzpg-page {
    width: 100%;
    background: #eeeeee;
    padding: 34px 0 50px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #111827;
}

.gah-yzpg-wrap {
    width: 1200px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.gah-yzpg-main,
.gah-yzpg-side {
    min-width: 0;
}

.gah-yzpg-hero {
    position: relative;
    margin-bottom: 24px;
    padding: 24px 26px;
    background: #ffffff;
    border-bottom: 4px solid #111827;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.gah-yzpg-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: #d71920;
}

.gah-yzpg-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 12px;
    padding: 0 12px;
    background: #ffd84d;
    color: #111827;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-yzpg-title {
    margin: 0;
    color: #111827;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.gah-yzpg-desc {
    max-width: 720px;
    margin: 10px 0 0;
    color: #5b6472;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}

.gah-yzpg-countbox {
    position: absolute;
    right: 24px;
    top: 24px;
    min-width: 92px;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #ffffff;
    padding: 10px 14px;
}

.gah-yzpg-count-number {
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

.gah-yzpg-count-label {
    margin-top: 4px;
    color: rgba(255,255,255,.78);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-yzpg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.gah-yzpg-card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 0;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gah-yzpg-card:hover {
    transform: translateY(-4px);
    border-color: rgba(215, 25, 32, .35);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .12);
}

.gah-yzpg-photo-link {
    position: relative;
    display: block;
    min-height: 190px;
    background: #d7d7d7;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-yzpg-photo,
.gah-yzpg-photo-fallback {
    width: 100%;
    height: 100%;
    min-height: 190px;
    display: block;
}

.gah-yzpg-photo {
    object-fit: cover;
    transition: transform .28s ease, filter .28s ease;
}

.gah-yzpg-photo-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #ffffff;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-yzpg-card:hover .gah-yzpg-photo {
    transform: scale(1.045);
    filter: saturate(1.05);
}

.gah-yzpg-post-count {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    background: #d71920;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-yzpg-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px 20px;
}

.gah-yzpg-name {
    margin: 0 0 10px;
    color: #d71920;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-yzpg-name a {
    color: inherit !important;
    text-decoration: none;
}

.gah-yzpg-name a:hover,
.gah-yzpg-name a:focus {
    color: #111827 !important;
    outline: none;
}

.gah-yzpg-line {
    width: 100%;
    height: 1px;
    margin: 0 0 13px;
    background: linear-gradient(90deg, #e5e7eb 0%, transparent 100%);
}

.gah-yzpg-latest {
    margin: 0 0 10px;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-yzpg-latest a {
    color: inherit !important;
    text-decoration: none;
}

.gah-yzpg-latest a:hover,
.gah-yzpg-latest a:focus {
    color: #d71920 !important;
    outline: none;
}

.gah-yzpg-excerpt {
    display: -webkit-box;
    margin: 0 0 14px;
    color: #5f6b7a;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gah-yzpg-date {
    margin: auto 0 0;
    color: #7b8492;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
}

.gah-yzpg-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.gah-yzpg-btn {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: #111827;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease;
}

.gah-yzpg-btn:hover,
.gah-yzpg-btn:focus {
    background: #d71920;
    outline: none;
}

.gah-yzpg-btn--red {
    background: #d71920;
}

.gah-yzpg-btn--red:hover,
.gah-yzpg-btn--red:focus {
    background: #111827;
}

.gah-yzpg-social {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
}

.gah-yzpg-social a {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f3f5;
    color: #111827 !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

.gah-yzpg-social a:hover,
.gah-yzpg-social a:focus {
    background: #d71920;
    color: #ffffff !important;
    outline: none;
}

.gah-yzpg-empty {
    grid-column: 1 / -1;
    padding: 26px;
    background: #ffffff;
    border-left: 8px solid #d71920;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    color: #111827;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
}

.gah-yzpg-side-inner {
    position: sticky;
    top: var(--gah-yzpg-sticky-top, 125px);
}

.gah-yzpg-card.is-loaded {
    animation: gahYzpgFadeUp .26s ease both;
}

@keyframes gahYzpgFadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-yzpg-card,
    .gah-yzpg-photo,
    .gah-yzpg-btn,
    .gah-yzpg-social a,
    .gah-yzpg-card.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-yzpg-card:hover {
        transform: none;
    }

    .gah-yzpg-card:hover .gah-yzpg-photo {
        transform: none;
    }
}

@media (max-width: 1120px) {
    .gah-yzpg-wrap {
        grid-template-columns: 1fr;
    }

    .gah-yzpg-side-inner {
        position: static;
    }
}

@media (max-width: 850px) {
    .gah-yzpg-grid {
        grid-template-columns: 1fr;
    }

    .gah-yzpg-card {
        grid-template-columns: 180px minmax(0, 1fr);
    }
}

@media (max-width: 620px) {
    .gah-yzpg-page {
        padding: 20px 0 34px;
    }

    .gah-yzpg-wrap {
        max-width: calc(100% - 20px);
        gap: 20px;
    }

    .gah-yzpg-hero {
        padding: 20px;
    }

    .gah-yzpg-title {
        font-size: 27px;
    }

    .gah-yzpg-countbox {
        position: static;
        width: max-content;
        min-width: 86px;
        min-height: 54px;
        margin-top: 16px;
    }

    .gah-yzpg-card {
        grid-template-columns: 1fr;
    }

    .gah-yzpg-photo-link,
    .gah-yzpg-photo,
    .gah-yzpg-photo-fallback {
        min-height: 260px;
    }

    .gah-yzpg-info {
        padding: 18px;
    }

    .gah-yzpg-social {
        margin-left: 0;
    }
}

@media (max-width: 420px) {
    .gah-yzpg-title {
        font-size: 24px;
    }

    .gah-yzpg-photo-link,
    .gah-yzpg-photo,
    .gah-yzpg-photo-fallback {
        min-height: 220px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 1
   Benzersiz class prefix: gah-cnt1
   ========================================================================== */

.gah-cnt1,
.gah-cnt1 *,
.gah-cnt1 *::before,
.gah-cnt1 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.gah-cnt1__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt1__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt1__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: var(--gap-size, 20px);
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt1__main,
.gah-cnt1__side,
.gah-cnt1__side-item {
    min-width: 0;
}

.gah-cnt1__side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
}

/* Büyük haber */

.gah-cnt1-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: 480px;
    background: #111827;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    transition: box-shadow .3s ease;
}

.gah-cnt1-hero:hover,
.gah-cnt1-hero:focus {
    box-shadow: 0 12px 28px rgba(15, 23, 42, .15);
    outline: none;
}

.gah-cnt1-hero__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
}

.gah-cnt1-hero__img,
.gah-cnt1-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .4s ease;
}

.gah-cnt1-hero:hover .gah-cnt1-hero__img,
.gah-cnt1-hero:focus .gah-cnt1-hero__img {
    transform: scale(1.05);
}

.gah-cnt1-hero__noimg {
    width: 100%;
    height: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-cnt1-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .12) 40%,
        rgba(15, 23, 42, .92) 100%
    );
}

.gah-cnt1-hero__body {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 24px;
}

.gah-cnt1-hero__title {
    display: -webkit-box;
    margin: 0 0 10px;
    padding: 0;
    color: #ffffff;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .6);
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-cnt1-hero__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #e2e8f0;
    font-size: 15px;
    line-height: 1.5;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Küçük haberler */

.gah-cnt1-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-cnt1-card:hover,
.gah-cnt1-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    outline: none;
}

.gah-cnt1-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt1-card__img,
.gah-cnt1-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .35s ease;
}

.gah-cnt1-card:hover .gah-cnt1-card__img,
.gah-cnt1-card:focus .gah-cnt1-card__img {
    transform: scale(1.05);
}

.gah-cnt1-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
}

.gah-cnt1-card__body {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    background: #ffffff;
}

.gah-cnt1-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt1-card:hover .gah-cnt1-card__title,
.gah-cnt1-card:focus .gah-cnt1-card__title {
    color: #e11d48;
}

/* JS yükleme efekti */

.gah-cnt1 [data-gah-cnt1-card].is-loaded {
    animation: gahCnt1FadeUp .26s ease both;
}

@keyframes gahCnt1FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt1-hero,
    .gah-cnt1-hero__img,
    .gah-cnt1-card,
    .gah-cnt1-card__img,
    .gah-cnt1-card__title,
    .gah-cnt1 [data-gah-cnt1-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt1-card:hover,
    .gah-cnt1-card:focus {
        transform: none;
    }

    .gah-cnt1-hero:hover .gah-cnt1-hero__img,
    .gah-cnt1-hero:focus .gah-cnt1-hero__img,
    .gah-cnt1-card:hover .gah-cnt1-card__img,
    .gah-cnt1-card:focus .gah-cnt1-card__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cnt1__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .gah-cnt1-hero {
        min-height: 360px;
    }

    .gah-cnt1__side {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gah-cnt1 {
        padding: 12px;
    }

    .gah-cnt1__header {
        margin-bottom: 14px;
    }

    .gah-cnt1__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt1__layout {
        gap: 14px;
    }

    .gah-cnt1-hero {
        min-height: 280px;
        aspect-ratio: 16 / 11;
    }

    .gah-cnt1-hero__body {
        padding: 15px;
    }

    .gah-cnt1-hero__title {
        margin-bottom: 6px;
        font-size: 22px;
        line-height: 1.15;
        -webkit-line-clamp: 3;
    }

    .gah-cnt1-hero__excerpt {
        font-size: 13px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
    }

    .gah-cnt1__side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .gah-cnt1-card__media {
        aspect-ratio: 16 / 11;
    }

    .gah-cnt1-card__body {
        padding: 9px 8px;
    }

    .gah-cnt1-card__title {
        font-size: 12.5px;
        line-height: 1.3;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 380px) {
    .gah-cnt1 {
        padding: 10px;
    }

    .gah-cnt1-hero {
        min-height: 245px;
    }

    .gah-cnt1__side {
        gap: 8px;
    }

    .gah-cnt1-card__title {
        font-size: 12px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 2
   Benzersiz class prefix: gah-cnt2
   ========================================================================== */

.gah-cnt2,
.gah-cnt2 *,
.gah-cnt2 *::before,
.gah-cnt2 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt2__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt2__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt2__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
    min-width: 0;
}

.gah-cnt2__item {
    min-width: 0;
}

.gah-cnt2-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-cnt2-card:hover,
.gah-cnt2-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    outline: none;
}

.gah-cnt2-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt2-card__img,
.gah-cnt2-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .35s ease;
}

.gah-cnt2-card:hover .gah-cnt2-card__img,
.gah-cnt2-card:focus .gah-cnt2-card__img {
    transform: scale(1.05);
}

.gah-cnt2-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-cnt2-card__body {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
    background: #ffffff;
}

.gah-cnt2-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt2-card:hover .gah-cnt2-card__title,
.gah-cnt2-card:focus .gah-cnt2-card__title {
    color: #e11d48;
}

.gah-cnt2 [data-gah-cnt2-card].is-loaded {
    animation: gahCnt2FadeUp .26s ease both;
}

@keyframes gahCnt2FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt2-card,
    .gah-cnt2-card__img,
    .gah-cnt2-card__title,
    .gah-cnt2 [data-gah-cnt2-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt2-card:hover,
    .gah-cnt2-card:focus {
        transform: none;
    }

    .gah-cnt2-card:hover .gah-cnt2-card__img,
    .gah-cnt2-card:focus .gah-cnt2-card__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cnt2__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gah-cnt2-card__title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .gah-cnt2 {
        padding: 16px;
    }

    .gah-cnt2__header {
        margin-bottom: 14px;
    }

    .gah-cnt2__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt2__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .gah-cnt2-card__body {
        padding: 10px 12px;
    }

    .gah-cnt2-card__title {
        font-size: 13px;
        line-height: 1.32;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 420px) {
    .gah-cnt2 {
        padding: 12px;
    }

    .gah-cnt2__grid {
        gap: 10px;
    }

    .gah-cnt2-card__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 3
   Benzersiz class prefix: gah-cnt3
   ========================================================================== */

.gah-cnt3,
.gah-cnt3 *,
.gah-cnt3 *::before,
.gah-cnt3 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt3 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt3__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt3__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt3__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
    min-width: 0;
}

.gah-cnt3__item {
    min-width: 0;
}

.gah-cnt3-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gah-cnt3-card:hover,
.gah-cnt3-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    outline: none;
}

.gah-cnt3-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt3-card__img,
.gah-cnt3-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .35s ease;
}

.gah-cnt3-card:hover .gah-cnt3-card__img,
.gah-cnt3-card:focus .gah-cnt3-card__img {
    transform: scale(1.05);
}

.gah-cnt3-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-cnt3-card__body {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
    background: #ffffff;
}

.gah-cnt3-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt3-card:hover .gah-cnt3-card__title,
.gah-cnt3-card:focus .gah-cnt3-card__title {
    color: #e11d48;
}

.gah-cnt3 [data-gah-cnt3-card].is-loaded {
    animation: gahCnt3FadeUp .26s ease both;
}

@keyframes gahCnt3FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt3-card,
    .gah-cnt3-card__img,
    .gah-cnt3-card__title,
    .gah-cnt3 [data-gah-cnt3-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt3-card:hover,
    .gah-cnt3-card:focus {
        transform: none;
    }

    .gah-cnt3-card:hover .gah-cnt3-card__img,
    .gah-cnt3-card:focus .gah-cnt3-card__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cnt3__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gah-cnt3-card__title {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .gah-cnt3 {
        padding: 16px;
    }

    .gah-cnt3__header {
        margin-bottom: 14px;
    }

    .gah-cnt3__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt3__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .gah-cnt3-card__body {
        padding: 10px 12px;
    }

    .gah-cnt3-card__title {
        font-size: 13px;
        line-height: 1.32;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 420px) {
    .gah-cnt3 {
        padding: 12px;
    }

    .gah-cnt3__grid {
        gap: 10px;
    }

    .gah-cnt3-card__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 4 SLIDER
   Benzersiz class prefix: gah-cnt4
   ========================================================================== */

.gah-cnt4,
.gah-cnt4 *,
.gah-cnt4 *::before,
.gah-cnt4 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt4 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt4__shell {
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.gah-cnt4__frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 360px;
    background: #0f172a;
    overflow: hidden;
}

.gah-cnt4__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
}

.gah-cnt4__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-cnt4__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-cnt4__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
    transform: scale(1.02);
    transition: transform 3s ease;
}

.gah-cnt4__slide.is-active .gah-cnt4__media {
    transform: scale(1);
}

.gah-cnt4__img,
.gah-cnt4__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.gah-cnt4__noimg {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-cnt4__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .12) 32%,
        rgba(15, 23, 42, .92) 100%
    );
}

.gah-cnt4__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 24px;
}

.gah-cnt4__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: clamp(22px, 3.5vw, 38px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .6);
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-cnt4__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #e2e8f0;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.45;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Masaüstü küçük resimler */

.gah-cnt4__thumbs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    background: #f1f5f9;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

.gah-cnt4__thumb {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid rgba(15, 23, 42, .08);
    background: #f1f5f9;
    cursor: pointer;
    overflow: hidden;
    transition: background .2s ease;
}

.gah-cnt4__thumb:last-child {
    border-right: 0;
}

.gah-cnt4__thumb:hover,
.gah-cnt4__thumb:focus,
.gah-cnt4__thumb.is-active {
    background: #e5e7eb;
    outline: none;
}

.gah-cnt4__thumb.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #e11d48;
    z-index: 2;
}

.gah-cnt4__thumb-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 7;
    background: #cbd5e1;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
    opacity: .82;
    transition: opacity .25s ease;
}

.gah-cnt4__thumb:hover .gah-cnt4__thumb-media,
.gah-cnt4__thumb:focus .gah-cnt4__thumb-media,
.gah-cnt4__thumb.is-active .gah-cnt4__thumb-media {
    opacity: 1;
}

.gah-cnt4__thumb-img,
.gah-cnt4__thumb-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.gah-cnt4__thumb-noimg {
    width: 100%;
    height: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #263449;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

/* Mobil kontrol */

.gah-cnt4__mobilebar {
    display: none;
}

.gah-cnt4__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.gah-cnt4__arrow:hover,
.gah-cnt4__arrow:focus {
    background: #e11d48;
    color: #ffffff;
    outline: none;
}

.gah-cnt4__arrow svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
}

.gah-cnt4__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
}

.gah-cnt4__dot {
    width: 10px;
    height: 10px;
    border: 0;
    padding: 0;
    background: #cbd5e1;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-cnt4__dot:hover,
.gah-cnt4__dot:focus,
.gah-cnt4__dot.is-active {
    background: #e11d48;
    transform: scale(1.2);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .gah-cnt4__slide,
    .gah-cnt4__media,
    .gah-cnt4__thumb,
    .gah-cnt4__thumb-media,
    .gah-cnt4__arrow,
    .gah-cnt4__dot {
        transition: none;
    }
}

@media (max-width: 767px) {
    .gah-cnt4__frame {
        aspect-ratio: 16 / 10;
        min-height: 280px;
    }

    .gah-cnt4__link,
    .gah-cnt4__noimg {
        min-height: 280px;
    }

    .gah-cnt4__content {
        padding: 16px;
        gap: 6px;
    }

    .gah-cnt4__title {
        font-size: clamp(18px, 5vw, 24px);
        -webkit-line-clamp: 3;
    }

    .gah-cnt4__excerpt {
        display: none;
    }

    .gah-cnt4__thumbs {
        display: none;
    }

    .gah-cnt4__mobilebar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        background: #ffffff;
        border-top: 1px solid rgba(15, 23, 42, .08);
    }
}

@media (max-width: 420px) {
    .gah-cnt4__frame {
        min-height: 240px;
    }

    .gah-cnt4__link,
    .gah-cnt4__noimg {
        min-height: 240px;
    }

    .gah-cnt4__content {
        padding: 14px;
    }
}
/* ==========================================================================
   MY HABER - İÇERİK BLOK 5
   Benzersiz class prefix: gah-cnt5
   ========================================================================== */

.gah-cnt5,
.gah-cnt5 *,
.gah-cnt5 *::before,
.gah-cnt5 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt5 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt5__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt5__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt5__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: var(--gap-size, 20px);
    align-items: start;
    width: 100%;
    min-width: 0;
}

.gah-cnt5__left,
.gah-cnt5__right {
    min-width: 0;
}

.gah-cnt5__left {
    display: flex;
    flex-direction: column;
    gap: var(--gap-size, 20px);
}

.gah-cnt5__right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Sol büyük haberler */

.gah-cnt5-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: 260px;
    background: #111827;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
    overflow: hidden;
    transition: transform .28s ease, box-shadow .28s ease;
}

.gah-cnt5-hero:hover,
.gah-cnt5-hero:focus {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
    outline: none;
}

.gah-cnt5-hero__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #111827;
    overflow: hidden;
}

.gah-cnt5-hero__img,
.gah-cnt5-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .4s ease;
}

.gah-cnt5-hero:hover .gah-cnt5-hero__img,
.gah-cnt5-hero:focus .gah-cnt5-hero__img {
    transform: scale(1.04);
}

.gah-cnt5-hero__noimg {
    width: 100%;
    height: 100%;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-cnt5-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .12) 32%,
        rgba(15, 23, 42, .88) 100%
    );
}

.gah-cnt5-hero__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
}

.gah-cnt5-hero__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: clamp(22px, 2.5vw, 32px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .6);
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-cnt5-hero__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #e2e8f0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Sağ liste haberleri */

.gah-cnt5-list {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
    padding: 10px;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 4px 10px rgba(15, 23, 42, .03);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gah-cnt5-list:hover,
.gah-cnt5-list:focus {
    transform: translateX(4px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    border-color: rgba(225, 29, 72, .2);
    outline: none;
}

.gah-cnt5-list__media {
    position: relative;
    width: 110px;
    min-width: 110px;
    aspect-ratio: 16 / 10;
    display: block;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt5-list__img,
.gah-cnt5-list__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .3s ease;
}

.gah-cnt5-list:hover .gah-cnt5-list__img,
.gah-cnt5-list:focus .gah-cnt5-list__img {
    transform: scale(1.05);
}

.gah-cnt5-list__noimg {
    width: 100%;
    height: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #263449;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.gah-cnt5-list__title {
    display: -webkit-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt5-list:hover .gah-cnt5-list__title,
.gah-cnt5-list:focus .gah-cnt5-list__title {
    color: #e11d48;
}

.gah-cnt5 [data-gah-cnt5-card].is-loaded {
    animation: gahCnt5FadeUp .26s ease both;
}

@keyframes gahCnt5FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt5-hero,
    .gah-cnt5-hero__img,
    .gah-cnt5-list,
    .gah-cnt5-list__img,
    .gah-cnt5-list__title,
    .gah-cnt5 [data-gah-cnt5-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt5-hero:hover,
    .gah-cnt5-hero:focus,
    .gah-cnt5-list:hover,
    .gah-cnt5-list:focus {
        transform: none;
    }

    .gah-cnt5-hero:hover .gah-cnt5-hero__img,
    .gah-cnt5-hero:focus .gah-cnt5-hero__img,
    .gah-cnt5-list:hover .gah-cnt5-list__img,
    .gah-cnt5-list:focus .gah-cnt5-list__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cnt5__layout {
        grid-template-columns: 1fr 1fr;
    }

    .gah-cnt5-hero {
        min-height: 220px;
    }

    .gah-cnt5-list__media {
        width: 90px;
        min-width: 90px;
    }

    .gah-cnt5-list__title {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .gah-cnt5 {
        padding: 16px;
    }

    .gah-cnt5__header {
        margin-bottom: 14px;
    }

    .gah-cnt5__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt5__layout {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gah-cnt5__left {
        gap: 12px;
    }

    .gah-cnt5-hero {
        min-height: 200px;
    }

    .gah-cnt5-hero__body {
        padding: 16px;
    }

    .gah-cnt5-hero__title {
        font-size: 20px;
        -webkit-line-clamp: 3;
    }

    .gah-cnt5-hero__excerpt {
        display: none;
    }

    .gah-cnt5__right {
        gap: 10px;
    }

    .gah-cnt5-list {
        padding: 8px;
        gap: 12px;
    }

    .gah-cnt5-list:hover,
    .gah-cnt5-list:focus {
        transform: none;
    }

    .gah-cnt5-list__media {
        width: 100px;
        min-width: 100px;
    }

    .gah-cnt5-list__title {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 420px) {
    .gah-cnt5 {
        padding: 12px;
    }

    .gah-cnt5-list__media {
        width: 92px;
        min-width: 92px;
    }

    .gah-cnt5-list__title {
        font-size: 14px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 6
   Benzersiz class prefix: gah-cnt6
   ========================================================================== */

.gah-cnt6,
.gah-cnt6 *,
.gah-cnt6 *::before,
.gah-cnt6 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt6 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt6__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt6__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt6__top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    margin-bottom: var(--gap-size, 20px);
    width: 100%;
    min-width: 0;
}

.gah-cnt6__bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
    min-width: 0;
}

.gah-cnt6__item {
    min-width: 0;
}

/* Ortak kart yapısı */

.gah-cnt6-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-cnt6-card:hover,
.gah-cnt6-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    outline: none;
}

.gah-cnt6-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt6-card__img,
.gah-cnt6-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .38s ease;
}

.gah-cnt6-card:hover .gah-cnt6-card__img,
.gah-cnt6-card:focus .gah-cnt6-card__img {
    transform: scale(1.05);
}

.gah-cnt6-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-cnt6-card__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    background: #ffffff;
}

.gah-cnt6-card--featured .gah-cnt6-card__body {
    padding: 16px;
    min-height: 150px;
}

.gah-cnt6-card--standard .gah-cnt6-card__body {
    padding: 12px 14px;
    min-height: 82px;
}

.gah-cnt6-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt6-card--featured .gah-cnt6-card__title {
    margin-bottom: 10px;
    font-size: 22px;
    -webkit-line-clamp: 3;
}

.gah-cnt6-card--standard .gah-cnt6-card__title {
    font-size: 16px;
    -webkit-line-clamp: 3;
}

.gah-cnt6-card:hover .gah-cnt6-card__title,
.gah-cnt6-card:focus .gah-cnt6-card__title {
    color: #e11d48;
}

.gah-cnt6-card__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.gah-cnt6 [data-gah-cnt6-card].is-loaded {
    animation: gahCnt6FadeUp .26s ease both;
}

@keyframes gahCnt6FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt6-card,
    .gah-cnt6-card__img,
    .gah-cnt6-card__title,
    .gah-cnt6 [data-gah-cnt6-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt6-card:hover,
    .gah-cnt6-card:focus {
        transform: none;
    }

    .gah-cnt6-card:hover .gah-cnt6-card__img,
    .gah-cnt6-card:focus .gah-cnt6-card__img {
        transform: none;
    }
}

@media (max-width: 991px) {
    .gah-cnt6__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gah-cnt6-card--featured .gah-cnt6-card__title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .gah-cnt6 {
        padding: 16px;
    }

    .gah-cnt6__header {
        margin-bottom: 14px;
    }

    .gah-cnt6__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt6__top {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 16px;
    }

    .gah-cnt6__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .gah-cnt6__bottom > .gah-cnt6__item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .gah-cnt6-card--featured .gah-cnt6-card__body {
        padding: 12px;
        min-height: auto;
    }

    .gah-cnt6-card--featured .gah-cnt6-card__title {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .gah-cnt6-card--standard .gah-cnt6-card__body {
        padding: 10px 12px;
        min-height: 70px;
    }

    .gah-cnt6-card--standard .gah-cnt6-card__title {
        font-size: 13px;
        -webkit-line-clamp: 4;
    }

    .gah-cnt6-card__excerpt {
        display: none;
    }
}

@media (max-width: 420px) {
    .gah-cnt6 {
        padding: 12px;
    }

    .gah-cnt6__bottom {
        gap: 10px;
    }

    .gah-cnt6-card--standard .gah-cnt6-card__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - İÇERİK BLOK 7
   Benzersiz class prefix: gah-cnt7
   ========================================================================== */

.gah-cnt7,
.gah-cnt7 *,
.gah-cnt7 *::before,
.gah-cnt7 *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-cnt7 {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-cnt7__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #111827;
    max-width: 100%;
    min-width: 0;
}

.gah-cnt7__heading {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 16px;
    background: #f1c40f;
    color: #111827;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-cnt7__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-size, 20px);
    width: 100%;
    min-width: 0;
}

.gah-cnt7__item {
    min-width: 0;
}

/* Haber kartı */

.gah-cnt7-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .08);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

.gah-cnt7-card:hover,
.gah-cnt7-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    outline: none;
}

.gah-cnt7-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-cnt7-card__img,
.gah-cnt7-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .38s ease;
}

.gah-cnt7-card:hover .gah-cnt7-card__img,
.gah-cnt7-card:focus .gah-cnt7-card__img {
    transform: scale(1.05);
}

.gah-cnt7-card__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-cnt7-card__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 16px;
    background: #ffffff;
}

.gah-cnt7-card__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.02em;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}

.gah-cnt7-card:hover .gah-cnt7-card__title,
.gah-cnt7-card:focus .gah-cnt7-card__title {
    color: #e11d48;
}

.gah-cnt7-card__excerpt {
    display: -webkit-box;
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-cnt7 [data-gah-cnt7-card].is-loaded {
    animation: gahCnt7FadeUp .26s ease both;
}

@keyframes gahCnt7FadeUp {
    from {
        opacity: .65;
        transform: translateY(8px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-cnt7-card,
    .gah-cnt7-card__img,
    .gah-cnt7-card__title,
    .gah-cnt7 [data-gah-cnt7-card].is-loaded {
        transition: none;
        animation: none;
    }

    .gah-cnt7-card:hover,
    .gah-cnt7-card:focus {
        transform: none;
    }

    .gah-cnt7-card:hover .gah-cnt7-card__img,
    .gah-cnt7-card:focus .gah-cnt7-card__img {
        transform: none;
    }
}

@media (max-width: 1100px) {
    .gah-cnt7__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gah-cnt7 {
        padding: 16px;
    }

    .gah-cnt7__header {
        margin-bottom: 14px;
    }

    .gah-cnt7__heading {
        min-height: 34px;
        padding: 0 12px;
        font-size: 14px;
    }

    .gah-cnt7__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gah-cnt7-card__body {
        padding: 14px;
    }

    .gah-cnt7-card__title {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .gah-cnt7-card__excerpt {
        font-size: 13px;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 420px) {
    .gah-cnt7 {
        padding: 12px;
    }

    .gah-cnt7-card__body {
        padding: 12px;
    }

    .gah-cnt7-card__title {
        font-size: 15px;
    }
}

/* ==========================================================================
   MY HABER - SPOR MANŞET SLIDER
   Benzersiz class prefix: gah-spsl
   ========================================================================== */

.gah-spsl,
.gah-spsl *,
.gah-spsl *::before,
.gah-spsl *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-spsl {
    --gah-spsl-green: #22c55e;
    --gah-spsl-green-dark: #15803d;

    width: 100%;
    max-width: 100%;
    margin-bottom: var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    color: #ffffff;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

/* Üst büyük görsel */

.gah-spsl__hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 8;
    min-height: 380px;
    background: #0f172a;
    overflow: hidden;
}

.gah-spsl__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .45s ease, visibility .45s ease;
}

.gah-spsl__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-spsl__link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: 380px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.gah-spsl__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #0f172a;
    overflow: hidden;
    transform: scale(1.02);
    transition: transform 4s ease-out;
}

.gah-spsl__slide.is-active .gah-spsl__media {
    transform: scale(1);
}

.gah-spsl__img,
.gah-spsl__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.gah-spsl__noimg {
    width: 100%;
    height: 100%;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.gah-spsl__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(21, 128, 61, .95) 0%,
        rgba(34, 197, 94, .72) 35%,
        rgba(15, 23, 42, .12) 62%,
        rgba(15, 23, 42, 0) 100%
    );
}

.gah-spsl__content {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 30px 40px;
}

.gah-spsl__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: clamp(26px, 3.5vw, 42px);
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .4);
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-spsl__excerpt {
    display: -webkit-box;
    margin: 0;
    color: rgba(255, 255, 255, .95);
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.5;
    font-weight: 500;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Masaüstü alt liste */

.gah-spsl__nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    background: var(--gah-spsl-green);
}

.gah-spsl__nav-item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    min-height: 128px;
    padding: 16px 20px;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .22);
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    transition: background .25s ease;
}

.gah-spsl__nav-item:last-child {
    border-right: 0;
}

.gah-spsl__nav-item:hover,
.gah-spsl__nav-item:focus,
.gah-spsl__nav-item.is-active {
    background: var(--gah-spsl-green-dark);
    outline: none;
}

.gah-spsl__nav-num {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .25);
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    border-radius: 50% !important;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

.gah-spsl__nav-item.is-active .gah-spsl__nav-num {
    background: #ffffff;
    color: var(--gah-spsl-green-dark);
    transform: scale(1.1);
}

.gah-spsl__nav-title {
    display: -webkit-box;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
    opacity: .9;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gah-spsl__nav-item.is-active .gah-spsl__nav-title,
.gah-spsl__nav-item:hover .gah-spsl__nav-title,
.gah-spsl__nav-item:focus .gah-spsl__nav-title {
    opacity: 1;
}

/* Mobil kontrol barı */

.gah-spsl__mobilebar {
    display: none;
}

.gah-spsl__arrow {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(34, 197, 94, .3);
    background: #ffffff;
    color: var(--gah-spsl-green-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.gah-spsl__arrow:hover,
.gah-spsl__arrow:focus {
    background: var(--gah-spsl-green);
    color: #ffffff;
    outline: none;
}

.gah-spsl__arrow svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
}

.gah-spsl__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
}

.gah-spsl__dot {
    width: 10px;
    height: 10px;
    border: 0;
    padding: 0;
    background: #cbd5e1;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.gah-spsl__dot:hover,
.gah-spsl__dot:focus,
.gah-spsl__dot.is-active {
    background: var(--gah-spsl-green);
    transform: scale(1.25);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .gah-spsl__slide,
    .gah-spsl__media,
    .gah-spsl__nav-item,
    .gah-spsl__nav-num,
    .gah-spsl__arrow,
    .gah-spsl__dot {
        transition: none;
    }
}

@media (max-width: 991px) {
    .gah-spsl__content {
        padding: 24px;
    }

    .gah-spsl__nav-item {
        min-height: 118px;
        padding: 12px 10px;
        gap: 6px;
    }

    .gah-spsl__nav-num {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }

    .gah-spsl__nav-title {
        font-size: 12px;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 767px) {
    .gah-spsl__hero {
        aspect-ratio: 16 / 11;
        min-height: 300px;
    }

    .gah-spsl__link,
    .gah-spsl__noimg {
        min-height: 300px;
    }

    .gah-spsl__content {
        padding: 16px;
        gap: 8px;
    }

    .gah-spsl__title {
        font-size: clamp(20px, 6vw, 26px);
        -webkit-line-clamp: 3;
    }

    .gah-spsl__excerpt {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }

    .gah-spsl__nav {
        display: none;
    }

    .gah-spsl__mobilebar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 56px;
        padding: 10px 12px;
        background: #ffffff;
        border-top: 1px solid rgba(15, 23, 42, .08);
    }
}

@media (max-width: 420px) {
    .gah-spsl__hero {
        min-height: 260px;
    }

    .gah-spsl__link,
    .gah-spsl__noimg {
        min-height: 260px;
    }
}

/* ==========================================================================
   MY HABER - PİYASALAR SOL BLOK MODÜLÜ
   Benzersiz sınıf ön eki: gah-pmbx-
   ========================================================================== */

.gah-pmbx,
.gah-pmbx *,
.gah-pmbx *::before,
.gah-pmbx *::after {
    box-sizing: border-box;
}

.gah-pmbx {
    width: 100%;
    margin: 0 0 22px;
    background: #ffffff;
    border: 1px solid #d7e2ee;
    overflow: hidden;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-pmbx__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 48px;
    padding: 8px 10px;
    border-bottom: 1px solid #d7e2ee;
    background: #ffffff;
}

.gah-pmbx__head-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.gah-pmbx__badge {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0b86de;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    flex-shrink: 0;
}

.gah-pmbx__title {
    margin: 0;
    color: #06182d;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.gah-pmbx__head-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.gah-pmbx__time {
    color: #64748b;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.gah-pmbx__nav {
    width: 32px;
    height: 32px;
    border: 1px solid #d7e2ee;
    background: #ffffff;
    color: #0b1e35;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    transition: all .18s ease;
}

.gah-pmbx__nav:hover,
.gah-pmbx__nav:focus {
    background: #0b86de;
    color: #ffffff;
    border-color: #0b86de;
    outline: none;
}

.gah-pmbx__nav.is-disabled {
    opacity: .35;
    pointer-events: none;
}

.gah-pmbx__scroller {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #0b86de #d9e7f5;
    background: #ffffff;
}

.gah-pmbx__scroller::-webkit-scrollbar {
    height: 7px;
}

.gah-pmbx__scroller::-webkit-scrollbar-track {
    background: #d9e7f5;
}

.gah-pmbx__scroller::-webkit-scrollbar-thumb {
    background: #0b86de;
}

.gah-pmbx__card {
    position: relative;
    flex: 0 0 194px;
    min-width: 194px;
    min-height: 108px;
    padding: 14px 14px 14px 16px;
    border-right: 1px solid #d7e2ee;
    background: #ffffff;
    scroll-snap-align: start;
}

.gah-pmbx__card:last-child {
    border-right: 0;
}

.gah-pmbx__card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 42px;
    width: 6px;
    height: 30px;
    background: #a3b1c2;
}

.gah-pmbx__card[data-state="up"]::before {
    background: #0f9d61;
}

.gah-pmbx__card[data-state="down"]::before {
    background: #e04b4b;
}

.gah-pmbx__card-top {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.gah-pmbx__icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(17, 24, 39, .10);
}

.gah-pmbx__card--purple .gah-pmbx__icon {
    background: #6957e8;
}

.gah-pmbx__card--green .gah-pmbx__icon {
    background: #00b27c;
}

.gah-pmbx__card--blue .gah-pmbx__icon {
    background: #3498f0;
}

.gah-pmbx__card--yellow .gah-pmbx__icon {
    background: #f0ad00;
}

.gah-pmbx__card--orange .gah-pmbx__icon {
    background: #ff9800;
}

.gah-pmbx__card--orange2 .gah-pmbx__icon {
    background: #ff7a1a;
}

.gah-pmbx__meta {
    min-width: 0;
    flex: 1 1 auto;
}

.gah-pmbx__name {
    display: block;
    margin: 0 0 8px;
    color: #0a1f38;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pmbx__price {
    display: block;
    margin: 0 0 5px;
    color: #06182d;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
    white-space: nowrap;
}

.gah-pmbx__change {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
}

.gah-pmbx__card[data-state="up"] .gah-pmbx__change {
    color: #0f9d61;
}

.gah-pmbx__card[data-state="down"] .gah-pmbx__change {
    color: #e04b4b;
}

.gah-pmbx__card[data-state="up"] .gah-pmbx__change::before {
    content: "▲";
    font-size: 10px;
}

.gah-pmbx__card[data-state="down"] .gah-pmbx__change::before {
    content: "▼";
    font-size: 10px;
}

@media (max-width: 991px) {
    .gah-pmbx__title {
        font-size: 15px;
    }

    .gah-pmbx__card {
        flex-basis: 182px;
        min-width: 182px;
    }

    .gah-pmbx__price {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .gah-pmbx {
        margin-bottom: 18px;
    }

    .gah-pmbx__head {
        padding: 8px;
        min-height: 46px;
    }

    .gah-pmbx__badge {
        width: 24px;
        height: 24px;
        font-size: 13px;
    }

    .gah-pmbx__title {
        font-size: 14px;
    }

    .gah-pmbx__time {
        display: none;
    }

    .gah-pmbx__nav {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .gah-pmbx__card {
        flex-basis: 170px;
        min-width: 170px;
        min-height: 102px;
        padding: 12px 12px 12px 14px;
    }

    .gah-pmbx__icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 20px;
    }

    .gah-pmbx__name {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .gah-pmbx__price {
        font-size: 15px;
    }

    .gah-pmbx__change {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .gah-pmbx__card {
        flex-basis: 160px;
        min-width: 160px;
    }
}

/* ==========================================================================
   MY HABER - SOL BLOK VİZYONDAKİLER
   Benzersiz class prefix: gah-vzbx
   ========================================================================== */

.gah-vzbx,
.gah-vzbx *,
.gah-vzbx *::before,
.gah-vzbx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-vzbx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    overflow: hidden;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-vzbx__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #111827;
}

.gah-vzbx__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.gah-vzbx__title-mark {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #f5c517;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    flex-shrink: 0;
}

.gah-vzbx__controls {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.gah-vzbx__arrow {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(15, 23, 42, .16);
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.gah-vzbx__arrow:hover,
.gah-vzbx__arrow:focus {
    background: #111827;
    color: #f5c517;
    border-color: #111827;
    outline: none;
}

.gah-vzbx__arrow.is-disabled {
    opacity: .35;
    pointer-events: none;
}

.gah-vzbx__viewport {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.gah-vzbx__track {
    display: flex;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #111827 #e5e7eb;
    padding: 0 0 8px;
}

.gah-vzbx__track::-webkit-scrollbar {
    height: 7px;
}

.gah-vzbx__track::-webkit-scrollbar-track {
    background: #e5e7eb;
}

.gah-vzbx__track::-webkit-scrollbar-thumb {
    background: #111827;
}

.gah-vzbx__track:focus {
    outline: 2px solid rgba(17, 24, 39, .12);
    outline-offset: 2px;
}

/* Kart */

.gah-vzbx__slide {
    flex: 0 0 calc(33.333% - 10px);
    min-width: 0;
    scroll-snap-align: start;
    display: flex;
}

.gah-vzbx__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .10);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gah-vzbx__card:hover,
.gah-vzbx__card:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    border-color: rgba(17, 24, 39, .28);
    outline: none;
}

.gah-vzbx__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-vzbx__img,
.gah-vzbx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .28s ease, filter .28s ease;
}

.gah-vzbx__card:hover .gah-vzbx__img,
.gah-vzbx__card:focus .gah-vzbx__img {
    transform: scale(1.04);
    filter: contrast(1.04) saturate(1.04);
}

.gah-vzbx__noimg {
    width: 100%;
    height: 100%;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .70);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    letter-spacing: .04em;
}

.gah-vzbx__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 10px 8px 11px;
    background: #ffffff;
    text-align: center;
}

.gah-vzbx__item-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-vzbx__card:hover .gah-vzbx__item-title,
.gah-vzbx__card:focus .gah-vzbx__item-title {
    color: #d71920;
}

.gah-vzbx__slide.is-loaded {
    animation: gahVzbxFadeUp .24s ease both;
}

@keyframes gahVzbxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-vzbx__track {
        scroll-behavior: auto;
    }

    .gah-vzbx__slide,
    .gah-vzbx__card,
    .gah-vzbx__img,
    .gah-vzbx__arrow,
    .gah-vzbx__slide.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-vzbx__card:hover,
    .gah-vzbx__card:focus {
        transform: none;
    }

    .gah-vzbx__card:hover .gah-vzbx__img,
    .gah-vzbx__card:focus .gah-vzbx__img {
        transform: none;
    }
}

/* Dar sol/sağ bloklarda 2'li görünüm */

@media (max-width: 1100px) {
    .gah-vzbx__slide {
        flex-basis: calc(50% - 7px);
    }
}

/* Mobil */

@media (max-width: 767px) {
    .gah-vzbx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-vzbx__head {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-vzbx__title {
        font-size: 15px;
    }

    .gah-vzbx__title-mark {
        width: 25px;
        height: 25px;
        font-size: 11px;
    }

    .gah-vzbx__arrow {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .gah-vzbx__track {
        gap: 12px;
    }

    .gah-vzbx__slide {
        flex-basis: calc(50% - 6px);
    }

    .gah-vzbx__body {
        padding: 9px 7px 10px;
    }

    .gah-vzbx__item-title {
        font-size: 12.5px;
    }
}

@media (max-width: 420px) {
    .gah-vzbx {
        padding: 12px;
    }

    .gah-vzbx__controls {
        display: none;
    }

    .gah-vzbx__title {
        font-size: 14px;
    }

    .gah-vzbx__slide {
        flex-basis: calc(50% - 6px);
    }
}

/* ===========================================================================
   MY HABER - SAĞ BLOK YÜKLEYİCİ
   Düzeltilmiş sürüm
   Sorun: sağ blok masaüstünde kendi içinde scroll açıyordu.
   Çözüm: .gah-sgbx-sidebar içindeki max-height + overflow-y:auto kaldırıldı.
   ========================================================================== */

.gah-sgbx-host,
.gah-sgbx-host *,
.gah-sgbx-host *::before,
.gah-sgbx-host *::after,
.gah-sgbx-sidebar,
.gah-sgbx-sidebar *,
.gah-sgbx-sidebar *::before,
.gah-sgbx-sidebar *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-sgbx-host {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    align-self: start;
}

.gah-sgbx-sidebar {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.gah-sgbx-widget {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.gah-sgbx-widget > * {
    max-width: 100%;
}

.gah-sgbx-widget img,
.gah-sgbx-widget iframe,
.gah-sgbx-widget embed,
.gah-sgbx-widget object,
.gah-sgbx-widget ins {
    max-width: 100% !important;
}

.gah-sgbx-widget iframe,
.gah-sgbx-widget embed,
.gah-sgbx-widget object {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gah-sgbx-widget img {
    height: auto;
}

.gah-sgbx-widget--reklam {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    padding: 16px 0;
    overflow: hidden !important;
}

.gah-sgbx-ad-inner {
    width: 336px;
    max-width: calc(100% - 24px);
    height: auto;
    min-width: 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-align: center;
}

.gah-sgbx-ad-inner > * {
    max-width: 100% !important;
}

.gah-sgbx-ad-inner img,
.gah-sgbx-ad-inner iframe,
.gah-sgbx-ad-inner ins,
.gah-sgbx-ad-inner div {
    max-width: 100% !important;
}

/* Masaüstü: sağ blok sayfayla beraber akar, kendi içinde scroll açmaz. */
@media (min-width: 1025px) {
    .gah-sgbx-host {
        overflow: visible !important;
    }

    .gah-sgbx-sidebar {
        position: sticky;
        top: var(--gah-sgbx-sticky-top, 120px);
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        overscroll-behavior: auto;
        padding-right: 0 !important;
        scrollbar-width: auto;
        scrollbar-color: auto;
    }

    .gah-sgbx-sidebar::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }
}

/* Bu sınıf eski sürümde scroll kontrolü için vardı; artık scroll açmaması gerekir. */
@media (min-width: 1025px) {
    .gah-sgbx-sidebar.is-not-scrollable,
    .gah-sgbx-sidebar.is-scrollable {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        padding-right: 0 !important;
    }
}

/* Tablet ve mobilde sağ blok normal akışa döner. */
@media (max-width: 1024px) {
    .gah-sgbx-sidebar {
        position: static;
        top: auto;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0;
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .gah-sgbx-sidebar {
        gap: 16px;
    }

    .gah-sgbx-widget--reklam {
        padding: 14px 0;
    }

    .gah-sgbx-ad-inner {
        max-width: calc(100% - 20px);
    }
}

/* Eski sağ blok sınıflarının sticky/scroll davranışı bozmasını önler. */
.gah-sgbx-sidebar .gahx-cat-sidebar,
.gah-sgbx-sidebar .gahx-sidebar,
.gah-sgbx-sidebar .sagblok,
.gah-sgbx-sidebar .sagBlok,
.gah-sgbx-sidebar .right-sidebar,
.gah-sgbx-sidebar .sidebar {
    position: static !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
}

.gah-sgbx-sidebar .gahx-sidebar-widget,
.gah-sgbx-sidebar .sidebar-widget,
.gah-sgbx-sidebar .widget {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Haber detay şablonundaki aside dışarıdan overflow verirse onu da kırar. */
.gahx-single__aside,
.gahx-single__aside .gah-sgbx-host,
.gahx-single__aside .gah-sgbx-sidebar {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
}


/* ==========================================================================
   MY HABER - SAĞ BLOK ANKET MODÜLÜ
   Benzersiz class prefix: gah-pollx
   ========================================================================== */

.gah-pollx,
.gah-pollx *,
.gah-pollx *::before,
.gah-pollx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-pollx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-pollx__header {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #111827;
}

.gah-pollx__title {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 0 16px;
    background: #ffde58;
    color: #111827;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.gah-pollx__content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.gah-pollx__empty {
    padding: 14px;
    background: #fff7ed;
    border-left: 5px solid #f97316;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

/* WP-Polls genel alan */

.gah-pollx .wp-polls {
    width: 100% !important;
    max-width: 100% !important;
    color: #374151;
    font-size: 14px;
    line-height: 1.5;
}

.gah-pollx .wp-polls p {
    margin: 0 0 12px !important;
}

.gah-pollx .wp-polls p:first-of-type {
    color: #111827;
    font-size: 15px !important;
    line-height: 1.45;
    font-weight: 900;
    text-align: center;
}

/* Seçenek listesi */

.gah-pollx .wp-polls-ul {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column;
    gap: 7px;
    list-style: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}

.gah-pollx .wp-polls-ul li {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 11px 13px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, .08);
    color: #1f2937;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.gah-pollx .wp-polls-ul li:nth-child(even) {
    background: #ffffff !important;
}

.gah-pollx .wp-polls-ul li:hover,
.gah-pollx .wp-polls-ul li.is-checked {
    background: #f1f5f9 !important;
    border-color: rgba(17, 24, 39, .20);
    box-shadow: inset 4px 0 0 #ffde58;
}

.gah-pollx .wp-polls-ul input[type="radio"],
.gah-pollx .wp-polls-ul input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #111827;
}

.gah-pollx .wp-polls-ul label {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    color: #1f2937;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    overflow-wrap: anywhere;
}

/* Oy ver / sonuç bağlantıları */

.gah-pollx .wp-polls-ans {
    width: 100%;
    max-width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 10px;
}

.gah-pollx input.Buttons,
.gah-pollx input[type="button"].Buttons,
.gah-pollx input[type="submit"].Buttons {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 18px !important;
    background: #111827 !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    cursor: pointer !important;
    transition: background .18s ease, opacity .18s ease;
}

.gah-pollx input.Buttons:hover,
.gah-pollx input.Buttons:focus {
    background: #d71920 !important;
    outline: none !important;
}

.gah-pollx input.Buttons:disabled {
    opacity: .65;
    cursor: not-allowed !important;
}

.gah-pollx .wp-polls-ans a {
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 14px !important;
    background: #009d91 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    transition: background .18s ease;
}

.gah-pollx .wp-polls-ans a:hover,
.gah-pollx .wp-polls-ans a:focus {
    background: #007d73 !important;
    outline: none !important;
}

/* Sonuç ekranı */

.gah-pollx .wp-polls-ul small,
.gah-pollx .wp-polls-ul strong {
    display: inline-block;
    max-width: 100%;
    color: #111827;
    font-weight: 900;
}

.gah-pollx .wp-polls-ul .pollbar,
.gah-pollx .pollbar {
    height: 10px !important;
    margin: 7px 0 0 !important;
    background: #111827 !important;
    border: 0 !important;
    overflow: hidden;
}

.gah-pollx .wp-polls-ul li:nth-child(odd) .pollbar,
.gah-pollx .wp-polls-ul li:nth-child(odd) .pollbar[style] {
    background: #d71920 !important;
}

.gah-pollx .wp-polls-ul li:nth-child(even) .pollbar,
.gah-pollx .wp-polls-ul li:nth-child(even) .pollbar[style] {
    background: #009d91 !important;
}

.gah-pollx .wp-polls-loading {
    display: block;
    margin: 10px auto !important;
}

/* WP-Polls mesajları */

.gah-pollx .wp-polls .wp-polls-error,
.gah-pollx .wp-polls .wp-polls-msg {
    width: 100%;
    padding: 10px 12px;
    background: #fff7ed;
    color: #9a3412;
    border-left: 5px solid #f97316;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 800;
}

/* JS yükleme efekti */

.gah-pollx.is-ready {
    animation: gahPollxFade .22s ease both;
}

@keyframes gahPollxFade {
    from {
        opacity: .65;
        transform: translateY(6px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-pollx,
    .gah-pollx *,
    .gah-pollx.is-ready {
        transition: none !important;
        animation: none !important;
    }
}

/* Mobil */

@media (max-width: 767px) {
    .gah-pollx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-pollx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-pollx__title {
        min-height: 34px;
        padding: 0 14px;
        font-size: 14px;
    }

    .gah-pollx .wp-polls p:first-of-type {
        font-size: 14px !important;
    }

    .gah-pollx .wp-polls-ul li {
        padding: 10px 11px !important;
    }

    .gah-pollx .wp-polls-ans {
        flex-direction: column;
        align-items: stretch !important;
    }

    .gah-pollx input.Buttons,
    .gah-pollx input[type="button"].Buttons,
    .gah-pollx input[type="submit"].Buttons,
    .gah-pollx .wp-polls-ans a {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   MY HABER - GÜNLÜK HABER AKIŞI BLOK MODÜLÜ
   Benzersiz class prefix: gah-gakx
   ========================================================================== */

.gah-gakx,
.gah-gakx *,
.gah-gakx *::before,
.gah-gakx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-gakx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-gakx__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #111827;
}

.gah-gakx__title {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.gah-gakx__controls {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.gah-gakx__arrow {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(15, 23, 42, .16);
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.gah-gakx__arrow:hover,
.gah-gakx__arrow:focus {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
    outline: none;
}

.gah-gakx__arrow.is-disabled {
    opacity: .35;
    pointer-events: none;
}

.gah-gakx__viewport {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.gah-gakx__track {
    display: flex;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #111827 #e5e7eb;
    padding: 0 0 8px;
}

.gah-gakx__track::-webkit-scrollbar {
    height: 7px;
}

.gah-gakx__track::-webkit-scrollbar-track {
    background: #e5e7eb;
}

.gah-gakx__track::-webkit-scrollbar-thumb {
    background: #111827;
}

.gah-gakx__track:focus {
    outline: 2px solid rgba(17, 24, 39, .12);
    outline-offset: 2px;
}

/* Kart */

.gah-gakx__slide {
    flex: 0 0 100%;
    min-width: 0;
    display: flex;
    scroll-snap-align: start;
}

.gah-gakx__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .10);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gah-gakx__card:hover,
.gah-gakx__card:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    border-color: rgba(17, 24, 39, .28);
    outline: none;
}

.gah-gakx__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-gakx__img,
.gah-gakx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .34s ease, filter .34s ease;
}

.gah-gakx__card:hover .gah-gakx__img,
.gah-gakx__card:focus .gah-gakx__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-gakx__noimg {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    letter-spacing: .04em;
}

.gah-gakx__body {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
    background: #ffffff;
}

.gah-gakx__item-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-gakx__card:hover .gah-gakx__item-title,
.gah-gakx__card:focus .gah-gakx__item-title {
    color: #d71920;
}

.gah-gakx__slide.is-loaded {
    animation: gahGakxFadeUp .24s ease both;
}

@keyframes gahGakxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-gakx__track {
        scroll-behavior: auto;
    }

    .gah-gakx__slide,
    .gah-gakx__card,
    .gah-gakx__img,
    .gah-gakx__arrow,
    .gah-gakx__slide.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-gakx__card:hover,
    .gah-gakx__card:focus {
        transform: none;
    }

    .gah-gakx__card:hover .gah-gakx__img,
    .gah-gakx__card:focus .gah-gakx__img {
        transform: none;
    }
}

/* Sol blok geniş kullanımda 2'li görünüm */

@media (min-width: 768px) {
    .gah-gakx.gah-gakx--wide .gah-gakx__slide {
        flex-basis: calc(50% - 7px);
    }
}

/* Mobil */

@media (max-width: 767px) {
    .gah-gakx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-gakx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-gakx__title {
        min-height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .gah-gakx__arrow {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .gah-gakx__track {
        gap: 12px;
    }

    .gah-gakx__body {
        padding: 12px 13px;
    }

    .gah-gakx__item-title {
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    .gah-gakx {
        padding: 12px;
    }

    .gah-gakx__controls {
        display: none;
    }

    .gah-gakx__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK HAVA DURUMU WIDGET
   Benzersiz class prefix: gah-wthx
   ========================================================================== */

.gah-wthx,
.gah-wthx *,
.gah-wthx *::before,
.gah-wthx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-wthx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid rgba(14, 165, 233, .22);
    box-shadow: 0 12px 28px rgba(14, 165, 233, .10);
    overflow: hidden;
    color: #0f172a;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-wthx__header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
    color: #ffffff;
}

.gah-wthx__iconbox {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .26);
    font-size: 24px;
}

.gah-wthx__header-main {
    min-width: 0;
    flex: 1 1 auto;
}

.gah-wthx__label {
    margin: 0;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .06em;
    opacity: .9;
    text-transform: uppercase;
}

.gah-wthx__select-wrap {
    position: relative;
    margin-top: 5px;
}

.gah-wthx__select {
    width: 100%;
    min-height: 36px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .30);
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    padding: 0 34px 0 10px;
    outline: none;
    cursor: pointer;
}

.gah-wthx__select option {
    color: #0f172a;
    background: #ffffff;
}

.gah-wthx__select-wrap::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff;
    pointer-events: none;
}

.gah-wthx__body {
    position: relative;
    padding: 18px;
    background: linear-gradient(180deg, #eff9ff 0%, #ffffff 70%);
}

.gah-wthx__body.is-loading::after {
    content: "Yükleniyor...";
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(239, 249, 255, .88);
    color: #0284c7;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-wthx__error {
    padding: 14px;
    background: #fff3f3;
    border: 1px solid #ffcaca;
    color: #a40000;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.gah-wthx__primary {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(14, 165, 233, .18);
}

.gah-wthx__bigicon {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #d8eefb;
    box-shadow: 0 10px 22px rgba(14, 165, 233, .12);
    font-size: 42px;
}

.gah-wthx__current-temp {
    color: #0f172a;
    font-size: 42px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.04em;
}

.gah-wthx__desc {
    margin-top: 5px;
    color: #0284c7;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 900;
    text-transform: capitalize;
}

.gah-wthx__citynote {
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.gah-wthx__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.gah-wthx__detail {
    min-width: 0;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d8eefb;
}

.gah-wthx__detail span {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-wthx__detail strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.gah-wthx__forecast {
    margin-top: 15px;
    border: 1px solid #d8eefb;
    background: #ffffff;
    overflow: hidden;
}

.gah-wthx__forecast-title {
    padding: 10px 12px;
    background: #e5f6ff;
    color: #0f172a;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    border-bottom: 1px solid #d8eefb;
}

.gah-wthx__forecast-list {
    display: grid;
    grid-template-columns: 1fr;
}

.gah-wthx__forecast-item {
    display: grid;
    grid-template-columns: 54px 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-bottom: 1px solid #edf7fc;
}

.gah-wthx__forecast-item:last-child {
    border-bottom: 0;
}

.gah-wthx__forecast-date {
    color: #0f172a;
    font-size: 12px;
    font-weight: 950;
}

.gah-wthx__forecast-icon {
    font-size: 20px;
    text-align: center;
}

.gah-wthx__forecast-desc {
    min-width: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.gah-wthx__forecast-temp {
    color: #0f172a;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.gah-wthx__stale {
    margin-top: 12px;
    padding: 8px 10px;
    background: #fff8db;
    border: 1px solid #ffe59a;
    color: #765500;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .gah-wthx {
        margin-bottom: 16px;
    }

    .gah-wthx__header {
        padding: 12px 14px;
    }

    .gah-wthx__body {
        padding: 15px;
    }

    .gah-wthx__primary {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 12px;
    }

    .gah-wthx__bigicon {
        width: 68px;
        height: 68px;
        font-size: 34px;
    }

    .gah-wthx__current-temp {
        font-size: 34px;
    }

    .gah-wthx__details {
        grid-template-columns: 1fr;
    }

    .gah-wthx__forecast-item {
        grid-template-columns: 48px 28px minmax(0, 1fr);
    }

    .gah-wthx__forecast-temp {
        grid-column: 3;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK KATEGORİ HABERLERİ
   Benzersiz class prefix: gah-scatx
   ========================================================================== */

.gah-scatx,
.gah-scatx *,
.gah-scatx *::before,
.gah-scatx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-scatx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-scatx__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 9px;
    border-bottom: 2px solid #111827;
}

.gah-scatx__heading {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-scatx__list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    width: 100%;
    min-width: 0;
}

.gah-scatx__item {
    width: 100%;
    min-width: 0;
}

.gah-scatx__card {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .06);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gah-scatx__card:hover,
.gah-scatx__card:focus {
    background: #ffffff;
    border-color: rgba(15, 23, 42, .16);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .07);
    transform: translateX(4px);
    outline: none;
}

.gah-scatx__media {
    position: relative;
    display: block;
    width: 100px;
    min-width: 100px;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-scatx__img,
.gah-scatx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .28s ease, filter .28s ease;
}

.gah-scatx__card:hover .gah-scatx__img,
.gah-scatx__card:focus .gah-scatx__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-scatx__noimg {
    width: 100%;
    height: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
}

.gah-scatx__title {
    display: -webkit-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-scatx__card:hover .gah-scatx__title,
.gah-scatx__card:focus .gah-scatx__title {
    color: #d71920;
}

.gah-scatx__item.is-loaded {
    animation: gahScatxFadeUp .24s ease both;
}

@keyframes gahScatxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-scatx__item,
    .gah-scatx__card,
    .gah-scatx__img,
    .gah-scatx__item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-scatx__card:hover,
    .gah-scatx__card:focus {
        transform: none;
    }

    .gah-scatx__card:hover .gah-scatx__img,
    .gah-scatx__card:focus .gah-scatx__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-scatx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-scatx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-scatx__heading {
        min-height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .gah-scatx__list {
        gap: 10px;
    }

    .gah-scatx__card {
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 10px;
        padding: 7px;
    }

    .gah-scatx__card:hover,
    .gah-scatx__card:focus {
        transform: none;
    }

    .gah-scatx__media {
        width: 90px;
        min-width: 90px;
    }

    .gah-scatx__title {
        font-size: 13px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .gah-scatx {
        padding: 12px;
    }

    .gah-scatx__card {
        grid-template-columns: 86px minmax(0, 1fr);
    }

    .gah-scatx__media {
        width: 86px;
        min-width: 86px;
    }

    .gah-scatx__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - REKLAM / ADSENSE ALANLARI
   Benzersiz class prefix: gah-adx
   ========================================================================== */

.gah-adx,
.gah-adx *,
.gah-adx *::before,
.gah-adx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-adx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 12px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
    overflow: hidden;
    text-align: center;
}

.gah-adx__inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.gah-adx img,
.gah-adx iframe,
.gah-adx ins,
.gah-adx div {
    max-width: 100% !important;
}

.gah-adx img,
.gah-adx iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gah-adx ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-width: 250px;
    min-height: 90px;
    margin: 0 auto !important;
}

/* Ana içerik içindeki yatay reklamlar */

.gah-index-main .gah-adx,
.gah-index-hero .gah-adx,
.gah-index-features .gah-adx,
.gah-index-bottom .gah-adx {
    min-height: 110px;
}

.gah-index-main .gah-adx ins.adsbygoogle,
.gah-index-hero .gah-adx ins.adsbygoogle,
.gah-index-features .gah-adx ins.adsbygoogle,
.gah-index-bottom .gah-adx ins.adsbygoogle {
    min-height: 90px;
}

/* Sağ blok reklamları */

.gah-index-sidebar .gah-adx {
    padding: 12px;
    min-height: 280px;
}

.gah-index-sidebar .gah-adx ins.adsbygoogle {
    min-height: 250px;
}

/* AdSense yüklenene kadar alan çökmesin */

.gah-adx--adsense.is-waiting {
    position: relative;
}

.gah-adx--adsense.is-waiting::before {
    content: "Reklam alanı";
    position: absolute;
    left: 12px;
    top: 8px;
    z-index: 1;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    pointer-events: none;
}

.gah-adx--adsense.is-pushed::before {
    display: none;
}

@media (max-width: 767px) {
    .gah-adx {
        padding: 10px;
        margin-bottom: 16px;
    }

    .gah-adx ins.adsbygoogle {
        min-width: 220px;
        min-height: 100px;
    }

    .gah-index-sidebar .gah-adx {
        min-height: 220px;
    }

    .gah-index-sidebar .gah-adx ins.adsbygoogle {
        min-height: 200px;
    }
}

/* ========================================================================== 
   MY HABER - SAĞ BLOK KATEGORİ 2 MANŞET SLIDER
   Benzersiz class prefix: gah-kat2x
   ========================================================================== */

.gah-kat2x,
.gah-kat2x *,
.gah-kat2x *::before,
.gah-kat2x *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-kat2x {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    position: relative;
    overflow: hidden;
    color: #ffffff;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-kat2x__carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #0f172a;
}

.gah-kat2x__track {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.gah-kat2x__track::-webkit-scrollbar {
    display: none;
}

.gah-kat2x__track:focus {
    outline: 2px solid rgba(225, 29, 72, .28);
    outline-offset: -2px;
}

.gah-kat2x__slide {
    flex: 0 0 100%;
    min-width: 0;
    position: relative;
    scroll-snap-align: start;
}

.gah-kat2x__link {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    min-height: 210px;
    text-decoration: none;
    overflow: hidden;
    background: #0f172a;
    color: #ffffff;
}

.gah-kat2x__media {
    position: absolute;
    inset: 0;
    display: block;
    background: #0f172a;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-kat2x__img,
.gah-kat2x__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .58s ease, filter .58s ease;
}

.gah-kat2x__link:hover .gah-kat2x__img,
.gah-kat2x__link:focus .gah-kat2x__img {
    transform: scale(1.055);
    filter: saturate(1.06) contrast(1.04);
}

.gah-kat2x__noimg {
    width: 100%;
    height: 100%;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
}

.gah-kat2x__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(15, 23, 42, .92) 0%,
        rgba(15, 23, 42, .48) 46%,
        rgba(15, 23, 42, .08) 75%,
        rgba(15, 23, 42, 0) 100%
    );
    z-index: 1;
}

.gah-kat2x__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 18px;
}

.gah-kat2x__cat {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    margin-bottom: 8px;
    padding: 0 8px;
    background: #e11d48;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gah-kat2x__title {
    display: -webkit-box;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.32;
    font-weight: 900;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-kat2x__arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 34px;
    height: 38px;
    transform: translateY(-50%);
    border: 0;
    background: rgba(255, 255, 255, .92);
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: background .18s ease, color .18s ease, opacity .18s ease;
}

.gah-kat2x:hover .gah-kat2x__arrow,
.gah-kat2x:focus-within .gah-kat2x__arrow {
    opacity: 1;
}

.gah-kat2x__arrow--prev {
    left: 0;
}

.gah-kat2x__arrow--next {
    right: 0;
}

.gah-kat2x__arrow:hover,
.gah-kat2x__arrow:focus {
    background: #ffffff;
    color: #e11d48;
    outline: none;
}

.gah-kat2x__arrow svg {
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor;
}

.gah-kat2x__dots {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 5px;
}

.gah-kat2x__dot {
    width: 7px;
    height: 7px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(255, 255, 255, .45);
    cursor: pointer;
    transition: width .18s ease, background .18s ease;
}

.gah-kat2x__dot:hover,
.gah-kat2x__dot:focus,
.gah-kat2x__dot.is-active {
    width: 20px;
    background: #ffffff;
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .gah-kat2x__track {
        scroll-behavior: auto;
    }

    .gah-kat2x__img,
    .gah-kat2x__arrow,
    .gah-kat2x__dot {
        transition: none;
    }

    .gah-kat2x__link:hover .gah-kat2x__img,
    .gah-kat2x__link:focus .gah-kat2x__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-kat2x {
        margin-bottom: 16px;
    }

    .gah-kat2x__link {
        min-height: 215px;
        aspect-ratio: 16 / 11;
    }

    .gah-kat2x__arrow {
        width: 40px;
        height: 42px;
        opacity: 1;
    }

    .gah-kat2x__content {
        padding: 15px;
    }

    .gah-kat2x__title {
        font-size: 16px;
        line-height: 1.3;
        -webkit-line-clamp: 3;
    }

    .gah-kat2x__cat {
        min-height: 22px;
        font-size: 10.5px;
    }
}

@media (max-width: 420px) {
    .gah-kat2x__link {
        min-height: 200px;
    }

    .gah-kat2x__dots {
        top: 10px;
        right: 10px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK KATEGORİ 3 / SIRALI HABER LİSTESİ
   Benzersiz class prefix: gah-kat3x
   ========================================================================== */

.gah-kat3x,
.gah-kat3x *,
.gah-kat3x *::before,
.gah-kat3x *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-kat3x {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-kat3x__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 9px;
    border-bottom: 2px solid #111827;
}

.gah-kat3x__heading {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-kat3x__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.gah-kat3x__item {
    width: 100%;
    min-width: 0;
}

.gah-kat3x__card {
    display: grid;
    grid-template-columns: 34px 86px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 9px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .06);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gah-kat3x__card:hover,
.gah-kat3x__card:focus {
    background: #ffffff;
    border-color: rgba(15, 23, 42, .16);
    box-shadow: 0 9px 20px rgba(15, 23, 42, .07);
    transform: translateX(4px);
    outline: none;
}

.gah-kat3x__number {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 950;
    transition: background .18s ease, color .18s ease;
}

.gah-kat3x__card:hover .gah-kat3x__number,
.gah-kat3x__card:focus .gah-kat3x__number {
    background: #d71920;
    color: #ffffff;
}

.gah-kat3x__media {
    position: relative;
    display: block;
    width: 86px;
    min-width: 86px;
    aspect-ratio: 1 / 1;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-kat3x__img,
.gah-kat3x__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .28s ease, filter .28s ease;
}

.gah-kat3x__card:hover .gah-kat3x__img,
.gah-kat3x__card:focus .gah-kat3x__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-kat3x__noimg {
    width: 100%;
    height: 100%;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
}

.gah-kat3x__title {
    display: -webkit-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-kat3x__card:hover .gah-kat3x__title,
.gah-kat3x__card:focus .gah-kat3x__title {
    color: #d71920;
}

.gah-kat3x__item.is-loaded {
    animation: gahKat3xFadeUp .24s ease both;
}

@keyframes gahKat3xFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-kat3x__item,
    .gah-kat3x__card,
    .gah-kat3x__img,
    .gah-kat3x__number,
    .gah-kat3x__item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-kat3x__card:hover,
    .gah-kat3x__card:focus {
        transform: none;
    }

    .gah-kat3x__card:hover .gah-kat3x__img,
    .gah-kat3x__card:focus .gah-kat3x__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-kat3x {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-kat3x__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-kat3x__heading {
        min-height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .gah-kat3x__list {
        gap: 10px;
    }

    .gah-kat3x__card {
        grid-template-columns: 30px 72px minmax(0, 1fr);
        gap: 10px;
        padding: 8px;
    }

    .gah-kat3x__card:hover,
    .gah-kat3x__card:focus {
        transform: none;
    }

    .gah-kat3x__number {
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 13px;
    }

    .gah-kat3x__media {
        width: 72px;
        min-width: 72px;
    }

    .gah-kat3x__noimg {
        min-height: 72px;
    }

    .gah-kat3x__title {
        font-size: 13px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .gah-kat3x {
        padding: 12px;
    }

    .gah-kat3x__card {
        grid-template-columns: 28px 68px minmax(0, 1fr);
        gap: 9px;
    }

    .gah-kat3x__number {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .gah-kat3x__media {
        width: 68px;
        min-width: 68px;
    }

    .gah-kat3x__noimg {
        min-height: 68px;
    }

    .gah-kat3x__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK KATEGORİ 4 SEKMELİ SLIDER
   Benzersiz class prefix: gah-kat4x
   ========================================================================== */

.gah-kat4x,
.gah-kat4x *,
.gah-kat4x *::before,
.gah-kat4x *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-kat4x {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-kat4x__hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #0f172a;
    overflow: hidden;
}

.gah-kat4x__panel {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .34s ease, visibility .34s ease;
}

.gah-kat4x__panel.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.gah-kat4x__image-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    background: #0f172a;
}

.gah-kat4x__image-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0) 0%,
        rgba(15, 23, 42, .14) 48%,
        rgba(15, 23, 42, .48) 100%
    );
    pointer-events: none;
}

.gah-kat4x__img,
.gah-kat4x__image-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .42s ease, filter .42s ease;
}

.gah-kat4x__panel.is-active .gah-kat4x__image-link:hover .gah-kat4x__img,
.gah-kat4x__panel.is-active .gah-kat4x__image-link:focus .gah-kat4x__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-kat4x__noimg {
    width: 100%;
    height: 100%;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .05em;
}

.gah-kat4x__badge {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    max-width: 78%;
    min-height: 27px;
    padding: 0 10px;
    background: #f1c40f;
    color: #111827;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gah-kat4x__nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #273036;
    overflow: hidden;
}

.gah-kat4x__nav-item {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 12px 15px 12px 18px;
    background: transparent;
    color: #dfe6e9 !important;
    text-decoration: none !important;
    border-left: 4px solid transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.gah-kat4x__nav-item:last-child {
    border-bottom: 0;
}

.gah-kat4x__nav-item:hover,
.gah-kat4x__nav-item:focus,
.gah-kat4x__nav-item.is-active {
    background: rgba(255, 255, 255, .07);
    color: #ffffff !important;
    border-left-color: #f1c40f;
    outline: none;
}

.gah-kat4x__nav-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-kat4x.is-ready {
    animation: gahKat4xFade .22s ease both;
}

@keyframes gahKat4xFade {
    from {
        opacity: .65;
        transform: translateY(6px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-kat4x,
    .gah-kat4x *,
    .gah-kat4x.is-ready {
        transition: none !important;
        animation: none !important;
    }
}

@media (max-width: 767px) {
    .gah-kat4x {
        margin-bottom: 16px;
    }

    .gah-kat4x__hero {
        aspect-ratio: 16 / 10;
    }

    .gah-kat4x__badge {
        min-height: 24px;
        padding: 0 8px;
        font-size: 10px;
    }

    .gah-kat4x__nav-item {
        min-height: 46px;
        padding: 11px 13px 11px 15px;
        border-left-width: 3px;
    }

    .gah-kat4x__nav-title {
        font-size: 13px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .gah-kat4x__nav-title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK KATEGORİ 5 LİSTE ŞABLONU
   Benzersiz class prefix: gah-kat5x
   ========================================================================== */

.gah-kat5x,
.gah-kat5x *,
.gah-kat5x *::before,
.gah-kat5x *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-kat5x {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-kat5x__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 9px;
    border-bottom: 2px solid #111827;
}

.gah-kat5x__heading {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-kat5x__list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    width: 100%;
    min-width: 0;
}

.gah-kat5x__item {
    width: 100%;
    min-width: 0;
}

.gah-kat5x__card {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .06);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gah-kat5x__card:hover,
.gah-kat5x__card:focus {
    background: #ffffff;
    border-color: rgba(15, 23, 42, .16);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .07);
    transform: translateX(4px);
    outline: none;
}

.gah-kat5x__media {
    position: relative;
    display: block;
    width: 92px;
    min-width: 92px;
    aspect-ratio: 1 / 1;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-kat5x__img,
.gah-kat5x__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .28s ease, filter .28s ease;
}

.gah-kat5x__card:hover .gah-kat5x__img,
.gah-kat5x__card:focus .gah-kat5x__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-kat5x__noimg {
    width: 100%;
    height: 100%;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
}

.gah-kat5x__title {
    display: -webkit-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-kat5x__card:hover .gah-kat5x__title,
.gah-kat5x__card:focus .gah-kat5x__title {
    color: #e11d48;
}

.gah-kat5x__item.is-loaded {
    animation: gahKat5xFadeUp .24s ease both;
}

@keyframes gahKat5xFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-kat5x__item,
    .gah-kat5x__card,
    .gah-kat5x__img,
    .gah-kat5x__item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-kat5x__card:hover,
    .gah-kat5x__card:focus {
        transform: none;
    }

    .gah-kat5x__card:hover .gah-kat5x__img,
    .gah-kat5x__card:focus .gah-kat5x__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-kat5x {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-kat5x__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-kat5x__heading {
        min-height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .gah-kat5x__list {
        gap: 10px;
    }

    .gah-kat5x__card {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px;
        padding: 7px;
    }

    .gah-kat5x__card:hover,
    .gah-kat5x__card:focus {
        transform: none;
    }

    .gah-kat5x__media {
        width: 82px;
        min-width: 82px;
    }

    .gah-kat5x__noimg {
        min-height: 82px;
    }

    .gah-kat5x__title {
        font-size: 13px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .gah-kat5x {
        padding: 12px;
    }

    .gah-kat5x__card {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .gah-kat5x__media {
        width: 78px;
        min-width: 78px;
    }

    .gah-kat5x__noimg {
        min-height: 78px;
    }

    .gah-kat5x__title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK KATEGORİ 6 METİN LİSTE
   Benzersiz class prefix: gah-kat6x
   ========================================================================== */

.gah-kat6x,
.gah-kat6x *,
.gah-kat6x *::before,
.gah-kat6x *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-kat6x {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-kat6x__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 9px;
    border-bottom: 2px solid #111827;
}

.gah-kat6x__heading {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 14px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gah-kat6x__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    min-width: 0;
}

.gah-kat6x__item {
    width: 100%;
    min-width: 0;
}

.gah-kat6x__card {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    width: 100%;
    min-width: 0;
    padding: 10px 9px;
    background: transparent;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .22s ease, border-color .22s ease, padding-left .22s ease;
}

.gah-kat6x__item:last-child .gah-kat6x__card {
    border-bottom: 0;
}

.gah-kat6x__card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 70%;
    background: #d71920;
    transform: translateY(-50%);
    transition: width .22s ease;
}

.gah-kat6x__card:hover,
.gah-kat6x__card:focus {
    background: #f8fafc;
    border-bottom-color: rgba(215, 25, 32, .20);
    padding-left: 14px;
    outline: none;
}

.gah-kat6x__card:hover::before,
.gah-kat6x__card:focus::before {
    width: 4px;
}

.gah-kat6x__number {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
    font-size: 13px;
    line-height: 1;
    font-weight: 950;
    flex-shrink: 0;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.gah-kat6x__card:hover .gah-kat6x__number,
.gah-kat6x__card:focus .gah-kat6x__number {
    background: #d71920;
    color: #ffffff;
    transform: rotate(360deg);
}

.gah-kat6x__title {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.38;
    font-weight: 800;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .22s ease;
}

.gah-kat6x__card:hover .gah-kat6x__title,
.gah-kat6x__card:focus .gah-kat6x__title {
    color: #d71920;
}

.gah-kat6x__item.is-loaded {
    animation: gahKat6xFadeUp .24s ease both;
}

@keyframes gahKat6xFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-kat6x__item,
    .gah-kat6x__item.is-loaded,
    .gah-kat6x__card,
    .gah-kat6x__card::before,
    .gah-kat6x__number,
    .gah-kat6x__title {
        transition: none !important;
        animation: none !important;
    }

    .gah-kat6x__card:hover,
    .gah-kat6x__card:focus {
        padding-left: 9px;
    }

    .gah-kat6x__card:hover .gah-kat6x__number,
    .gah-kat6x__card:focus .gah-kat6x__number {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-kat6x {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-kat6x__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-kat6x__heading {
        min-height: 32px;
        padding: 0 12px;
        font-size: 13px;
    }

    .gah-kat6x__card {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 11px;
        padding: 9px 8px;
    }

    .gah-kat6x__card:hover,
    .gah-kat6x__card:focus {
        padding-left: 8px;
    }

    .gah-kat6x__number {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .gah-kat6x__title {
        font-size: 13.5px;
        line-height: 1.36;
    }
}

@media (max-width: 420px) {
    .gah-kat6x {
        padding: 12px;
    }

    .gah-kat6x__title {
        font-size: 13px;
    }
}

/* ==========================================================================
   MY HABER - POPÜLER FOTO GALERİLER
   Benzersiz class prefix: gah-pfgx
   ========================================================================== */

.gah-pfgx,
.gah-pfgx *,
.gah-pfgx *::before,
.gah-pfgx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-pfgx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-pfgx__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #111827;
}

.gah-pfgx__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.gah-pfgx__title-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d71920;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.gah-pfgx__controls {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.gah-pfgx__arrow {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(15, 23, 42, .16);
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.gah-pfgx__arrow:hover,
.gah-pfgx__arrow:focus {
    background: #d71920;
    color: #ffffff;
    border-color: #d71920;
    outline: none;
}

.gah-pfgx__arrow.is-disabled {
    opacity: .35;
    pointer-events: none;
}

.gah-pfgx__viewport {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.gah-pfgx__track {
    display: flex;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #d71920 #e5e7eb;
    padding: 0 0 8px;
}

.gah-pfgx__track::-webkit-scrollbar {
    height: 7px;
}

.gah-pfgx__track::-webkit-scrollbar-track {
    background: #e5e7eb;
}

.gah-pfgx__track::-webkit-scrollbar-thumb {
    background: #d71920;
}

.gah-pfgx__track:focus {
    outline: 2px solid rgba(215, 25, 32, .14);
    outline-offset: 2px;
}

.gah-pfgx__slide {
    flex: 0 0 calc(50% - 7px);
    min-width: 0;
    display: flex;
    scroll-snap-align: start;
}

.gah-pfgx__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, .10);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gah-pfgx__card:hover,
.gah-pfgx__card:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    border-color: rgba(215, 25, 32, .35);
    outline: none;
}

.gah-pfgx__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-pfgx__media::after {
    content: "Foto";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    background: #d71920;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pfgx__img,
.gah-pfgx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .34s ease, filter .34s ease;
}

.gah-pfgx__card:hover .gah-pfgx__img,
.gah-pfgx__card:focus .gah-pfgx__img {
    transform: scale(1.05);
    filter: contrast(1.04) saturate(1.04);
}

.gah-pfgx__noimg {
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    letter-spacing: .04em;
}

.gah-pfgx__body {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    padding: 10px 9px 11px;
    background: #ffffff;
}

.gah-pfgx__item-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-pfgx__card:hover .gah-pfgx__item-title,
.gah-pfgx__card:focus .gah-pfgx__item-title {
    color: #d71920;
}

.gah-pfgx__slide.is-loaded {
    animation: gahPfgxFadeUp .24s ease both;
}

@keyframes gahPfgxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-pfgx__track {
        scroll-behavior: auto;
    }

    .gah-pfgx__slide,
    .gah-pfgx__card,
    .gah-pfgx__img,
    .gah-pfgx__arrow,
    .gah-pfgx__slide.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-pfgx__card:hover,
    .gah-pfgx__card:focus {
        transform: none;
    }

    .gah-pfgx__card:hover .gah-pfgx__img,
    .gah-pfgx__card:focus .gah-pfgx__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-pfgx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-pfgx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-pfgx__title {
        font-size: 14px;
    }

    .gah-pfgx__title-icon {
        width: 25px;
        height: 25px;
        min-width: 25px;
        font-size: 11px;
    }

    .gah-pfgx__arrow {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .gah-pfgx__track {
        gap: 12px;
    }

    .gah-pfgx__slide {
        flex-basis: calc(50% - 6px);
    }

    .gah-pfgx__item-title {
        font-size: 12.5px;
    }
}

@media (max-width: 420px) {
    .gah-pfgx {
        padding: 12px;
    }

    .gah-pfgx__controls {
        display: none;
    }

    .gah-pfgx__title {
        font-size: 13px;
    }

    .gah-pfgx__slide {
        flex-basis: 72%;
    }
}

/* ==========================================================================
   MY HABER - POPÜLER VIDEO GALERİLER
   Benzersiz class prefix: gah-pvgx
   ========================================================================== */

.gah-pvgx,
.gah-pvgx *,
.gah-pvgx *::before,
.gah-pvgx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-pvgx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-pvgx__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #111827;
}

.gah-pvgx__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.gah-pvgx__title-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0be6af;
    color: #000000;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

.gah-pvgx__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.gah-pvgx__item {
    width: 100%;
    min-width: 0;
}

.gah-pvgx__card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .07);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gah-pvgx__card:hover,
.gah-pvgx__card:focus {
    background: #ffffff;
    border-color: rgba(11, 230, 175, .55);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
    transform: translateX(4px);
    outline: none;
}

.gah-pvgx__media {
    position: relative;
    display: block;
    width: 118px;
    min-width: 118px;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-pvgx__img,
.gah-pvgx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .32s ease, filter .32s ease;
}

.gah-pvgx__card:hover .gah-pvgx__img,
.gah-pvgx__card:focus .gah-pvgx__img {
    transform: scale(1.06);
    filter: contrast(1.05) saturate(1.05);
}

.gah-pvgx__noimg {
    width: 100%;
    height: 100%;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    letter-spacing: .04em;
}

.gah-pvgx__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .68);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, .78);
    pointer-events: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.gah-pvgx__play svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
    margin-left: 2px;
}

.gah-pvgx__card:hover .gah-pvgx__play,
.gah-pvgx__card:focus .gah-pvgx__play {
    background: #0be6af;
    color: #000000;
    transform: translate(-50%, -50%) scale(1.08);
}

.gah-pvgx__body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.gah-pvgx__item-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-pvgx__card:hover .gah-pvgx__item-title,
.gah-pvgx__card:focus .gah-pvgx__item-title {
    color: #d71920;
}

.gah-pvgx__views {
    display: inline-flex;
    align-items: center;
    color: #64748b;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}

.gah-pvgx__views::before {
    content: "●";
    margin-right: 6px;
    color: #0be6af;
    font-size: 9px;
}

.gah-pvgx__item.is-loaded {
    animation: gahPvgxFadeUp .24s ease both;
}

@keyframes gahPvgxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-pvgx__item,
    .gah-pvgx__card,
    .gah-pvgx__img,
    .gah-pvgx__play,
    .gah-pvgx__item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-pvgx__card:hover,
    .gah-pvgx__card:focus {
        transform: none;
    }

    .gah-pvgx__card:hover .gah-pvgx__img,
    .gah-pvgx__card:focus .gah-pvgx__img,
    .gah-pvgx__card:hover .gah-pvgx__play,
    .gah-pvgx__card:focus .gah-pvgx__play {
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 767px) {
    .gah-pvgx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-pvgx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-pvgx__title {
        font-size: 14px;
    }

    .gah-pvgx__title-icon {
        width: 25px;
        height: 25px;
        min-width: 25px;
        font-size: 10px;
    }

    .gah-pvgx__list {
        gap: 10px;
    }

    .gah-pvgx__card {
        grid-template-columns: 104px minmax(0, 1fr);
        gap: 10px;
        padding: 7px;
    }

    .gah-pvgx__card:hover,
    .gah-pvgx__card:focus {
        transform: none;
    }

    .gah-pvgx__media {
        width: 104px;
        min-width: 104px;
    }

    .gah-pvgx__play {
        width: 30px;
        height: 30px;
    }

    .gah-pvgx__play svg {
        width: 15px;
        height: 15px;
    }

    .gah-pvgx__item-title {
        font-size: 13px;
        -webkit-line-clamp: 3;
    }

    .gah-pvgx__views {
        font-size: 11.5px;
    }
}

@media (max-width: 420px) {
    .gah-pvgx {
        padding: 12px;
    }

    .gah-pvgx__card {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .gah-pvgx__media {
        width: 96px;
        min-width: 96px;
    }

    .gah-pvgx__item-title {
        font-size: 12.5px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK PUAN DURUMU
   Benzersiz class prefix: gah-pdsx
   ========================================================================== */

.gah-pdsx,
.gah-pdsx *,
.gah-pdsx *::before,
.gah-pdsx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-pdsx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid #d8eadf;
    box-shadow: 0 10px 26px rgba(0, 120, 52, .08);
    overflow: hidden;
    color: #102033;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-pdsx__head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 11px 13px;
    background: linear-gradient(135deg, #008431 0%, #006b2a 100%);
    color: #ffffff;
}

.gah-pdsx__head-icon {
    width: 26px;
    height: 26px;
    min-width: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .16);
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.gah-pdsx__title {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pdsx__select-wrap {
    padding: 12px;
    background: #f3faf6;
    border-bottom: 1px solid #d8eadf;
}

.gah-pdsx__select {
    width: 100%;
    height: 42px;
    border: 1px solid #b8d9c4;
    background: #ffffff;
    color: #102033;
    padding: 0 12px;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    outline: none;
    cursor: pointer;
}

.gah-pdsx__select:focus {
    border-color: #008431;
    box-shadow: 0 0 0 3px rgba(0, 132, 49, .12);
}

.gah-pdsx__panel {
    display: none;
    background: #ffffff;
}

.gah-pdsx__panel.is-active {
    display: block;
}

.gah-pdsx__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #edf3ef;
    background: #ffffff;
}

.gah-pdsx__league-name {
    color: #102033;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-pdsx__updated {
    color: #758294;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.gah-pdsx__table-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px 42px 34px;
    align-items: center;
    min-height: 34px;
    padding: 0 10px;
    background: #f0faf4;
    border-bottom: 1px solid #d8eadf;
    color: #008431;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.gah-pdsx__table-head strong:nth-child(2) {
    text-align: left;
}

.gah-pdsx__list {
    max-height: 540px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b8d9c4 #f3faf6;
}

.gah-pdsx__list::-webkit-scrollbar {
    width: 7px;
}

.gah-pdsx__list::-webkit-scrollbar-track {
    background: #f3faf6;
}

.gah-pdsx__list::-webkit-scrollbar-thumb {
    background: #b8d9c4;
}

.gah-pdsx__row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px 42px 34px;
    align-items: center;
    min-height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid #edf3ef;
    color: #102033;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    transition: background .18s ease;
}

.gah-pdsx__row:hover {
    background: #fbfffc;
}

.gah-pdsx__rank {
    color: #008431;
    font-weight: 900;
}

.gah-pdsx__team {
    min-width: 0;
    text-align: left;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gah-pdsx__points {
    color: #d71920;
    font-weight: 900;
}

.gah-pdsx__row--top .gah-pdsx__rank::before,
.gah-pdsx__row--danger .gah-pdsx__rank::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.gah-pdsx__row--top .gah-pdsx__rank::before {
    background: #008431;
}

.gah-pdsx__row--danger .gah-pdsx__rank::before {
    background: #d71920;
}

.gah-pdsx__error,
.gah-pdsx__empty,
.gah-pdsx__missing {
    padding: 14px;
    background: #fff7e6;
    color: #7a4b00;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
}

.gah-pdsx__missing code {
    display: inline-block;
    max-width: 100%;
    padding: 1px 4px;
    background: rgba(122, 75, 0, .10);
    color: #7a4b00;
    overflow-wrap: anywhere;
}

.gah-pdsx__foot {
    padding: 10px 12px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;
    border-top: 1px solid #edf3ef;
}

.gah-pdsx__foot strong {
    color: #008431;
    font-weight: 900;
}

.gah-pdsx.is-ready {
    animation: gahPdsxFade .22s ease both;
}

@keyframes gahPdsxFade {
    from {
        opacity: .65;
        transform: translateY(6px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-pdsx,
    .gah-pdsx *,
    .gah-pdsx.is-ready {
        transition: none !important;
        animation: none !important;
    }
}

@media (max-width: 600px) {
    .gah-pdsx__panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .gah-pdsx__table-head,
    .gah-pdsx__row {
        grid-template-columns: 30px minmax(0, 1fr) 32px 38px 32px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .gah-pdsx__title {
        font-size: 14px;
    }

    .gah-pdsx__league-name {
        font-size: 12px;
    }

    .gah-pdsx__team {
        font-size: 11.5px;
    }
}

@media (max-width: 380px) {
    .gah-pdsx__table-head,
    .gah-pdsx__row {
        grid-template-columns: 28px minmax(0, 1fr) 30px 34px 30px;
    }

    .gah-pdsx__table-head {
        font-size: 10px;
    }

    .gah-pdsx__row {
        font-size: 11px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK SON DAKİKA HABERLERİ
   Benzersiz class prefix: gah-sndx
   ========================================================================== */

.gah-sndx,
.gah-sndx *,
.gah-sndx *::before,
.gah-sndx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-sndx {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(213, 0, 0, .16);
    box-shadow: 0 8px 22px rgba(213, 0, 0, .06);
    color: #111827;
    font-family: Inter, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.gah-sndx__header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 2px solid #d50000;
}

.gah-sndx__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.gah-sndx__title-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d50000;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    font-weight: 950;
}

.gah-sndx__list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    width: 100%;
    min-width: 0;
}

.gah-sndx__item {
    width: 100%;
    min-width: 0;
}

.gah-sndx__card {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    background: #fff7f7;
    border: 1px solid rgba(213, 0, 0, .08);
    color: #111827;
    text-decoration: none;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.gah-sndx__card:hover,
.gah-sndx__card:focus {
    background: #ffffff;
    border-color: rgba(213, 0, 0, .35);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
    transform: translateX(4px);
    outline: none;
}

.gah-sndx__media {
    position: relative;
    display: block;
    width: 110px;
    min-width: 110px;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
}

.gah-sndx__img,
.gah-sndx__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform .32s ease, filter .32s ease;
}

.gah-sndx__card:hover .gah-sndx__img,
.gah-sndx__card:focus .gah-sndx__img {
    transform: scale(1.06);
    filter: contrast(1.05) saturate(1.05);
}

.gah-sndx__noimg {
    width: 100%;
    height: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #111827 0%, #374151 100%);
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    letter-spacing: .04em;
}

.gah-sndx__badge {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 7px;
    background: #d50000;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-sndx__body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.gah-sndx__item-title {
    display: -webkit-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: color .18s ease;
}

.gah-sndx__card:hover .gah-sndx__item-title,
.gah-sndx__card:focus .gah-sndx__item-title {
    color: #d50000;
}

.gah-sndx__date {
    display: inline-flex;
    align-items: center;
    color: #64748b;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}

.gah-sndx__date::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 6px;
    background: #d50000;
    display: inline-block;
}

.gah-sndx__item.is-loaded {
    animation: gahSndxFadeUp .24s ease both;
}

@keyframes gahSndxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-sndx__item,
    .gah-sndx__card,
    .gah-sndx__img,
    .gah-sndx__item.is-loaded {
        transition: none;
        animation: none;
    }

    .gah-sndx__card:hover,
    .gah-sndx__card:focus {
        transform: none;
    }

    .gah-sndx__card:hover .gah-sndx__img,
    .gah-sndx__card:focus .gah-sndx__img {
        transform: none;
    }
}

@media (max-width: 767px) {
    .gah-sndx {
        padding: 14px;
        margin-bottom: 16px;
    }

    .gah-sndx__header {
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .gah-sndx__title {
        font-size: 14px;
    }

    .gah-sndx__title-icon {
        width: 25px;
        height: 25px;
        min-width: 25px;
        font-size: 15px;
    }

    .gah-sndx__list {
        gap: 10px;
    }

    .gah-sndx__card {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 10px;
        padding: 7px;
    }

    .gah-sndx__card:hover,
    .gah-sndx__card:focus {
        transform: none;
    }

    .gah-sndx__media {
        width: 100px;
        min-width: 100px;
    }

    .gah-sndx__item-title {
        font-size: 13px;
        -webkit-line-clamp: 3;
    }

    .gah-sndx__date {
        font-size: 11.5px;
    }
}

@media (max-width: 420px) {
    .gah-sndx {
        padding: 12px;
    }

    .gah-sndx__card {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .gah-sndx__media {
        width: 92px;
        min-width: 92px;
    }

    .gah-sndx__item-title {
        font-size: 12.5px;
    }

    .gah-sndx__date {
        font-size: 11px;
    }
}

/* ==========================================================================
   MY HABER - SAĞ BLOK YAZARLAR
   Benzersiz class prefix: gah-ywrx
   ========================================================================== */

.gah-ywrx,
.gah-ywrx *,
.gah-ywrx *::before,
.gah-ywrx *::after {
    box-sizing: border-box;
    border-radius: 0 !important;
}

.gah-ywrx {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--gap-size, 20px);
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    overflow: hidden;
    color: #102033;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.gah-ywrx__head {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 14px;
    background: #c9c9c9;
    border-bottom: 1px solid #bdbdbd;
}

.gah-ywrx__title {
    position: relative;
    margin: 0;
    padding-left: 12px;
    color: #102033;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.gah-ywrx__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 24px;
    background: #555555;
    transform: translateY(-50%);
}

.gah-ywrx__all {
    min-width: 44px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: #666666;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease;
}

.gah-ywrx__all:hover,
.gah-ywrx__all:focus {
    background: #e00000;
    outline: none;
}

.gah-ywrx__body {
    position: relative;
    background: #ffffff;
}

.gah-ywrx__list {
    max-height: 560px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b9b9b9 #f1f1f1;
}

.gah-ywrx__list::-webkit-scrollbar {
    width: 7px;
}

.gah-ywrx__list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.gah-ywrx__list::-webkit-scrollbar-thumb {
    background: #b9b9b9;
}

.gah-ywrx__item {
    position: relative;
    min-height: 104px;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 15px 44px 15px 14px;
    border-bottom: 1px solid #eeeeee;
    transition: background .2s ease;
}

.gah-ywrx__item:hover,
.gah-ywrx__item:focus-within {
    background: #f7f7f7;
}

.gah-ywrx__item:last-child {
    border-bottom: 0;
}

.gah-ywrx__avatar-link {
    width: 70px;
    height: 70px;
    display: block;
    overflow: hidden;
    border-radius: 50% !important;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 2px #e1e1e1;
    background: #f1f1f1;
    text-decoration: none;
}

.gah-ywrx__avatar,
.gah-ywrx__avatar-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
    border-radius: 50% !important;
}

.gah-ywrx__avatar-fallback {
    align-items: center;
    justify-content: center;
    background: #102033;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
}

.gah-ywrx__info {
    min-width: 0;
}

.gah-ywrx__name {
    display: block;
    margin-bottom: 5px;
    color: #102033 !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.gah-ywrx__name:hover,
.gah-ywrx__name:focus {
    color: #e00000 !important;
    outline: none;
}

.gah-ywrx__post {
    display: -webkit-box;
    color: #111111 !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gah-ywrx__post:hover,
.gah-ywrx__post:focus {
    color: #e00000 !important;
    outline: none;
}

.gah-ywrx__open {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #111111;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .2s ease, transform .2s ease, color .2s ease;
}

.gah-ywrx__item:hover .gah-ywrx__open,
.gah-ywrx__item:focus-within .gah-ywrx__open,
.gah-ywrx__open:focus {
    opacity: 1;
    transform: translateY(0);
}

.gah-ywrx__open:hover,
.gah-ywrx__open:focus {
    color: #e00000;
    outline: none;
}

.gah-ywrx__open svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.gah-ywrx__empty {
    padding: 18px;
    color: #555555;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

.gah-ywrx__popover {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: none;
    min-height: 390px;
    background: linear-gradient(180deg, #484848 0%, #202020 100%);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    overflow-y: auto;
}

.gah-ywrx__popover.is-open {
    display: block;
}

.gah-ywrx__close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #e00000;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
}

.gah-ywrx__close:hover,
.gah-ywrx__close:focus {
    background: #b60000;
    outline: none;
}

.gah-ywrx__modal-top {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 34px 30px 28px;
    border-bottom: 3px solid #e00000;
}

.gah-ywrx__modal-photo,
.gah-ywrx__modal-photo-fallback {
    width: 58px;
    height: 58px;
    border: 2px solid #111111;
    object-fit: cover;
    background: #102033;
    color: #ffffff;
}

.gah-ywrx__modal-photo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
}

.gah-ywrx__modal-author {
    min-width: 0;
}

.gah-ywrx__modal-name {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.gah-ywrx__modal-date {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #dddddd;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

.gah-ywrx__modal-date svg {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.gah-ywrx__modal-body {
    padding: 24px 30px 30px;
}

.gah-ywrx__modal-title {
    margin: 0 0 22px;
    color: #f5f5f5;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 900;
}

.gah-ywrx__modal-title a {
    color: inherit !important;
    text-decoration: none;
}

.gah-ywrx__modal-title a:hover,
.gah-ywrx__modal-title a:focus {
    color: #ffffff !important;
    outline: none;
}

.gah-ywrx__modal-excerpt {
    margin: 0 0 28px;
    color: #d7d7d7;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.gah-ywrx__modal-more {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e00000;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    transition: background .18s ease;
}

.gah-ywrx__modal-more:hover,
.gah-ywrx__modal-more:focus {
    background: #b60000;
    outline: none;
}

.gah-ywrx__item.is-loaded {
    animation: gahYwrxFadeUp .24s ease both;
}

@keyframes gahYwrxFadeUp {
    from {
        opacity: .65;
        transform: translateY(7px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .gah-ywrx,
    .gah-ywrx *,
    .gah-ywrx__item.is-loaded {
        transition: none !important;
        animation: none !important;
    }
}

@media (max-width: 767px) {
    .gah-ywrx__head {
        min-height: 52px;
        padding: 0 12px;
    }

    .gah-ywrx__title {
        font-size: 17px;
    }

    .gah-ywrx__list {
        max-height: 440px;
    }

    .gah-ywrx__item {
        grid-template-columns: 66px minmax(0, 1fr);
        min-height: 92px;
        gap: 12px;
        padding: 12px 40px 12px 12px;
    }

    .gah-ywrx__avatar-link {
        width: 60px;
        height: 60px;
    }

    .gah-ywrx__open {
        opacity: 1;
        transform: none;
    }

    .gah-ywrx__popover {
        min-height: 360px;
    }

    .gah-ywrx__modal-top {
        padding: 28px 22px 22px;
    }

    .gah-ywrx__modal-body {
        padding: 22px;
    }

    .gah-ywrx__modal-title {
        font-size: 18px;
    }
}

@media (max-width: 420px) {
    .gah-ywrx__item {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
    }

    .gah-ywrx__avatar-link {
        width: 54px;
        height: 54px;
    }

    .gah-ywrx__name,
    .gah-ywrx__post {
        font-size: 12.5px;
    }

    .gah-ywrx__modal-top {
        grid-template-columns: 54px minmax(0, 1fr);
    }

    .gah-ywrx__modal-photo,
    .gah-ywrx__modal-photo-fallback {
        width: 52px;
        height: 52px;
    }
}

/* ==========================================================================
   MY HABER - OKUMA SAYISI
   ========================================================================== */
   .gahx-single__views {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 42px;
    min-height: 42px;
    padding: 0 10px;
    background: #f4f6f8;
    border: 1px solid #e4e7eb;
    color: #172033;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.gahx-single__views i {
    font-size: 15px;
    color: #172033;
}

.gahx-single__views span {
    white-space: nowrap;
}