/* ========================================================================== 
   METIN2DOCS · SABİT YAN REKLAMLAR + İÇ SAYFA BANNER
   Bağımsız dosyadır; mevcut .tpl ve sistem sınıflarını ezmez.
   ========================================================================== */

:root{
  --m2-ad-rail-width:clamp(170px,11.5vw,230px);
  --m2-ad-rail-gap:0px;
  --m2-ad-top:var(--m2-header,76px);
  --m2-ad-gold:#d7aa61;
  --m2-ad-gold-soft:#f2d59b;
  --m2-ad-red:#a83025;
  --m2-ad-bg:#0b0907;
}

/*
  Geniş masaüstü sıralaması:
  SOL REKLAM → LOGO / ANA MENÜ → ORTA SİTE → SAĞ REKLAM
  Orta alanın sağında reklam güvenlik boşluğu korunur; soldaki reklam artık
  içerik kolonunda değil, ekranın en solundaki bağımsız koridordadır.
*/

.m2-ad-rails{position:relative;z-index:84}
.m2-ad-rail{
  position:fixed;
  top:var(--m2-ad-top);
  bottom:18px;
  z-index:84;
  width:var(--m2-ad-rail-width);
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  pointer-events:none;
  transition:opacity .3s ease,transform .3s ease,visibility .3s ease;
}
.m2-ad-rail--left{left:0}
.m2-ad-rail--right{right:0}
body.modal-open .m2-ad-rail,
body.sidebar-open .m2-ad-rail{opacity:0;visibility:hidden;pointer-events:none}

.m2-ad-rail__ornament{
  position:absolute;
  top:0;
  left:50%;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-7px) rotate(45deg);
  border:1px solid rgba(218,173,96,.42);
  background:linear-gradient(135deg,#7b211b,#29110e);
  box-shadow:0 0 0 4px rgba(8,6,5,.85),0 8px 24px rgba(0,0,0,.55),0 0 24px rgba(167,47,37,.25);
  pointer-events:none;
}
.m2-ad-rail__ornament span{
  transform:rotate(-45deg);
  font-family:"Noto Serif SC",serif;
  font-size:22px;
  color:#f1cf8c;
  text-shadow:0 2px 10px #000;
}
.m2-ad-rail__ornament i{
  position:absolute;
  inset:-8px;
  border:1px solid rgba(212,167,89,.16);
  animation:m2AdSealPulse 3.6s ease-in-out infinite;
}

.m2-ad-card{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  overflow:hidden;
  padding:62px 13px 18px;
  color:#f5e7cf;
  border:1px solid rgba(214,170,95,.28);
  background:#0b0907;
  box-shadow:0 24px 62px rgba(0,0,0,.58),inset 0 0 0 4px rgba(8,6,5,.82),inset 0 0 42px rgba(0,0,0,.62);
  pointer-events:auto;
  isolation:isolate;
  clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));
}
.m2-ad-card--live{padding:0;background:#050403}.m2-ad-card--live>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.m2-ad-card--live .m2-ad-card__action{position:absolute;left:13px;right:13px;bottom:18px;width:auto;background:linear-gradient(135deg,rgba(165,46,36,.94),rgba(62,16,13,.96));box-shadow:0 8px 24px #000}
.m2-ad-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(180deg,rgba(7,6,5,.08) 0%,rgba(7,6,5,.4) 42%,rgba(8,6,5,.94) 100%),
    var(--m2-ad-image) center/cover no-repeat;
  filter:saturate(.7) contrast(1.08);
  transform:scale(1.04);
  transition:transform .65s ease,filter .65s ease;
}
.m2-ad-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(238,193,111,.12),transparent) -160% 0/45% 100% no-repeat,
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 11px),
    radial-gradient(circle at 50% 22%,rgba(182,49,37,.28),transparent 31%);
  animation:m2AdShine 6.5s ease-in-out infinite;
}
.m2-ad-card--forest{--m2-ad-image:url('https://assets.itemci.com/content_images/9f01132d-9dcf-4b4e-ac90-89a11b676324-1785518064.gif')}
.m2-ad-card--desert{--m2-ad-image:url('https://assets.itemci.com/content_images/9f01132d-9dcf-4b4e-ac90-89a11b676324-1785518074.gif')}
.m2-ad-card:hover::before{transform:scale(1.09);filter:saturate(.86) contrast(1.1)}

.m2-ad-card__ribbon{
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:4;
  padding:6px 11px 5px;
  color:#e7c886;
  font-size:7px;
  font-weight:800;
  letter-spacing:2.1px;
  border:1px solid rgba(215,170,97,.32);
  background:rgba(8,6,5,.78);
  box-shadow:0 5px 20px rgba(0,0,0,.35);
}
.m2-ad-card__ribbon::before,
.m2-ad-card__ribbon::after{content:"";position:absolute;top:50%;width:21px;height:1px;background:linear-gradient(90deg,transparent,#c3934e)}
.m2-ad-card__ribbon::before{right:100%;transform:rotate(180deg)}
.m2-ad-card__ribbon::after{left:100%}

.m2-ad-card__mist{
  position:absolute;
  z-index:-2;
  left:-35%;
  right:-35%;
  bottom:18%;
  height:35%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(179,55,38,.2),transparent 68%);
  filter:blur(13px);
  animation:m2AdMist 5.2s ease-in-out infinite alternate;
}
.m2-ad-card__sigil{
  position:absolute;
  top:22%;
  left:50%;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  transform:translateX(-50%);
  border:1px solid rgba(225,181,100,.42);
  border-radius:50%;
  background:radial-gradient(circle,rgba(127,32,25,.86),rgba(15,10,8,.78) 68%);
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.26),0 0 34px rgba(178,53,40,.35);
}
.m2-ad-card__sigil::before,
.m2-ad-card__sigil::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(235,198,128,.3);border-radius:50%}
.m2-ad-card__sigil::after{inset:-9px;border-style:solid;border-color:rgba(215,170,96,.1);animation:m2AdSpin 14s linear infinite}
.m2-ad-card__sigil span{font-family:"Noto Serif SC",serif;font-size:36px;color:#f4cf88;text-shadow:0 4px 16px rgba(0,0,0,.8)}
.m2-ad-card__sigil i{position:absolute;inset:50% auto auto 50%;width:116px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(231,188,107,.48),transparent)}

