/* ============================================================
   SADECE BU BLOĞU sitenizin <head> içine <style> tagı ile
   VEYA style8365.css dosyasının SONUNA ekleyin
============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
}

/* === MOBİL: 768px ve altı === */
@media (max-width: 768px) {

  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #head, #wrap, #foot,
  .wrp, .wrp2,
  .cont, .side {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  .wrp, .wrp2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Reklam kuleleri gizle */
  .towerTop, .towerAds {
    display: none !important;
  }

  /* Tek kolon layout */
  #wrap {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 10px !important;
  }
  .cont {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .side {
    order: 2 !important;
    width: 100% !important;
    margin: 16px 0 0 0 !important;
  }

  /* Tüm görseller */
  img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* Menüleri gizle */
  .menu-bar, .top-menu {
    display: none !important;
  }

  /* Döviz bandı yatay scroll */
  .top-forex {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    height: 46px !important;
    -webkit-overflow-scrolling: touch;
  }
  .top-forex ul.wrp2 {
    display: inline-flex !important;
    padding: 0 !important;
    min-width: max-content;
  }
  .top-forex li {
    float: none !important;
    display: inline-flex !important;
  }

  /* Logo */
  .logo-bar {
    padding: 8px 10px !important;
  }
  .logo-bar .lg img {
    max-width: 140px !important;
    max-height: 55px !important;
    margin: 0 !important;
  }
  .logo-bar .ad,
  .logo-bar #opnLM,
  #winLM {
    display: none !important;
  }

  /* Haber başlığı */
  .dtail h1 {
    font-size: 19px !important;
    line-height: 1.4 !important;
  }
  .dtail h2 {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .dtail .dtltxt {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  /* İlgili haber kutuları */
  .dtail .dtltxt .rbx {
    width: 100% !important;
    display: block;
    margin: 12px 0 !important;
  }
  .dtail .dtltxt .rbx img {
    width: 100% !important;
    height: auto !important;
  }

  /* Tablolar: yatay scroll */
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* Piyasa değeri sütununu gizle (çok geniş) */
  .snws .pd {
    display: none !important;
  }

  /* Breadcrumb küçük araçları gizle */
  .pgloc abbr {
    display: none !important;
  }

  /* Form elemanları tam genişlik */
  .comnt .wrte input,
  .comnt .wrte textarea,
  .emlst input,
  .emlst button {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 8px !important;
  }

  /* Yan yana reklam alanları alt alta */
  .adsnd .bnr {
    display: block !important;
  }
  .adsnd .bnr .l,
  .adsnd .bnr .r {
    width: 100% !important;
    display: block !important;
    margin-bottom: 8px;
  }

  /* Sosyal medya kutusu */
  .newBlock.socialmedia {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Finans hattı listesi */
  .finans-hatti ul.hdl li {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px;
  }
  .finans-hatti ul.hdl li img {
    width: 100% !important;
    height: auto !important;
  }

  /* Footer */
  #foot .wrp .nav dl {
    width: 50% !important;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 8px;
  }
  #foot .wrp .bar abbr {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }

  /* YouTube sabit butonu gizle */
  .youtube-hover-box-hsz {
    display: none !important;
  }
}

/* === TABLET: 769–1024px === */
@media (min-width: 769px) and (max-width: 1024px) {

  html, body { overflow-x: hidden !important; }

  #head, #wrap, #foot, .wrp, .wrp2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .towerTop, .towerAds { display: none !important; }

  #wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }
  .cont {
    width: 64% !important;
    float: none !important;
    order: 1;
  }
  .side {
    width: 34% !important;
    float: none !important;
    margin-left: 2% !important;
    order: 2;
  }

  img { max-width: 100% !important; height: auto !important; }
  table { overflow-x: auto !important; display: block !important; }

}
