/* ========================================================================== 
   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(160px,10vw,190px);
  --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:63}
.m2-ad-rail{
  position:fixed;
  top:var(--m2-ad-top);
  bottom:18px;
  z-index:63;
  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::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::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-sidebar-left:var(--m2-ad-rail-width);
  --m2-ad-content-left:calc(var(--m2-ad-rail-width) + 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-rail-width) + var(--m2-ad-content-gutter));
}

/* Ç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-rail-width)!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-rail-width)!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}
}