.m2-ad-card__copy{position:relative;z-index:3;width:100%;text-align:center;text-shadow:0 3px 18px #000}
.m2-ad-card__copy small{display:block;margin-bottom:9px;color:#d3a85e;font-size:6.5px;font-weight:800;letter-spacing:1.6px}
.m2-ad-card__copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,1.55vw,31px);font-weight:500;line-height:1.04;letter-spacing:.4px;color:#fff0d2}
.m2-ad-card__copy p{margin:11px 0 15px;color:#a89b88;font-size:8px;line-height:1.55;letter-spacing:.5px}
.m2-ad-card__action{
  position:relative;
  z-index:4;
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#f7dfb1;
  font-size:8px;
  font-weight:800;
  letter-spacing:1.2px;
  border:1px solid rgba(225,178,94,.34);
  background:linear-gradient(135deg,rgba(165,46,36,.92),rgba(92,24,19,.96));
  box-shadow:0 8px 24px rgba(0,0,0,.38);
  transition:transform .22s ease,filter .22s ease,border-color .22s ease;
}
.m2-ad-card__action span{color:#f2c66f;font-size:13px}
.m2-ad-card__action:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:rgba(245,203,126,.62)}
.m2-ad-card__kanji{position:absolute;right:8px;top:46%;writing-mode:vertical-rl;color:rgba(243,207,139,.2);font-family:"Noto Serif SC",serif;font-size:8px;letter-spacing:4px}

.m2-ad-card__corner{position:absolute;z-index:5;width:22px;height:22px;pointer-events:none}
.m2-ad-card__corner::before,.m2-ad-card__corner::after{content:"";position:absolute;background:linear-gradient(90deg,#9e3328,#e2b365)}
.m2-ad-card__corner::before{width:22px;height:1px}.m2-ad-card__corner::after{width:1px;height:22px}
.m2-ad-card__corner--tl{left:8px;top:8px}.m2-ad-card__corner--tr{right:8px;top:8px;transform:rotate(90deg)}
.m2-ad-card__corner--br{right:8px;bottom:8px;transform:rotate(180deg)}.m2-ad-card__corner--bl{left:8px;bottom:8px;transform:rotate(270deg)}

/* İç sayfa yatay reklamı */
.m2-inline-ad{
  position:relative;
  width:100%;
  min-height:164px;
  margin:0 auto 24px;
  padding:1px;
  overflow:hidden;
  color:#f4e6ce;
  border:1px solid rgba(211,164,86,.23);
  background:
    linear-gradient(120deg,rgba(125,31,24,.2),rgba(18,13,10,.98) 34%,rgba(18,13,10,.98) 72%,rgba(116,36,25,.17)),
    url('../assets/oriental-pattern.svg') center/240px repeat;
  box-shadow:0 18px 54px rgba(0,0,0,.32),inset 0 0 0 4px rgba(6,5,4,.66);
  isolation:isolate;
  clip-path:polygon(0 11px,11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px));
}
.m2-inline-ad--live{display:block;min-height:0;padding:0;aspect-ratio:7/1;background:#080604}.m2-inline-ad--live>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.m2-inline-ad::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(5,4,3,.93),rgba(5,4,3,.36) 34%,rgba(5,4,3,.5)),
    url('https://assets.itemci.com/content_images/b6c8442a-31b7-4b41-bea8-952535086a41.gif') center 42%/cover no-repeat;
  opacity:.54;
  filter:saturate(.58) contrast(1.08);
}
.m2-inline-ad::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(100deg,transparent 15%,rgba(241,202,125,.12) 28%,transparent 42%) -90% 0/42% 100% no-repeat;
  animation:m2InlineAdShine 7s ease-in-out infinite;
  pointer-events:none;
}
.m2-inline-ad__placeholder{min-height:162px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px 40px 24px 124px}
.m2-inline-ad__copy{position:relative;z-index:3;min-width:0}
.m2-inline-ad__copy small{display:block;margin-bottom:7px;color:#d2a55c;font-size:8px;font-weight:800;letter-spacing:2px}
.m2-inline-ad__copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.1vw,34px);font-weight:500;line-height:1.15;color:#fff0d6;text-shadow:0 4px 18px #000}
.m2-inline-ad__copy p{max-width:690px;margin:9px 0 0;color:#aaa091;font-size:11px;line-height:1.65}
.m2-inline-ad__seal{
  position:absolute;
  z-index:4;
  left:28px;
  top:50%;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  transform:translateY(-50%) rotate(45deg);
  border:1px solid rgba(226,181,101,.45);
  background:linear-gradient(135deg,rgba(151,42,32,.95),rgba(47,16,12,.96));
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.22),0 0 30px rgba(179,51,38,.24);
}
.m2-inline-ad__seal span{transform:rotate(-45deg);font-family:"Noto Serif SC",serif;font-size:36px;color:#f1cf8b;text-shadow:0 3px 14px #000}
.m2-inline-ad__seal i{position:absolute;inset:-10px;border:1px solid rgba(220,176,98,.15);animation:m2AdSealPulse 3.6s ease-in-out infinite}
.m2-inline-ad__action{position:relative;z-index:4;min-width:148px;height:46px;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 19px;border:1px solid rgba(230,184,102,.4);background:linear-gradient(135deg,#a83025,#5d1915);color:#f9e2b8;font-size:9px;font-weight:800;letter-spacing:1.2px;box-shadow:0 9px 25px rgba(0,0,0,.35);transition:.22s ease}
.m2-inline-ad__action b{font-size:15px;color:#f0c36d}.m2-inline-ad__action:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:rgba(244,203,127,.65)}
.m2-inline-ad__kanji{position:absolute;right:17%;top:50%;transform:translateY(-50%);font-family:"Noto Serif SC",serif;font-size:74px;color:rgba(236,195,115,.055);pointer-events:none}
.m2-inline-ad__pattern{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 1px,transparent 1px 12px)}
.m2-inline-ad__edge{position:absolute;top:50%;width:42px;height:86px;transform:translateY(-50%);border-top:1px solid rgba(218,170,91,.3);border-bottom:1px solid rgba(218,170,91,.3);pointer-events:none}
.m2-inline-ad__edge--left{left:-20px;border-right:1px solid rgba(218,170,91,.3);transform:translateY(-50%) rotate(45deg)}
.m2-inline-ad__edge--right{right:-20px;border-left:1px solid rgba(218,170,91,.3);transform:translateY(-50%) rotate(45deg)}

@keyframes m2AdShine{0%,44%{background-position:-160% 0,0 0,0 0}68%,100%{background-position:270% 0,0 0,0 0}}
@keyframes m2InlineAdShine{0%,48%{background-position:-90% 0}75%,100%{background-position:230% 0}}
@keyframes m2AdMist{from{transform:translate3d(-8px,4px,0) scale(.94);opacity:.5}to{transform:translate3d(12px,-5px,0) scale(1.08);opacity:1}}
@keyframes m2AdSpin{to{transform:rotate(360deg)}}
@keyframes m2AdSealPulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.82;transform:scale(1.04)}}

@media (max-width:1539px){
  .m2-ad-rails{display:none!important}
}

@media (max-width:760px){
  .m2-inline-ad{min-height:0;margin-bottom:16px;clip-path:none;border-radius:4px}
  .m2-inline-ad__placeholder{min-height:150px;grid-template-columns:1fr;gap:15px;padding:22px 18px 20px 76px}
  .m2-inline-ad__seal{left:18px;width:46px;height:46px}
  .m2-inline-ad__seal span{font-size:24px}
  .m2-inline-ad__copy small{font-size:7px;letter-spacing:1.35px}
  .m2-inline-ad__copy strong{font-size:21px}
  .m2-inline-ad__copy p{font-size:10px;line-height:1.55}
  .m2-inline-ad__action{width:max-content;min-width:132px;height:40px;padding:0 15px}
  .m2-inline-ad__kanji{right:10px;font-size:56px}
}

@media (max-width:420px){
  .m2-inline-ad__placeholder{padding:19px 13px 18px}
  .m2-inline-ad__seal{display:none}
  .m2-inline-ad__copy strong{font-size:19px}
  .m2-inline-ad__copy p{font-size:9px}
}

@media (prefers-reduced-motion:reduce){
  .m2-ad-card::after,.m2-ad-card__mist,.m2-ad-card__sigil::after,
  .m2-ad-rail__ornament i,.m2-inline-ad::after,.m2-inline-ad__seal i{animation:none!important}
  .m2-ad-card,.m2-ad-card::before,.m2-inline-ad__action,.m2-ad-card__action{transition:none!important}
}

/* ========================================================================== 
   V4 · EKRANI TAM KULLANAN REKLAM / HEADER / SIDEBAR YERLEŞİMİ

   Geniş masaüstü görünümü:
   ┌──────────────────────── HEADER (tam ekran) ────────────────────────┐
   │ SOL REKLAM │ LOGO + ANA MENÜ │ ORTA SİTE İÇERİĞİ │ SAĞ REKLAM │
   └────────────────────────────────────────────────────────────────────┘

   Reklamlar header'ın hemen altından başlar ve ekranın altına kadar uzar.
   Sidebar da header'ın altında, sol reklamın hemen sağında yer alır.
   1539px ve altında reklamlar gizlenir; temanın kendi responsive düzeni
   hiçbir ek müdahale olmadan kullanılmaya devam eder.
   ========================================================================== */
:root{
  --m2-ad-edge:0px;
  --m2-ad-content-gutter:clamp(18px,1.35vw,30px);
  --m2-ad-left-space:0px;
  --m2-ad-right-space:0px;
  --m2-ad-sidebar-left:var(--m2-ad-left-space);
  --m2-ad-content-left:calc(var(--m2-ad-left-space) + var(--m2-sidebar,286px));
  --m2-ad-main-left:calc(var(--m2-ad-content-left) + var(--m2-ad-content-gutter));
  --m2-ad-main-right:calc(var(--m2-ad-right-space) + var(--m2-ad-content-gutter));
}

/* Yalnızca gerçekten yayında olan yan reklam kadar alan ayır.
   - İkisi de boşsa: sidebar sola yaslanır, içerik sağa kadar genişler.
   - Sadece sol doluysa: reklam solda kalır, sidebar onun sağına geçer, içerik sağa açılır.
   - Sadece sağ doluysa: sidebar solda kalır, yalnızca sağ reklam koridoru ayrılır. */
body.m2-has-ad-left{--m2-ad-left-space:var(--m2-ad-rail-width)}
body.m2-has-ad-right{--m2-ad-right-space:var(--m2-ad-rail-width)}

/*
  V10 · CANLI REKLAM VARLIĞINDAN OTOMATİK YERLEŞİM
  DLE bazı statik/include akışlarında body üzerindeki {ads-layout-class} değerini
  reklam HTML'inden farklı sırada derleyebiliyor. Böyle bir durumda sol reklam
  DOM'da mevcut olsa bile sidebar onun üstünü kapatıyordu. :has() ile gerçek
  reklam elemanını kaynak kabul ediyoruz; böylece aktif sol/sağ reklam varsa
  layout değişkenleri body sınıfından bağımsız olarak kesin uygulanır.
*/
body:has(.m2-ad-rail--left){--m2-ad-left-space:var(--m2-ad-rail-width)}
body:has(.m2-ad-rail--right){--m2-ad-right-space:var(--m2-ad-rail-width)}

/* Çince mühür reklam kartının aynı ana çerçevesi içinde kalır. */
.m2-ad-card > .m2-ad-rail__ornament{
  top:54px;
  left:50%;
  z-index:7;
  width:46px;
  height:46px;
  transform:translateX(-50%) rotate(45deg);
  box-shadow:0 0 0 4px rgba(8,6,5,.78),0 8px 22px rgba(0,0,0,.52),0 0 23px rgba(167,47,37,.22);
}
.m2-ad-card > .m2-ad-rail__ornament span{font-size:21px}
.m2-ad-card > .m2-ad-rail__ornament i{inset:-7px}

@media (min-width:1540px){
  /* Header ekrandaki bütün kolonların üzerinde, tam genişlikte görünür. */
  .top-header{
    left:0!important;
    right:0!important;
    top:0!important;
    width:auto!important;
    max-width:none!important;
    z-index:95!important;
  }

  /* Reklam koridorları ekran kenarlarına sıfır, header altından tabana kadar. */
  .m2-ad-rail{
    top:var(--m2-header,76px)!important;
    bottom:0!important;
    width:var(--m2-ad-rail-width)!important;
    height:auto!important;
    padding:0!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
  .m2-ad-rail--left{left:0!important;right:auto!important}
  .m2-ad-rail--right{right:0!important;left:auto!important}
  .m2-ad-card{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0!important;
    clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)!important;
  }

  /* Logo ve ana menü, sol reklamın sağında ve header'ın altında başlar. */
  .sidebar{
    left:var(--m2-ad-sidebar-left)!important;
    right:auto!important;
    top:var(--m2-header,76px)!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    z-index:80!important;
  }

  /* Normal sayfa akışı sidebar sonundan başlar, sağ reklamdan önce biter. */
  .content-scroll,
  .inner-content-scroll{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--m2-ad-content-left)!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-main-right)!important;
  }

  /* Main dışında duran büyük alanlar da orta site kolonuna birebir oturur. */
  .m2-mobile-showcase,
  .m2os-section,
  .site-footer{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--m2-ad-main-left)!important;
    margin-right:var(--m2-ad-main-right)!important;
  }
  .m2-mobile-showcase__inner,
  .m2os-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Konu içindeki sabit favori / beğeni parşömeni reklamların arasındadır. */
  .m2v-like-forge,
  html.m2v-has-fixed-likebar .m2v-like-forge--viewport{
    left:var(--m2-ad-main-left)!important;
    right:var(--m2-ad-main-right)!important;
    width:auto!important;
    max-width:none!important;
  }

  /* Konu okuma çizgisi de orta içerik alanıyla aynı hizada kalır. */
  .m2v-reading-progress{
    left:var(--m2-ad-main-left)!important;
    right:var(--m2-ad-main-right)!important;
  }
}

