/* === FINAL: MOBİL HAMBURGER TAM SAĞA YASLANDI === */
@media (max-width:768px){

  html, body{
    overflow-x:hidden !important;
  }

  .header{
    width:100% !important;
    overflow:visible !important;
  }

  .header .container{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:14px !important;
    padding-right:0 !important;
  }

  .header .nav,
  .nav{
    width:100% !important;
    max-width:100% !important;
    height:82px !important;
    min-height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
  }

  .logo,
  .logo-clean-link{
    margin-left:0 !important;
    margin-right:0 !important;
    flex:0 0 auto !important;
  }

  .site-logo-clean,
  .logo img{
    height:54px !important;
    width:auto !important;
    max-width:175px !important;
    object-fit:contain !important;
  }

  .right-nav,
  .force-right-nav{
    margin-left:auto !important;
    margin-right:0 !important;
    padding-right:0 !important;
    width:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }

  .force-mobile-menu-right,
  .mobile-menu-btn,
  .menu-toggle,
  .hamburger,
  .nav-toggle,
  .mobile-toggle,
  .menu-btn,
  button[aria-label*="menu" i],
  button[aria-label*="menü" i]{
    position:relative !important;
    margin-left:auto !important;
    margin-right:0 !important;
    right:0 !important;
    left:auto !important;
    transform:none !important;
    flex:0 0 auto !important;
  }

  .force-mobile-menu-right{
    margin-right:0 !important;
    transform:translateX(0) !important;
  }

  .force-mobile-menu-right i,
  .mobile-menu-btn i,
  .menu-toggle i,
  .hamburger i,
  .nav-toggle i,
  .mobile-toggle i,
  .menu-btn i{
    display:block !important;
  }

  /* Eğer ikon kendi başına div içinde kaldıysa son çare sağa it */
  .header i.fa-bars,
  .header .fa-bars{
    position:relative !important;
    right:0 !important;
    transform:translateX(0) !important;
  }
}

@media (max-width:420px){
  .header .container{
    padding-left:12px !important;
    padding-right:0 !important;
  }

  .force-mobile-menu-right,
  .mobile-menu-btn,
  .menu-toggle,
  .hamburger,
  .nav-toggle,
  .mobile-toggle,
  .menu-btn{
    margin-right:0 !important;
  }
}


/* =========================================================
   CHATGPT FINAL DÜZENLEME
   Mobil header: sadece logo + açılır menü kalsın
   Instagram / telefon / WhatsApp mobilde gizlendi
   Hamburger ekranın sağına yaslandı
========================================================= */
@media(max-width:760px){

  html,
  body{
    overflow-x:hidden !important;
  }

  .header{
    height:78px !important;
    min-height:78px !important;
    overflow:visible !important;
  }

  .header .container,
  .container.nav{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:14px !important;
    padding-right:0 !important;
  }

  .header .nav,
  .nav{
    width:100% !important;
    max-width:100% !important;
    height:78px !important;
    min-height:78px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    position:relative !important;
    flex-wrap:wrap !important;
  }

  .logo,
  .site-logo-clean,
  .logo img{
    width:auto !important;
    max-width:165px !important;
    height:54px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
  }

  /* Mobilde sağdaki ekstra ikonları tamamen kapat */
  .right-nav,
  .insta,
  .call-top,
  .wa-top{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  /* Hamburger menü sağ kenara yaslandı */
  .mobile-menu-toggle{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
    border:1px solid rgba(72,180,255,.35) !important;
    background:rgba(22,140,255,.12) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    z-index:60 !important;
  }

  .mobile-menu-toggle span{
    width:22px !important;
    height:2px !important;
    border-radius:5px !important;
    background:#ffffff !important;
    display:block !important;
    transition:.25s ease !important;
  }

  .menu{
    display:none !important;
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:78px !important;
    width:auto !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:10px 0 0 !important;
    z-index:55 !important;
  }

  body.mobile-menu-open .menu{
    display:flex !important;
  }

  .menu a{
    width:100% !important;
    padding:13px 14px !important;
    border-radius:12px !important;
    background:rgba(2,13,35,.96) !important;
    border:1px solid rgba(72,180,255,.24) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22) !important;
  }

  body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }

  body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){
    opacity:0 !important;
  }

  body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }
}