/* ÖZGÜN GÜNDEM V170 - yalnız mobil arayüz katmanı
   KRİTİK: Ana manşet / hero sınıflarına müdahale ETMEZ. */
@media (max-width:700px){
  :root{
    --og170-red:#ed1c2e;
    --og170-navy:#0b2e4a;
    --og170-ink:#172331;
    --og170-muted:#7b8996;
    --og170-line:#e8edf1;
    --og170-soft:#f5f7f9;
  }

  html{scroll-padding-top:72px}
  body{background:#f5f7f9!important;padding-bottom:70px!important}
  body>.page,.container.page{background:#fff}

  /* Header: mevcut logo/menu/search yapısı korunur, sadece görünüm sıkılaştırılır. */
  html body .v46-header{
    background:#fff!important;
    border-bottom:1px solid var(--og170-line)!important;
    box-shadow:0 4px 15px rgba(15,38,57,.06)!important;
  }
  html body .v46-mainbar{min-height:60px!important;padding:0 12px!important}
  html body .v46-brand-mobile{max-height:36px!important;max-width:154px!important}
  html body .v46-menu-toggle,
  html body .v46-mobile-search-toggle{
    width:38px!important;height:38px!important;border-radius:50%!important;
    border:1px solid #e2e7eb!important;background:#fff!important;color:var(--og170-navy)!important;
    box-shadow:0 2px 8px rgba(16,42,62,.05)!important;
  }
  html body .v46-menu-toggle{order:-1!important}
  html body .v46-mobile-search{
    margin:0!important;padding:8px 12px 11px!important;background:#fff!important;
    border-top:1px solid #f0f2f4!important;
  }
  html body .v46-mobile-search input{
    min-height:42px!important;border-radius:12px 0 0 12px!important;background:#f5f7f9!important;
  }
  html body .v46-mobile-search button{border-radius:0 12px 12px 0!important}

  /* Mevcut masaüstü kategori bandını telefonda tekrar göstermiyoruz.
     V170 kendi mobil kategori rayını üretir. */
  html body .v46-navband{display:none!important}

  /* Referanstaki yuvarlak kategori alanı. Mevcut kategori listesinden JS ile üretilir. */
  .og170-category-wrap{
    display:block!important;background:#fff!important;padding:9px 0 8px!important;
    border-bottom:1px solid var(--og170-line)!important;
    overflow:hidden!important;
  }
  .og170-category-rail{
    display:flex!important;gap:11px!important;overflow-x:auto!important;
    padding:0 12px 4px!important;scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .og170-category-rail::-webkit-scrollbar{display:none!important}
  .og170-cat{
    flex:0 0 58px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;gap:5px!important;text-decoration:none!important;color:#263746!important;
    scroll-snap-align:start!important;
  }
  .og170-cat-icon{
    width:48px!important;height:48px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;background:#fff!important;
    border:2px solid #f0c7cb!important;box-shadow:0 3px 10px rgba(22,44,62,.08)!important;
    color:var(--og170-red)!important;font-size:19px!important;font-weight:900!important;
  }
  .og170-cat b{
    display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;text-align:center!important;font-size:8px!important;line-height:1.1!important;
    font-weight:900!important;text-transform:uppercase!important;
  }
  .og170-cat.is-all .og170-cat-icon{background:var(--og170-navy)!important;color:#fff!important;border-color:var(--og170-navy)!important}

  /* Son dakika bandı daha uygulama hissi verir. Yapı/animasyon değişmez. */
  [data-home-module="breaking"]{
    margin-top:7px!important;margin-bottom:8px!important;
  }
  [data-home-module="breaking"] section,
  [data-home-module="breaking"]>div{
    border-radius:10px!important;overflow:hidden!important;
  }

  /* Manşetten SONRA gelen haber alanlarında modern kart görünümü.
     v421-main-hero / v421-hero-* / v22-hero-* bilinçli olarak hedeflenmez. */
  .v461-latest-card,.v46-cat-card,.v425-photo-card,.v425-video-card,
  .ogev2-card,.ogev2-news-card{
    border-radius:11px!important;border:1px solid var(--og170-line)!important;
    background:#fff!important;box-shadow:0 3px 12px rgba(17,39,56,.045)!important;overflow:hidden!important;
  }
  .v461-latest-card img,.v46-cat-card img,.v425-photo-card img,.v425-video-card img,
  .ogev2-card img,.ogev2-news-card img{
    border-radius:9px!important;
  }

  .v46-cat-module,.v425-photo-section,.v425-video-section,
  .ogev2-section,.ogev2-tabs,.v461-latest-section{
    border-radius:12px!important;background:#fff!important;
  }
  .v46-cat-head,.v425-photo-head,.v425-video-head{
    border-bottom:1px solid var(--og170-line)!important;padding-bottom:9px!important;
  }

  /* Hamburger menüsü: mevcut bağlantılar ve işlevler korunur. */
  html body .v46-menu-panel{width:min(91vw,370px)!important;background:#f7f9fb!important}
  html body .v46-menu-head{
    min-height:82px!important;background:linear-gradient(135deg,#0c304d,#124d75)!important;
    border-bottom:4px solid var(--og170-red)!important;
  }
  html body .v46-menu-categories{
    grid-template-columns:1fr!important;gap:5px!important;padding:10px!important;
  }
  html body .v46-menu-categories a{
    min-height:45px!important;border-radius:9px!important;border:1px solid #e7ecef!important;
    background:#fff!important;padding:0 12px!important;
  }
  html body .v46-menu-categories a.home{
    background:#fff!important;border-color:#e7ecef!important;
  }
  html body .v46-menu-categories a span{color:var(--og170-red)!important}
  html body .v46-menu-extra{
    margin:0 10px 10px!important;border-radius:9px!important;
  }

  /* Site genelinde mobil alt menü. Ana sayfadaki mevcut nav da aynı tasarıma alınır. */
  .ogm952-bottom-nav,.og170-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9998!important;
    height:61px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;
    background:rgba(255,255,255,.985)!important;border-top:1px solid #e4e9ed!important;
    box-shadow:0 -6px 20px rgba(13,37,55,.08)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .ogm952-bottom-nav a,.ogm952-bottom-nav button,.og170-bottom-nav a,.og170-bottom-nav button{
    border:0!important;background:transparent!important;text-decoration:none!important;color:#73818d!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;font-family:inherit!important;cursor:pointer!important;padding:0!important;
  }
  .ogm952-bottom-nav span,.og170-bottom-nav span{font-size:18px!important;line-height:20px!important;height:20px!important}
  .ogm952-bottom-nav b,.og170-bottom-nav b{font-size:8px!important;line-height:1!important;font-weight:850!important}
  .ogm952-bottom-nav .is-active,.ogm952-bottom-nav .is-active span,
  .og170-bottom-nav .is-active,.og170-bottom-nav .is-active span{color:var(--og170-red)!important}

  /* Haber/kategori sayfalarında daha temiz mobil tipografi; içerik davranışına dokunmaz. */
  .article-title{letter-spacing:-.35px!important}
  .article-body{font-size:17px!important;line-height:1.72!important}
  .article-body img{border-radius:10px!important}
  .category-page,.search-page{background:#fff!important}

  /* Mobil dokunma alanları */
  a,button{-webkit-tap-highlight-color:transparent}
}

@media (min-width:701px){
  .og170-category-wrap,.og170-bottom-nav{display:none!important}
}