/* Alçak masaüstü ekranlarında reklam metni ve butonu sıkışmaz. */
@media (min-width:1540px) and (max-height:760px){
  .m2-ad-card{padding:55px 10px 12px!important}
  .m2-ad-card > .m2-ad-rail__ornament{top:42px;width:40px;height:40px}
  .m2-ad-card__sigil{top:19%;width:60px;height:60px}
  .m2-ad-card__sigil span{font-size:30px}
  .m2-ad-card__copy small{margin-bottom:5px}
  .m2-ad-card__copy strong{font-size:22px}
  .m2-ad-card__copy p{margin:7px 0 10px}
  .m2-ad-card__action{min-height:34px}
}

/* Reklamların kapandığı tablet ve mobil genişliklerinde tema kendi düzenine döner. */
@media (max-width:1539px){
  .m2-mobile-showcase,
  .m2os-section,
  .site-footer{margin-right:0!important}
}


/* ========================================================================== 
   V5 · GENİŞ ALT BÖLÜMLER + TIKLANABİLİR REKLAM + HEADER KATMANI
   Mobil uygulama, çevrimiçi savaşçılar ve footer; sidebar ile sağ reklam
   arasındaki kullanılabilir alanı eksiksiz kaplar. Konu destek parşömeni
   header'ın altında kalır. Reklam kartlarının tamamı bağlantıdır.
   ========================================================================== */
