/* Talas Express — Mobile Polish v1 */

@media (max-width: 767px){

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

    .site-container,
    main,
    .lead-grid,
    .city-lead-main,
    .daily-flow,
    .content-sidebar,
    .article-main,
    .article-premium-sidebar,
    .sticky-sidebar{
        min-width:0!important;
        max-width:100%!important;
    }

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

    /* Manşet */
    .hero-carousel,
    .hero-stage{
        width:100%;
        min-width:0;
    }

    .carousel-controls{
        width:100%;
        min-width:0;
        gap:6px!important;
        padding:7px!important;
    }

    .carousel-index{
        min-width:0!important;
        overflow-x:auto!important;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .carousel-index::-webkit-scrollbar{
        display:none;
    }

    .carousel-index button{
        flex:0 0 36px!important;
        min-width:36px!important;
        width:36px!important;
        height:38px!important;
    }

    .carousel-arrows{
        flex:0 0 auto;
    }

    /* Ana manşet + sağ kolon */
    .lead-grid{
        display:block!important;
    }

    .daily-flow{
        margin-top:16px;
    }

    /* Üstteki 5 haber */
    .home-top-five{
        display:flex!important;
        overflow-x:auto;
        gap:10px;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:7px;
    }

    .home-top-five::-webkit-scrollbar{
        display:none;
    }

    .home-top-five-card{
        flex:0 0 78%;
        min-width:0;
        scroll-snap-align:start;
    }

    /* Video widget */
    .premium-video-showcase{
        width:100%;
        min-width:0;
        overflow:hidden;
    }

    .pv-shell{
        grid-template-columns:1fr!important;
    }

    .pv-stage{
        aspect-ratio:16/9;
    }

    .pv-rail{
        display:none!important;
    }

    .pv-mobile-strip{
        display:flex!important;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .pv-mobile-strip::-webkit-scrollbar{
        display:none;
    }

    /* Kategori blokları */
    .te-category-five{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-template-rows:auto!important;
        gap:14px 10px!important;
    }

    .te-category-layout .te-cat-lead{
        grid-column:1/-1!important;
        grid-row:auto!important;
    }

    .te-category-layout .te-cat-small{
        grid-column:auto!important;
        grid-row:auto!important;
        min-width:0;
    }

    .te-cat-lead-media{
        min-height:0!important;
        height:auto!important;
        aspect-ratio:1.5!important;
    }

    /* Kayseri Yaşam Rehberi */
    .cg-header-guide-wrap{
        overflow:hidden;
    }

    .cg-mini-header{
        min-width:0;
        max-width:100%;
    }

    .cg-mini-header nav{
        display:flex!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        gap:8px!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .cg-mini-header nav::-webkit-scrollbar{
        display:none;
    }

    .cg-mini-header nav a{
        flex:0 0 auto;
        white-space:nowrap;
    }

    /* Galeriler */
    .photo-gallery-strip{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .photo-gallery-strip::-webkit-scrollbar{
        display:none;
    }

    /* Sağ kolon widgetları mobilde tam genişlik */
    .te-widget,
    .te-insights-side,
    .article-city-news,
    .premium-video-showcase{
        width:100%;
        max-width:100%;
    }
}

/* Küçük telefonlar */
@media (max-width: 520px){

    .site-container{
        padding-left:12px;
        padding-right:12px;
    }

    .home-top-five-card{
        flex-basis:86%;
    }

    .te-category-five{
        grid-template-columns:1fr!important;
    }

    .te-category-layout .te-cat-lead,
    .te-category-layout .te-cat-small{
        grid-column:1!important;
    }

    .te-cat-small .card-image{
        aspect-ratio:1.6!important;
    }

    .te-cat-small h3{
        font-size:16px!important;
    }

    .city-cards,
    .cg-cards{
        grid-template-columns:1fr!important;
    }

    .video-gallery-grid{
        grid-template-columns:1fr!important;
    }

    .video-gallery-card,
    .video-gallery-card.is-featured{
        grid-column:1!important;
        min-height:190px!important;
    }

    .photo-gallery-card,
    .photo-gallery-card.is-featured{
        flex-basis:84%!important;
    }

    .cg-mini-header{
        padding:12px!important;
        gap:10px!important;
    }

    .cg-mini-header .cg-mini-title{
        width:100%;
        max-width:none;
    }

    .cg-mini-header .cg-mini-all{
        margin-left:0;
    }
}