/* ORTA BOY EKRANLAR (2026-09-29, abinin ekrani): 1585px altinda TR/tema ikinci satira dusuyor, serit 134-191px oluyordu.
   Tek satir: yazi/aralik kademeli sikisir; 1300 altinda hamburger panel. */
@media (min-width:769px){
  header .header-content{flex-wrap:nowrap!important;align-items:center}
  header .header-actions{flex:none;margin-left:14px!important}
}
@media (min-width:769px) and (max-width:1700px){
  nav#mainNav{gap:15px!important}
  nav#mainNav > a,nav#mainNav > .nav-dropdown > a{font-size:12px!important;letter-spacing:1.4px!important}
  header .header-actions{gap:8px!important}
  header .header-actions .btn-minimal,header #langBtn,header #themeBtn{height:36px!important;padding:4px 7px!important}
}
@media (min-width:769px) and (max-width:1440px){
  header .header-content{padding:0 22px!important}
  nav#mainNav{gap:11px!important}
  nav#mainNav > a,nav#mainNav > .nav-dropdown > a{font-size:11.2px!important;letter-spacing:1px!important}
  header #headerLogo{height:34px!important}
}
/* CEE telefon menusu (2026-09-29): eski main.css / cross-browser-fix.css kurallari birbirini eziyordu
   (son madde tasiyor, kaydirma yok, sayfa basa ziplıyor). Tek, net kural seti. */
@media (min-width:769px) and (max-width:1300px){
  /* dar dizustu: menu tek satira sigmiyor -> telefondaki hamburger panel */
  #menuToggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;
    width:44px!important;height:44px!important;padding:0!important;background:none!important;border:0!important;cursor:pointer}
  #menuToggle .cee-bar{display:block!important;width:24px!important;height:2px!important;border-radius:2px;background:#ececec!important;transition:transform .25s,opacity .2s}
  #menuToggle.open .cee-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #menuToggle.open .cee-bar:nth-child(2){opacity:0}
  #menuToggle.open .cee-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header .header-actions{margin-left:12px!important}
}
@media (max-width:1300px){
  #menuToggle{position:relative;z-index:10003!important}
  html body header nav#mainNav:not(.mobile-open){display:none!important}
  nav#mainNav.mobile-open{
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(300px,82vw)!important;height:100%!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding:88px 26px calc(28px + env(safe-area-inset-bottom)) 26px!important;gap:0!important;margin:0!important;
    background:linear-gradient(180deg,#2a2c31 0%,#16171a 100%)!important;border-left:1px solid #3c3f45!important;
    box-shadow:-18px 0 40px rgba(0,0,0,.45)!important;transform:none!important;z-index:10002!important;
    animation:ceeMenuGel .28s cubic-bezier(.2,.7,.2,1)!important}
  @keyframes ceeMenuGel{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
  nav#mainNav.mobile-open > a,nav#mainNav.mobile-open > .nav-dropdown > a{
    flex:none!important;display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;
    padding:12px 2px!important;margin:0!important;font-size:12.5px!important;letter-spacing:2.2px!important;
    color:#e8e8e8!important;-webkit-text-fill-color:#e8e8e8!important;opacity:1!important;transform:none!important;animation:none!important;
    background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important}
  nav#mainNav.mobile-open > a.active{color:#d4af37!important;-webkit-text-fill-color:#d4af37!important}
  nav#mainNav.mobile-open > a::before,nav#mainNav.mobile-open > a::after{display:none!important}
  nav#mainNav.mobile-open .nav-dropdown{display:block!important;position:static!important;width:100%!important;flex:none!important}
  nav#mainNav.mobile-open .ehizmetler-menu{position:static!important;margin:4px 0 10px!important;min-width:0!important;width:100%!important;
    box-shadow:none!important;border-radius:8px!important}
  nav#mainNav.mobile-open .ehizmetler-menu a{font-size:11.5px!important;letter-spacing:1px!important;padding:11px 14px!important}
  /* hamburger cizgileri koyu seritte gorunmuyordu */
  body.ceh-saydam #menuToggle .cee-bar,body.dark-mode #menuToggle .cee-bar{background:#ececec!important}
  /* dil listesi: dugme telefonda solda duruyor, liste saga hizali acilip ekran disina tasiyordu (JS ayrica sigdirir) */
  #langMenu{left:0!important;right:auto!important;max-width:calc(100vw - 16px)}
  /* ust serit transform/blur tasiyor: sabit panel ekrana degil seride gore konumlaniyordu (117px'e sikisiyordu) */
  body.cee-menu-acik header{transform:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    will-change:auto!important;contain:none!important;perspective:none!important}
  #ceeMenuPerde{position:fixed;inset:0;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10001;opacity:0;pointer-events:none;transition:opacity .25s ease}
  body.cee-menu-acik #ceeMenuPerde{opacity:1;pointer-events:auto}
}