.m2-ad-card{
  color:#f5e7cf;
  text-decoration:none!important;
  cursor:pointer;
  outline:none;
}
.m2-ad-card:visited{color:#f5e7cf}
.m2-ad-card:hover .m2-ad-card__action,
.m2-ad-card:focus-visible .m2-ad-card__action{
  transform:translateY(-2px);
  filter:brightness(1.12);
  border-color:rgba(245,203,126,.62);
}
.m2-ad-card:focus-visible{
  box-shadow:0 0 0 3px rgba(228,177,91,.72),0 24px 62px rgba(0,0,0,.58),inset 0 0 0 4px rgba(8,6,5,.82),inset 0 0 42px rgba(0,0,0,.62)!important;
}

@media (min-width:1540px){
  /* Alt bölümler artık ek güvenlik boşluğu almadan iki sabit kolon arasını doldurur. */
  .m2-mobile-showcase,
  .m2os-section,
  .site-footer{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--m2-ad-content-left)!important;
    margin-right:var(--m2-ad-right-space)!important;
  }

  /* Mobil tanıtımın görseli ve metni genişleyen alanı dengeli kullanır. */
  .m2-mobile-showcase__inner{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding-left:clamp(34px,3vw,56px)!important;
    padding-right:clamp(34px,3vw,56px)!important;
  }

  /* Çevrimiçi panelindeki gereksiz geniş yan boşluklar azaltıldı. */
  .m2os-section{
    padding-left:clamp(24px,2.2vw,38px)!important;
    padding-right:clamp(24px,2.2vw,38px)!important;
  }
  .m2os-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Footer iki kolon arasındaki tüm alanı kullanır. */
  .site-footer{
    padding-left:clamp(24px,2.3vw,40px)!important;
    padding-right:clamp(24px,2.3vw,40px)!important;
  }

  /* Sabit destek parşömeni içerikte görünür, fakat header'ın üstüne çıkamaz. */
  html.m2v-has-fixed-likebar .m2v-like-forge--viewport{
    z-index:90!important;
  }
}


/* ========================================================================== 
   V6 · KOMPAKT OKUMA DÜZENİ
   Büyük başlıkları ve yüksek tanıtım panellerini dengeli biçimde küçültür.
   TPL sistemlerine dokunmadan kaydırma mesafesini azaltır ve mevcut reklam
   koridorlarını korur.
   ========================================================================== */

/* İç sayfa reklamının tamamı bağlantıdır. */
.m2-inline-ad{
  display:block;
  min-height:124px;
  margin-bottom:18px;
  color:#f4e6ce!important;
  text-decoration:none!important;
  cursor:pointer;
  outline:none;
}
.m2-inline-ad:visited{color:#f4e6ce!important}
.m2-inline-ad__placeholder{
  min-height:122px;
  gap:20px;
  padding:18px 28px 18px 100px;
}
.m2-inline-ad__copy{display:block}
.m2-inline-ad__copy small{margin-bottom:5px;font-size:7px;letter-spacing:1.65px}
.m2-inline-ad__copy strong{font-size:clamp(20px,1.55vw,27px);line-height:1.12}
.m2-inline-ad__description{
  display:block;
  max-width:670px;
  margin-top:7px;
  color:#aaa091;
  font-size:10px;
  line-height:1.55;
}
.m2-inline-ad__seal{left:25px;width:58px;height:58px}
.m2-inline-ad__seal span{font-size:29px}
.m2-inline-ad__action{min-width:132px;height:40px;padding:0 16px}
.m2-inline-ad:hover .m2-inline-ad__action,
.m2-inline-ad:focus-visible .m2-inline-ad__action{
  transform:translateY(-2px);
  filter:brightness(1.13);
  border-color:rgba(244,203,127,.68);
}
.m2-inline-ad:focus-visible{
  box-shadow:0 0 0 3px rgba(226,174,87,.62),0 18px 54px rgba(0,0,0,.36),inset 0 0 0 4px rgba(6,5,4,.66);
}
.m2-inline-ad__kanji{font-size:58px}

/* Ana sayfa: görsel dili korunurken ilk ekran ve kartlar daha kısa. */
.m2-hero{min-height:440px!important;margin-bottom:22px!important}
.m2-hero-copy{padding:42px 30px 38px 46px!important}
.m2-hero-logo{width:160px!important;margin-bottom:14px!important}
.m2-hero h1{
  margin-bottom:14px!important;
  font-size:clamp(34px,3.25vw,54px)!important;
  line-height:1.06!important;
  letter-spacing:-1.25px!important;
}
.m2-hero-copy>p{margin-bottom:20px!important;font-size:12.5px!important;line-height:1.68!important}
.m2-hero-actions :is(.m2-primary-btn,.ghost-btn){min-height:42px!important;padding-left:17px!important;padding-right:17px!important;font-size:10px!important}
.m2-featured,.m2-topic-stream{margin-bottom:22px!important;padding:22px!important}
.m2-section-heading{margin-bottom:17px!important}
.m2-section-heading>div{padding-left:48px!important}
.m2-heading-mark{width:36px!important;height:36px!important;font-size:19px!important}
.m2-section-heading h2{font-size:25px!important;line-height:1.16!important}
.m2-section-heading>p{font-size:10.5px!important;line-height:1.55!important}
.m2-feature-heading>.m2-section-banner{min-height:68px!important;padding-top:10px!important;padding-bottom:10px!important}
.m2-feature-heading .m2-heading-copy h2{font-size:26px!important}
.m2-feature-card{min-height:292px!important}
.m2-feature-card>div{padding:19px 17px!important}
.m2-feature-card h3{font-size:21px!important;line-height:1.18!important}
.mt-post-title{font-size:17px!important;line-height:1.3!important}

/* İçerik sayfası: dev başlık alanı ve kapak görseli daha dengeli. */
.m2v-story-hero{
  min-height:340px!important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.60fr)!important;
}
.m2v-story-title-wrap{padding:40px clamp(28px,3.15vw,50px)!important}
.m2v-story-title-wrap h1{
  max-width:730px!important;
  margin:12px 0 16px!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:1.07!important;
  letter-spacing:-1.15px!important;
}
.m2v-story-meta{gap:6px!important}
.m2v-story-meta span,.m2v-story-meta a{min-height:30px!important;padding:0 9px!important;font-size:8px!important}
.m2v-story-meta svg{width:12px!important;height:12px!important}
.m2v-story-scroll-note{margin-top:16px!important;font-size:8px!important}
.m2v-story-cover,
.m2v-cover-media,
.m2v-cover-media img,
.m2v-cover-media a{min-height:340px!important}
.m2v-cover-frame{inset:12px!important}
.m2v-cover-seal{right:22px!important;top:22px!important;width:42px!important;height:42px!important;font-size:23px!important}
.m2v-cover-caption{left:24px!important;right:24px!important;bottom:23px!important;padding:11px 13px!important}
.m2v-cover-caption strong{font-size:12px!important}

