@media (max-width:900px) {
  .mobile-toggle {display:none !important;}
  .mobile-app-nav {
    display:flex !important;
    z-index: 20000 !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
  }
  footer {display:none !important;}
  body {padding-bottom:100px !important;}
  body.search-active .navbar,
  body.search-active nav.navbar,
  body.search-active header,
  body.search-active .desktop-header {
    display: none !important;
  }
  body.search-active #mobileSearchOverlay {display:flex !important;flex-direction:column;animation:slideDown 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;z-index:21000 !important;}
  body.sheet-active .mobile-bottom-sheet.active {
    transform: translateY(0) translateZ(0) !important;
    visibility: visible !important;
  }
  body.menu-active #generalMenuBottomSheet {
    transform: translateY(0) translateZ(0) !important;
    visibility: visible !important;
  }

  @keyframes slideDown {
    from {transform:translateY(-100%);opacity:0;}
    to {transform:translateY(0);opacity:1;}
  }

  .mobile-nav-btn {
    min-width: 98px;
    width: 98px;
    justify-content: center !important;
    text-align: center;
    flex-shrink: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    /* Hover/active GPU'ya al */
    transform: translateZ(0);
  }
  .mobile-nav-btn:hover {background:rgba(255, 255, 255, 0.15) !important;}
  .mobile-nav-btn:active {transform:scale(0.92) translateZ(0) !important;}

  .mobile-nav-center {
    min-width: 46px !important;
    width: 46px !important;
    height: 46px !important;
    transform: translateZ(0);
  }
  .mobile-nav-center:hover {background:rgba(255, 255, 255, 0.25) !important;}

  .mobile-search-overlay {box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}

  .mobile-menu-card {
    /* Sadece compositor-safe özellikler anime edilsin */
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.15s ease !important;
    transform: translateZ(0);
  }
  .mobile-menu-card:active {
    transform: scale(0.95) translateZ(0) !important;
  }
  .mobile-menu-card:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
  }

  /* PERFORMANS KRİTİK: bottom yerine transform kullan, backdrop-filter'ı hafiflet */
  .mobile-bottom-sheet {
    will-change: transform;
    -webkit-overflow-scrolling: touch;
    bottom: 0 !important;
    /* GPU compositor layer - layout/paint tetiklemez */
    transform: translateY(calc(100% + 60px)) translateZ(0) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    /* blur(25px) çok ağır → 6px yeterli görsel etki sağlar, 4x daha hızlı */
    backdrop-filter: blur(6px) saturate(150%);
    -webkit-backdrop-filter: blur(6px) saturate(150%);
    /* İçerik sınırlama - dışarıdaki reflow'ları önle */
    contain: layout style;
    visibility: hidden;
  }
  .mobile-bottom-sheet.active {
    visibility: visible !important;
  }

  /* Overlay: opacity+pointer-events ile smooth geçiş - display değiştirme layout thrashing yaratır */
  #mobileBottomSheetOverlay {
    display: block !important; /* her zaman DOM'da - sadece opacity/pointer-events değişir */
    transition: opacity 0.25s ease !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  body.sheet-active #mobileBottomSheetOverlay,
  body.menu-active #mobileBottomSheetOverlay {
    pointer-events: auto !important;
    opacity: 1 !important;
  }

  #generalMenuBottomSheet, #categoriesBottomSheet, #firmalarCategoriesBottomSheet, #ruyaLettersBottomSheet {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  #generalMenuBottomSheet::-webkit-scrollbar,
  #categoriesBottomSheet::-webkit-scrollbar,
  #firmalarCategoriesBottomSheet::-webkit-scrollbar,
  #ruyaLettersBottomSheet::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}
@media (min-width:901px) {
  .mobile-app-nav {display:none !important;}
  #mobileSearchOverlay {display:none !important;}
  .mobile-bottom-sheet {display:none !important;}
  #mobileBottomSheetOverlay {display:none !important;}
  #pwaAutoInviteBanner {display:none !important;}
}
@media (max-width:380px) {
  .mobile-nav-label {display:inline;font-size:0.8rem;}
  .mobile-app-nav {padding:0.35rem;gap:0.15rem;}
  .mobile-nav-btn {padding:0.6rem 0.3rem !important;font-size:0.82rem;gap:0.3rem;min-width:84px !important;width:84px !important;}
  .mobile-nav-center {width:42px !important;height:42px !important;min-width:42px !important;}
}