/* === Sayfa kenarı dikey reklamlar: soldakiyle birebir simetri === */
:root{
  /* Ölçülerini buradan ayarla */
  --container: 1170px; /* .container max-width (Bootstrap klasikte 1170) */
  --ad: 160px;         /* dikey banner genişliği */
  --gap: 10px;         /* içerik ile reklam arasındaki boşluk */
  --top: 150px;         /* üstten mesafe (soldakine eşit) */
}

/* Soldaki */
#dfp-pageskin-sol-panel.ads-left{
  position: fixed !important;
  top: var(--top) !important;
  left: calc( (100vw - var(--container)) / 2 - (var(--ad) + var(--gap)) ) !important;
  width: var(--ad) !important;
  height: 600px !important;
  z-index: 150 !important; /* header açılır menülerinin altında kalsın */
}

/* Sağdaki — soldakiyle aynı hizaya (simetri) */
#dfp-pageskin-sag.ads-right{
  position: fixed !important;
  top: var(--top) !important;
  right: calc( (100vw - var(--container)) / 2 - (var(--ad) + var(--gap)) ) !important;
  width: var(--ad) !important;
  height: 600px !important;
  z-index: 150 !important;
}

/* Dar ekranlarda gizle (taşma olmasın) */
@media (max-width: 1399.98px){
  #dfp-pageskin-sol-panel.ads-left,
  #dfp-pageskin-sag.ads-right{ display: none !important; }
}