/* İçerik başlıkları ve büyük araç panelleri göz yormayacak ölçüye iner. */
.m2v-panel-heading h2,.m2v-panel-heading h3,.m2v-forge-head h2,.m2v-forge-head h3{font-size:22px!important;line-height:1.2!important}
.m2v-full-text h1{font-size:32px!important;line-height:1.2!important}
.m2v-full-text h2{font-size:26px!important;line-height:1.25!important}
.m2v-full-text h3{font-size:21px!important;line-height:1.3!important}
.m2-modal h2{font-size:27px!important;line-height:1.2!important}

/* Mobil uygulama tanıtımı: aynı kompozisyon, daha az dikey alan. */
.m2-mobile-showcase{min-height:300px!important}
.m2-mobile-showcase__inner{min-height:300px!important;padding:36px 44px 32px!important}
.m2-mobile-showcase__content{width:min(610px,58%)!important}
.m2-mobile-showcase__eyebrow{margin-bottom:6px!important;font-size:9px!important;letter-spacing:2.2px!important}
.m2-mobile-showcase__eyebrow span{font-size:21px!important}
.m2-mobile-showcase h2{margin-bottom:13px!important;font-size:33px!important;line-height:1.12!important;letter-spacing:-.8px!important}
.m2-mobile-showcase h2::after{width:88px!important;margin-top:11px!important}
.m2-mobile-showcase p{max-width:560px!important;margin-bottom:13px!important;padding:13px 16px!important;font-size:11.5px!important;line-height:1.62!important}
.m2-mobile-showcase__status{margin-bottom:13px!important;font-size:9.5px!important}
.m2-mobile-showcase__status b{padding:4px 7px!important;font-size:8px!important}
.m2-mobile-showcase__stores{gap:8px!important}
.m2-store-badge{min-width:132px!important;height:44px!important;grid-template-columns:30px 1fr!important;grid-template-rows:15px 18px!important;padding:5px 11px 4px 9px!important}
.m2-store-badge svg{width:23px!important;height:23px!important}
.m2-store-badge small{font-size:6px!important}
.m2-store-badge strong{font-size:12px!important}
.m2-mobile-showcase__seal{width:70px!important;height:70px!important;bottom:22px!important}
.m2-mobile-showcase__seal span{font-size:31px!important}

/* Footer daha ince; bütün bağlantılar okunaklı kalır. */
.site-footer{min-height:68px!important;padding-top:12px!important;padding-bottom:12px!important}
.m2-footer-brand img{width:82px!important}
.site-footer p{font-size:7.5px!important}
.footer-links{gap:13px!important}
.footer-links a{font-size:7.5px!important}

