/* === DÖRTEL TÜM SAYFALAR MOBİL MENÜ DÜZELTME === */
.mobile-menu-toggle{
  display:none;
}

@media (max-width:768px){
  html, body{
    overflow-x:hidden !important;
  }

  .header,
  header.header{
    height:78px !important;
    min-height:78px !important;
    overflow:visible !important;
    position:sticky !important;
    top:0 !important;
    z-index:1000000 !important;
    background:#ffffff !important;
    border-bottom:1px solid #e5edf6 !important;
    box-shadow:0 4px 18px rgba(15,23,42,.06) !important;
  }

  .header .container,
  .header .container.nav,
  .container.nav,
  .header .nav,
  .nav{
    width:100% !important;
    max-width:100% !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 14px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    overflow:visible !important;
    position:relative !important;
    background:transparent !important;
  }

  .header .dortel-logo-link,
  .header .logo-clean-link,
  .header .logo-link{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    max-width:190px !important;
  }

  .header .site-logo-clean,
  .header .site-logo,
  .header .logo,
  .header .logo img,
  .header .logo-link img,
  .header .dortel-logo-link img{
    width:auto !important;
    max-width:178px !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
    object-position:left center !important;
    display:block !important;
    margin:0 !important;
    filter:none !important;
    border-radius:0 !important;
  }

  .header .right-nav,
  .header .insta,
  .header .call-top,
  .header .top-call,
  .header .wa-top{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .mobile-menu-toggle,
  .header .mobile-menu-toggle,
  button.mobile-menu-toggle{
    display:flex !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    border-radius:11px !important;
    border:1px solid #b9dcff !important;
    background:#eef7ff !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:0 !important;
    margin:0 0 0 auto !important;
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    z-index:1000003 !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    box-shadow:none !important;
  }

  .mobile-menu-toggle span,
  .header .mobile-menu-toggle span{
    width:21px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#168cff !important;
    display:block !important;
    transition:transform .22s ease, opacity .22s ease !important;
    pointer-events:none !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;
  }

  .header .menu,
  nav.menu,
  .menu,
  .nav-menu,
  .nav-links,
  .main-menu{
    display:none !important;
  }

  body.mobile-menu-open .header .menu,
  body.mobile-menu-open nav.menu,
  body.mobile-menu-open .menu,
  body.mobile-menu-open .nav-menu,
  body.mobile-menu-open .nav-links,
  body.mobile-menu-open .main-menu,
  .header .menu.active,
  .header .menu.open,
  .header .menu.show{
    display:flex !important;
    position:absolute !important;
    top:78px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    max-width:none !important;
    z-index:1000002 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:10px !important;
    margin:0 !important;
    background:#ffffff !important;
    border:1px solid #dbeafe !important;
    border-radius:0 0 18px 18px !important;
    box-shadow:0 18px 45px rgba(15,23,42,.18) !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mobile-menu-open .header .menu a,
  body.mobile-menu-open nav.menu a,
  body.mobile-menu-open .menu a,
  body.mobile-menu-open .nav-menu a,
  body.mobile-menu-open .nav-links a,
  body.mobile-menu-open .main-menu a,
  .header .menu.active a,
  .header .menu.open a,
  .header .menu.show a{
    width:100% !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 16px !important;
    margin:0 !important;
    border-radius:12px !important;
    background:#f4f9ff !important;
    border:1px solid #dbeafe !important;
    box-shadow:none !important;
    color:#071428 !important;
    opacity:1 !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    text-decoration:none !important;
  }

  body.mobile-menu-open .header .menu a::after,
  body.mobile-menu-open nav.menu a::after,
  body.mobile-menu-open .menu a::after{
    display:none !important;
    content:none !important;
  }

  body.mobile-menu-open .header .menu a:hover,
  body.mobile-menu-open nav.menu a:hover,
  body.mobile-menu-open .menu a:hover{
    background:#eaf5ff !important;
    border-color:#b9dcff !important;
    color:#168cff !important;
  }
}