/* W Dönüşüm taslakları: açılır menü ve mobil uyum (tüm sayfalarda en son yüklenir) */

/* Açılır menü (masaüstü) */
.menu{align-items:center;align-self:stretch}
.menu .acilir{position:relative;display:flex;align-items:center;align-self:stretch}
.menu .alt-menu{display:none;position:absolute;top:100%;left:-18px;z-index:20;background:#1F1F1D;border-top:2px solid var(--yesil);min-width:290px;padding:10px 0;box-shadow:0 14px 34px #0007}
.menu .alt-menu a{display:block;padding:9px 18px;color:#E8E7E1;font-weight:600;font-size:14.5px;box-shadow:none !important}
.menu .alt-menu a:hover{background:#2A2A27;color:#fff}
.menu .acilir:hover .alt-menu,.menu .acilir:focus-within .alt-menu{display:block}
.menu .acilir > a{padding:0}
.menu-ac{display:none;background:none;border:1.5px solid #ffffff55;color:#fff;width:42px;height:42px;border-radius:4px;font-size:20px;cursor:pointer}
.ara{color:inherit}
.pasif{opacity:.6;cursor:default}

@media (max-width:1100px){
  .menu{gap:18px;font-size:14px}
  .sag span{display:none}
}

@media (max-width:960px){
  body{font-size:16.5px}
  .kap{padding:0 20px}
  .not{font-size:12px}

  /* Üst bölüm: hamburger menü */
  .ust .kap{height:68px;gap:14px}
  .ust img{height:38px}
  .menu-ac{display:block;margin-left:auto}
  .sag{display:none}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#1A1A18;flex-direction:column;gap:0;padding:8px 20px 18px;font-size:16px}
  .ust{position:relative}
  .ust.acik .menu{display:flex}
  .menu > a,.menu .acilir > a{padding:12px 0;border-bottom:1px solid #ffffff14}
  .menu .acilir{flex-direction:column;align-items:stretch}
  .menu .alt-menu{display:block;position:static;box-shadow:none;border:0;background:none;padding:0 0 6px 14px;min-width:0}
  .menu .alt-menu a{padding:7px 0;font-size:14.5px;color:#BEBDB6}
  .menu a.aktif{box-shadow:none;color:var(--parlak)}

  /* Başlıklar */
  h1.serif,.hero h1,.kapak-koyu h1,.kapak-acik h1,.makale-ust h1,.ust-alan h1,.bilgi h1{font-size:38px !important;line-height:1.12 !important}
  .bas{flex-direction:column;align-items:flex-start;gap:12px}
  .bas h2,.giris h2,.giris-iki h2,.hakkinda h2,.ilkeler-alan h2,.one-cikan h2{font-size:30px !important}
  section{padding-top:60px}

  /* Izgaraları tek sütuna indir */
  .hero .kap,.kapak-iki,.giris,.giris-iki,.cift,.hakkinda,.one-cikan,.hesap,.ilkeler-alan,.kurucu,
  .govde,.sahne .kap,.vaka-izgara,.videolar,.vid-izgara,.icgoru,.ic-izgara,.ic-izgara.uc,.araclar,.arac-izgara,
  .alanlar,.alan-izgara,.sektor-izgara,.adimlar,.uc-adim,.sorular,.ilgili,.ilgili-izgara,.kanal-izgara,.ilkeler,.kucukler,.vaka-izgara
  {grid-template-columns:1fr !important;gap:18px !important}
  .sektorler{grid-template-columns:1fr 1fr !important}
  .alt .izgara{grid-template-columns:1fr 1fr !important;gap:26px}
  .alt .izgara > div:first-child{grid-column:1 / -1}
  .alt .telif{flex-direction:column;gap:6px}

  /* Ana sayfa */
  .hero{padding:40px 0 56px}
  .hero p{font-size:18px}
  .dugme.ince{margin:10px 0 0}
  .alan{padding:22px 0}
  .vaka{padding:26px 22px}
  .vaka .rakam{font-size:46px}
  .takip .kap{flex-direction:column;align-items:flex-start}
  .kanallar{flex-wrap:wrap}

  /* Soru listesi */
  .soru,.soru:nth-child(odd),.soru:nth-child(even){border-right:0;padding:18px 0}

  /* Sayfa içi menü ve filtreler yatay kaydırılır */
  .sayfa-ici .kap{overflow-x:auto;white-space:nowrap;gap:22px}
  .filtre-grup{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .filtre-grup b{flex:0 0 52px}
  .filtre-cubuk{position:static}

  /* Kapaklar ve özet */
  .kapak-koyu,.kapak-acik{padding:36px 0 44px}
  .ozet{border-left:0;padding-left:0;border-top:1px solid #ffffff2E}
  .kapak-w{max-width:240px;justify-self:start}

  /* Vaka sayfası */
  .bakis .kap,.bakis-bant .kap{grid-template-columns:1fr 1fr !important;gap:22px}
  .bakis h2,.bakis-bant h2{grid-column:1 / -1}
  .bakis .r b{font-size:38px}
  .icindekiler{display:none}
  .yan{position:static}

  /* Video sayfası */
  .notlar{order:2}
  .yan-video{order:3}

  /* Makale ve araç */
  .yazar-satiri{flex-wrap:wrap}
  .araclar-ust{margin-left:0}
  .formul{font-size:15px;padding:18px;gap:8px}
  blockquote{font-size:24px}
  .buyuk-sonuc b{font-size:60px}
  .girdiler,.sonuc{padding:24px}
  .girdiler label{flex-direction:column;align-items:flex-start;gap:8px}
  .portre-buyuk{width:160px;height:190px}
  .yontem-bant{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 24px}
  .arama-kutu input{font-size:28px}
}

/* Hazır olmayan öğeler */
.yakinda{opacity:.78;cursor:default}
.yakinda .git,.yakinda span:last-child{color:#BEBDB6 !important}
.dugme.pasif,.kanal.pasif,.yt.pasif{opacity:.7}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:70px}
@media (max-width:960px){
  .buyuk{aspect-ratio:auto !important;min-height:300px}
  .oynat{width:50px !important;height:50px !important;top:20px !important;left:22px !important}
  .buyuk .yazi{left:22px !important;right:22px !important}
  .buyuk h3{font-size:21px !important}
}
.kanal-kart h2{overflow-wrap:anywhere}