/* Konu destek parşömeni kullanılabilir orta kolonun tamamını kaplar. */
@media (min-width:1540px){
  .m2v-like-forge,
  html.m2v-has-fixed-likebar .m2v-like-forge--viewport{
    left:var(--m2-ad-content-left)!important;
    right:var(--m2-ad-right-space)!important;
  }
  .m2v-like-forge{
    grid-template-columns:auto minmax(190px,1fr) minmax(470px,570px)!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .m2v-like-forge .m2v-like-action{
    grid-template-columns:minmax(225px,1.08fr) minmax(190px,.92fr)!important;
    gap:10px!important;
  }
}

@media (max-width:1024px){
  .m2-hero{min-height:400px!important}
  .m2v-story-hero{grid-template-columns:1fr!important;min-height:0!important}
  .m2v-story-title-wrap{padding:32px 24px!important}
  .m2v-story-title-wrap h1{font-size:clamp(28px,5vw,40px)!important}
  .m2v-story-cover,.m2v-cover-media,.m2v-cover-media img,.m2v-cover-media a{min-height:270px!important;max-height:330px!important}
  .m2-mobile-showcase__inner{padding-left:30px!important;padding-right:30px!important}
}

@media (max-width:760px){
  .m2-inline-ad{min-height:0;margin-bottom:14px}
  .m2-inline-ad__placeholder{min-height:126px;gap:12px;padding:17px 15px 16px 68px}
  .m2-inline-ad__seal{left:15px;width:42px;height:42px}
  .m2-inline-ad__seal span{font-size:21px}
  .m2-inline-ad__copy strong{font-size:19px}
  .m2-inline-ad__description{font-size:9px;line-height:1.45}
  .m2-inline-ad__action{min-width:118px;height:36px}

  .m2-hero{min-height:440px!important}
  .m2-hero h1{font-size:clamp(32px,10vw,42px)!important}
  .m2-featured,.m2-topic-stream{padding:16px!important}
  .m2-feature-card{min-height:260px!important}

  .m2v-story-title-wrap{padding:26px 17px!important}
  .m2v-story-title-wrap h1{font-size:clamp(26px,8.4vw,35px)!important;line-height:1.1!important}
  .m2v-story-cover,.m2v-cover-media,.m2v-cover-media img,.m2v-cover-media a{min-height:220px!important;max-height:260px!important}
  .m2v-cover-caption{left:16px!important;right:16px!important;bottom:15px!important}
  .m2v-full-text h1{font-size:27px!important}.m2v-full-text h2{font-size:23px!important}.m2v-full-text h3{font-size:19px!important}

  .m2-mobile-showcase{min-height:0!important}
  .m2-mobile-showcase__inner{min-height:0!important;padding:28px 18px 26px!important}
  .m2-mobile-showcase__content{width:100%!important}
  .m2-mobile-showcase h2{font-size:28px!important}
  .m2-mobile-showcase p{font-size:10.5px!important}
  .m2-mobile-showcase__seal{display:none!important}

  .site-footer{padding-top:14px!important;padding-bottom:14px!important}
}

@media (max-width:420px){
  .m2-inline-ad__placeholder{padding-left:13px}
  .m2-inline-ad__copy strong{font-size:18px}
  .m2-mobile-showcase h2{font-size:25px!important}
}


/* ========================================================================== 
   V8 · AKTİF YAN REKLAMDA GERÇEK KOLON + ÇERÇEVE
   Sağ reklam yayındaysa içerik reklamın altına girmez; gerçek sağ marj ayrılır.
   Aktif reklam tekrar çerçeveli görünür ve bitiş zamanı üst şeritte gösterilir.
   ========================================================================== */
.m2-ad-rail__frame{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:30px minmax(0,1fr);
  gap:6px;
  padding:5px;
  border:1px solid rgba(218,173,96,.38);
  background:
    linear-gradient(180deg,rgba(29,18,12,.98),rgba(7,5,4,.99)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.48),0 16px 42px rgba(0,0,0,.46);
  pointer-events:none;
}
.m2-ad-rail__head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:0 6px;
  border-bottom:1px solid rgba(215,170,97,.18);
  color:#9c8a72;
  font-size:7px;
  line-height:1;
  letter-spacing:.45px;
  white-space:nowrap;
  overflow:hidden;
}
.m2-ad-rail__head>span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#d8ad68;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.25px;
}
.m2-ad-rail__head>span i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b53d2d;
  box-shadow:0 0 8px rgba(181,61,45,.7);
}
.m2-ad-rail__head time{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#b9a588;
  font-style:normal;
}
.m2-ad-rail__frame>.m2-ad-card{
  min-height:0!important;
  height:100%!important;
  border:1px solid rgba(226,180,99,.34)!important;
  box-shadow:inset 0 0 0 2px rgba(8,6,5,.72),inset 0 0 28px rgba(0,0,0,.35)!important;
  pointer-events:auto;
}
.m2-ad-rail__frame>.m2-ad-card--live::before{
  z-index:2!important;
  inset:7px!important;
  border:1px solid rgba(236,197,127,.16)!important;
  background:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none;
}
.m2-ad-rail__frame>.m2-ad-card--live::after{
  z-index:2!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 0 68%,rgba(0,0,0,.26) 100%)!important;
  animation:none!important;
  pointer-events:none;
}
.m2-ad-rail__frame>.m2-ad-card--live>img{z-index:1}
.m2-ad-rail__frame>.m2-ad-card--live .m2-ad-card__action{z-index:4}

@media (min-width:1540px){
  /* Sağ reklam bir overlay değil, gerçek kolon: site sağdan fiziksel olarak küçülür. */
  .content-scroll,
  .inner-content-scroll{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--m2-ad-content-left)!important;
    margin-right:var(--m2-ad-right-space)!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  .m2-ad-rail{
    padding:7px 6px 10px!important;
    background:linear-gradient(180deg,rgba(12,8,6,.98),rgba(5,4,3,.99));
    border-left:1px solid rgba(205,153,77,.18);
    border-right:1px solid rgba(205,153,77,.18);
    box-shadow:0 0 34px rgba(0,0,0,.38);
  }

  /* İçeriğin sağ kenarına taşabilecek yüzde yüz genişlikli sayfaları da güvenli tut. */
  .content-scroll>.m2ads-page,
  .inner-content-scroll>.m2ads-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (min-width:1540px) and (max-width:1720px){
  .m2-ad-rail__head{padding:0 4px;font-size:6.5px}
  .m2-ad-rail__head>span{font-size:6.5px;letter-spacing:.9px}
}

/* ========================================================================== 
   V9 · ORTA ÜST REKLAM ÇERÇEVESİ + BİTİŞ ZAMANI
   Sol ve sağ raylarla aynı görsel dilde aktif reklam bilgisi gösterir.
   ========================================================================== */
.m2-inline-ad-frame{
  width:100%;
  margin:0 auto 24px;
  padding:5px;
  border:1px solid rgba(218,173,96,.36);
  background:linear-gradient(180deg,rgba(28,17,11,.98),rgba(7,5,4,.99));
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.42),0 16px 44px rgba(0,0,0,.32);
}
.m2-inline-ad-frame__head{
  min-height:29px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 9px;
  border-bottom:1px solid rgba(215,170,97,.16);
  color:#9c8a72;
  font-size:7px;
  letter-spacing:.5px;
}
.m2-inline-ad-frame__head>span{display:inline-flex;align-items:center;gap:6px;color:#d8ad68;font-size:7px;font-weight:900;letter-spacing:1.2px}
.m2-inline-ad-frame__head>span i{width:5px;height:5px;border-radius:50%;background:#b53d2d;box-shadow:0 0 8px rgba(181,61,45,.7)}
.m2-inline-ad-frame__head time{color:#baa78a;font-style:normal}
.m2-inline-ad-frame>.m2-inline-ad{margin:5px 0 0!important;border-color:rgba(226,180,99,.34)!important}
.m2-inline-ad-frame>.m2-inline-ad--live{position:relative}
.m2-inline-ad-frame>.m2-inline-ad--live::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:2!important;
  border:1px solid rgba(236,197,127,.16)!important;
  background:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
.m2-inline-ad-frame>.m2-inline-ad--live::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))!important;
  animation:none!important;
  pointer-events:none!important;
}
.m2-inline-ad-frame>.m2-inline-ad--live>img{z-index:1}
.m2-inline-ad-frame__action{
  position:absolute;
  right:14px;
  bottom:13px;
  z-index:4;
  min-height:32px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(227,179,94,.36);
  background:linear-gradient(135deg,rgba(165,46,36,.94),rgba(66,17,14,.96));
  color:#f5ddb0;
  font-size:7.5px;
  font-weight:900;
  letter-spacing:1px;
  box-shadow:0 7px 20px rgba(0,0,0,.38);
}
.m2-inline-ad-frame__action b{color:#efc36c;font-size:12px}
@media(max-width:760px){
  .m2-inline-ad-frame{margin-bottom:14px;padding:4px}
  .m2-inline-ad-frame__head{min-height:27px;padding:0 7px;font-size:6.5px}
  .m2-inline-ad-frame__head>span{font-size:6.5px;letter-spacing:.8px}
  .m2-inline-ad-frame__action{right:9px;bottom:9px;min-height:28px;padding:0 9px;font-size:6.5px}
}

/* ========================================================================== 
   V11 · SOL REKLAM AKTİFKEN SİTEYİ SAĞA KAYDIR
   Sağ reklamın içerikten alan çalması nasıl çalışıyorsa, sol reklam da
   sidebar + ana içerik için aynı genişlikte gerçek bir sol koridor ayırır.
   Body sınıfı ve DOM tespiti birlikte kullanılır; DLE render sırası farkları
   nedeniyle reklam görünürken sitenin reklamın altında kalması engellenir.
   ========================================================================== */
@media (min-width:1540px){
  body.m2-has-ad-left,
  html.m2-dom-has-ad-left body{
    --m2-ad-left-space:var(--m2-ad-rail-width)!important;
  }

  body.m2-has-ad-right,
  html.m2-dom-has-ad-right body{
    --m2-ad-right-space:var(--m2-ad-rail-width)!important;
  }

  /* Sol reklam varsa logo/menü reklam kolonunun hemen sağına geçer. */
  body.m2-has-ad-left .sidebar,
  html.m2-dom-has-ad-left .sidebar{
    left:var(--m2-ad-rail-width)!important;
    right:auto!important;
  }

  /* Ana içerik de sidebar ile birlikte sağa kayar. */
  body.m2-has-ad-left .content-scroll,
  body.m2-has-ad-left .inner-content-scroll,
  html.m2-dom-has-ad-left .content-scroll,
  html.m2-dom-has-ad-left .inner-content-scroll{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px))!important;
  }

  /* Ana akış dışındaki geniş bloklar da sol reklamın üstüne binmez. */
  body.m2-has-ad-left .m2-mobile-showcase,
  body.m2-has-ad-left .m2os-section,
  body.m2-has-ad-left .site-footer,
  html.m2-dom-has-ad-left .m2-mobile-showcase,
  html.m2-dom-has-ad-left .m2os-section,
  html.m2-dom-has-ad-left .site-footer{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px))!important;
  }

  /* Sağ reklam da varsa iki reklam koridoru aynı anda korunur. */
  body.m2-has-ad-right .content-scroll,
  body.m2-has-ad-right .inner-content-scroll,
  html.m2-dom-has-ad-right .content-scroll,
  html.m2-dom-has-ad-right .inner-content-scroll{
    padding-right:calc(var(--m2-ad-rail-width) + var(--m2-ad-content-gutter))!important;
  }

  body.m2-has-ad-right .m2-mobile-showcase,
  body.m2-has-ad-right .m2os-section,
  body.m2-has-ad-right .site-footer,
  html.m2-dom-has-ad-right .m2-mobile-showcase,
  html.m2-dom-has-ad-right .m2os-section,
  html.m2-dom-has-ad-right .site-footer{
    margin-right:var(--m2-ad-rail-width)!important;
  }
}

/* ========================================================================== 
   V12 · İKİ YAN REKLAM AKTİFKEN ORTA İÇERİĞİ DENGELE
   V11'de sağ reklam için eklenen güvenlik padding'i, sağ kolon zaten
   margin-right ile ayrıldığı için iki reklam birlikteyken ikinci kez alan
   ayırıyordu. Sonuç: sağ reklamın solunda gereksiz geniş boşluk ve dar içerik.
   İki yan reklam aynı anda yayındaysa yalnızca normal içerik gutter'ı bırakılır.
   ========================================================================== */
@media (min-width:1540px){
  body.m2-has-ad-left.m2-has-ad-right .content-scroll,
  body.m2-has-ad-left.m2-has-ad-right .inner-content-scroll,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right .content-scroll,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right .inner-content-scroll,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .content-scroll,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .inner-content-scroll{
    margin-right:var(--m2-ad-rail-width)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  /* Ana akış dışındaki geniş bloklarda da sağ reklam önünde çift boşluk oluşmasın. */
  body.m2-has-ad-left.m2-has-ad-right .m2-mobile-showcase,
  body.m2-has-ad-left.m2-has-ad-right .m2os-section,
  body.m2-has-ad-left.m2-has-ad-right .site-footer,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .m2-mobile-showcase,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .m2os-section,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .site-footer{
    margin-right:var(--m2-ad-rail-width)!important;
  }
}

/* ========================================================================== 
   V13 · SABİT DESTEK ŞERİDİNİ SOL SIDEBAR ÇİZGİSİNE KADAR GENİŞLET
   Sol yan reklam yayındayken sidebar reklamın sağına taşınır. Fullstory'nin
   sabit "Bu konu işine yaradı mı?" şeridi ise eski içerik başlangıcından
   kaldığı için sidebar'ın ortasından başlıyordu. Sol reklam varsa şeridin
   başlangıcını sidebar'ın gerçek sol kenarına (yan reklam koridorunun sonuna)
   alır; sağ reklam varsa sağ reklam koridoru da korunur.
   ========================================================================== */
@media (min-width:1540px){
  body.m2-has-ad-left .m2v-like-forge,
  body.m2-has-ad-left .m2v-like-forge--viewport,
  html.m2-dom-has-ad-left .m2v-like-forge,
  html.m2-dom-has-ad-left .m2v-like-forge--viewport,
  html.m2-dom-has-ad-left.m2v-has-fixed-likebar .m2v-like-forge--viewport{
    left:var(--m2-ad-rail-width)!important;
  }

  body.m2-has-ad-left.m2-has-ad-right .m2v-like-forge,
  body.m2-has-ad-left.m2-has-ad-right .m2v-like-forge--viewport,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right .m2v-like-forge,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right .m2v-like-forge--viewport,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right.m2v-has-fixed-likebar .m2v-like-forge--viewport{
    left:var(--m2-ad-rail-width)!important;
    right:var(--m2-ad-rail-width)!important;
  }
}

/* ========================================================================== 
   V14 · REKLAM SİLİNDİĞİNDE KOLONLARI ANINDA TEKRAR DENGELE
   Her kombinasyonda yalnızca DOM'da gerçekten bulunan reklam koridoru kadar
   alan ayırır. Sağ reklam tek başına kaldığında çift padding kaynaklı boşluk
   oluşmaz; sol/sağ reklam kaldırıldığında orta içerik otomatik genişler.
   ========================================================================== */
@media (min-width:1540px){
  .content-scroll,
  .inner-content-scroll{
    width:auto!important;
    max-width:none!important;
    margin-left:calc(var(--m2-ad-left-space) + var(--m2-sidebar,286px))!important;
    margin-right:var(--m2-ad-right-space)!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
    transition:margin-left .28s ease,margin-right .28s ease,padding .28s ease!important;
  }

  .sidebar{
    left:var(--m2-ad-left-space)!important;
    transition:left .28s ease!important;
  }

  .m2-mobile-showcase,
  .m2os-section,
  .site-footer{
    width:auto!important;
    max-width:none!important;
    margin-left:calc(var(--m2-ad-left-space) + var(--m2-sidebar,286px) + var(--m2-ad-content-gutter))!important;
    margin-right:calc(var(--m2-ad-right-space) + var(--m2-ad-content-gutter))!important;
    transition:margin-left .28s ease,margin-right .28s ease!important;
  }

  /* Fullstory destek şeridi her zaman viewport'un altında sabit kalır.
     Yorum formu / mobil uygulama alanı görünürken yukarı itilmez. */
  html.m2v-has-fixed-likebar .m2v-like-forge--viewport,
  .m2v-like-forge.m2v-like-forge--viewport{
    left:var(--m2-ad-left-space)!important;
    right:var(--m2-ad-right-space)!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
}

@media (max-width:1539px){
  html.m2v-has-fixed-likebar .m2v-like-forge--viewport,
  .m2v-like-forge.m2v-like-forge--viewport{
    bottom:8px!important;
  }
}


/* ========================================================================== 
   V15 · TEK SAĞ / TEK SOL REKLAMDA ÇİFT BOŞLUK DÜZELTMESİ
   V11'deki sağ reklam güvenlik padding'i ile V14'teki gerçek kolon margin'i
   tek sağ reklam kaldığında birlikte uygulanıp reklam genişliğini iki kez
   ayırıyordu. Bu katman, DOM'daki gerçek reklam kombinasyonunu son otorite
   kabul eder ve her koridoru yalnızca bir kez hesaba katar.
   ========================================================================== */
@media (min-width:1540px){
  /* Reklam yok: sidebar sonrası içerik ekranın sağına kadar açılır. */
  html:not(.m2-dom-has-ad-left):not(.m2-dom-has-ad-right) body .content-scroll,
  html:not(.m2-dom-has-ad-left):not(.m2-dom-has-ad-right) body .inner-content-scroll,
  body.m2-no-side-ads .content-scroll,
  body.m2-no-side-ads .inner-content-scroll{
    margin-left:var(--m2-sidebar,286px)!important;
    margin-right:0!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  /* Sadece sağ reklam: sağ ray bir kez ayrılır; ekstra reklam genişliği padding'e eklenmez. */
  html.m2-dom-has-ad-right:not(.m2-dom-has-ad-left) body .content-scroll,
  html.m2-dom-has-ad-right:not(.m2-dom-has-ad-left) body .inner-content-scroll,
  body.m2-has-ad-right:not(.m2-has-ad-left) .content-scroll,
  body.m2-has-ad-right:not(.m2-has-ad-left) .inner-content-scroll{
    margin-left:var(--m2-sidebar,286px)!important;
    margin-right:var(--m2-ad-rail-width)!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  /* Sadece sol reklam: sidebar + içerik sağa kayar, sağda boş koridor kalmaz. */
  html.m2-dom-has-ad-left:not(.m2-dom-has-ad-right) body .content-scroll,
  html.m2-dom-has-ad-left:not(.m2-dom-has-ad-right) body .inner-content-scroll,
  body.m2-has-ad-left:not(.m2-has-ad-right) .content-scroll,
  body.m2-has-ad-left:not(.m2-has-ad-right) .inner-content-scroll{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px))!important;
    margin-right:0!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  /* İki reklam: iki ray da tam birer kez ayrılır. */
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .content-scroll,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .inner-content-scroll,
  body.m2-has-ad-left.m2-has-ad-right .content-scroll,
  body.m2-has-ad-left.m2-has-ad-right .inner-content-scroll{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px))!important;
    margin-right:var(--m2-ad-rail-width)!important;
    padding-left:var(--m2-ad-content-gutter)!important;
    padding-right:var(--m2-ad-content-gutter)!important;
  }

  /* İçerik dışındaki geniş bölümler de aynı kombinasyon mantığını izler. */
  html.m2-dom-has-ad-right:not(.m2-dom-has-ad-left) body .m2-mobile-showcase,
  html.m2-dom-has-ad-right:not(.m2-dom-has-ad-left) body .m2os-section,
  html.m2-dom-has-ad-right:not(.m2-dom-has-ad-left) body .site-footer,
  body.m2-has-ad-right:not(.m2-has-ad-left) .m2-mobile-showcase,
  body.m2-has-ad-right:not(.m2-has-ad-left) .m2os-section,
  body.m2-has-ad-right:not(.m2-has-ad-left) .site-footer{
    margin-left:calc(var(--m2-sidebar,286px) + var(--m2-ad-content-gutter))!important;
    margin-right:calc(var(--m2-ad-rail-width) + var(--m2-ad-content-gutter))!important;
  }

  html.m2-dom-has-ad-left:not(.m2-dom-has-ad-right) body .m2-mobile-showcase,
  html.m2-dom-has-ad-left:not(.m2-dom-has-ad-right) body .m2os-section,
  html.m2-dom-has-ad-left:not(.m2-dom-has-ad-right) body .site-footer,
  body.m2-has-ad-left:not(.m2-has-ad-right) .m2-mobile-showcase,
  body.m2-has-ad-left:not(.m2-has-ad-right) .m2os-section,
  body.m2-has-ad-left:not(.m2-has-ad-right) .site-footer{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px) + var(--m2-ad-content-gutter))!important;
    margin-right:var(--m2-ad-content-gutter)!important;
  }

  html:not(.m2-dom-has-ad-left):not(.m2-dom-has-ad-right) body .m2-mobile-showcase,
  html:not(.m2-dom-has-ad-left):not(.m2-dom-has-ad-right) body .m2os-section,
  html:not(.m2-dom-has-ad-left):not(.m2-dom-has-ad-right) body .site-footer,
  body.m2-no-side-ads .m2-mobile-showcase,
  body.m2-no-side-ads .m2os-section,
  body.m2-no-side-ads .site-footer{
    margin-left:calc(var(--m2-sidebar,286px) + var(--m2-ad-content-gutter))!important;
    margin-right:var(--m2-ad-content-gutter)!important;
  }

  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .m2-mobile-showcase,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .m2os-section,
  html.m2-dom-has-ad-left.m2-dom-has-ad-right body .site-footer,
  body.m2-has-ad-left.m2-has-ad-right .m2-mobile-showcase,
  body.m2-has-ad-left.m2-has-ad-right .m2os-section,
  body.m2-has-ad-left.m2-has-ad-right .site-footer{
    margin-left:calc(var(--m2-ad-rail-width) + var(--m2-sidebar,286px) + var(--m2-ad-content-gutter))!important;
    margin-right:calc(var(--m2-ad-rail-width) + var(--m2-ad-content-gutter))!important;
  }
}