/* ═══ Rondo Mobil Düzeltmeleri ═══ */
/* Desktop'a dokunmaz; sadece <=768px ve dokunmatik cihazlarda devreye girer */

@media (max-width: 768px) {

  /* ── Temel ── */
  html, body {
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    overscroll-behavior-y: none;
  }
  html { zoom: 1 !important; }
  body {
    font-size: 14px;
    /* Sadece alt safe-area boslugu (ust header mobilde gizli) */
    padding-top: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
  img, video, iframe { max-width: 100%; }
  * { -webkit-tap-highlight-color: transparent; }

  /* iOS input zoom onleme: 16px altinda font zoom tetikler */
  input, textarea, select, [contenteditable="true"] {
    font-size: 16px !important;
  }

  /* Dokunma hedefleri: min 40px */
  button, .nav-tab, [role="button"], a.btn {
    min-height: 40px;
  }

  /* ── Grid'ler tek cift sutuna ── */
  .grid { gap: 0.75rem !important; }
  .grid[class*="grid-cols-3"], .grid[class*="grid-cols-4"],
  .grid[class*="grid-cols-5"], .grid[class*="grid-cols-6"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* ── Sabit genislikli kolonlari esnet ── */
  [class*="w-64"], [class*="w-72"], [class*="w-80"], [class*="w-96"],
  [class*="min-w-64"], [class*="min-w-72"], [class*="min-w-80"] {
    width: auto !important;
    min-width: 0 !important;
  }
  .flex[class*="lg:grid-cols"] { flex-wrap: wrap; }

  /* ── Modaller mobilde neredeyse tam ekran ── */
  [id$="Modal"] > div:not([class*="absolute"]):first-child,
  .modal-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: 92vh !important;
    border-radius: 14px !important;
  }

  /* ── Dropdown/menu tasmasi ── */
  [id$="Dropdown"], [id$="Menu"], [class*="dropdown"] {
    max-width: calc(100vw - 24px);
    right: 8px !important;
  }

  /* ── Kapali sidebar'in sag kenar cizgisi sarkmasin ── */
  #sidebar.-translate-x-full {
    transform: translateX(calc(-100% - 8px)) !important;
  }

  /* ── Kanal sayfasi ── */
  /* Player: tam genislik, ustte sabit olmasin */
  .player-sticky-wrapper {
    position: static !important;
    width: 100% !important;
  }
  .player-sticky-wrapper video { aspect-ratio: 16/9; }

  /* Chat + player yan yana degil alt alta */
  #channelLiveLayout, [class*="live-layout"] { flex-direction: column !important; }

  /* Kontrol masasi (deck): mobilde tam genislik drawer gibi */
  #streamerControlDeck {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .deckTabContent { padding: 0 0.5rem 0.5rem !important; }
  .nav-tab { white-space: nowrap; }

  /* Chat kutusu: ekran yuksekliginin bir kismini kaplasin */
  #chatContainer, .chat-box, [id*="chatMessages"] {
    max-height: 45vh;
  }

  /* ═══ KANAL SAYFASI OZEL ═══ */
  /* Ana icerik: tam viewport yuksekliginde, ust navigasyon icin ic bosluk */
  #mainContent {
    height: calc(100dvh - 48px) !important;
    min-height: 0 !important;
  }
  #mainContent > .flex > .flex-1.overflow-y-auto {
    padding-top: calc(60px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  /* Kanal tab bar: 5 sekme yatay kaydirilabilir olsun */
  #channelTabLive ~ .channel-tab-content,
  .channel-tab-content { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .channel-tab-content { padding-top: 0.75rem !important; }
  /* Kanal tab bar: 5 sekme yatay kaydirilabilir, ezilmeden */
  .channel-tab, .modern-tab {
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
  .channel-tab > span, .modern-tab > span {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 8px 10px !important;
    font-size: 12px;
    white-space: nowrap;
  }
  .channel-tab i, .channel-tab svg, .modern-tab i, .modern-tab svg {
    width: 14px !important; height: 14px !important; flex-shrink: 0;
  }
  .channel-tab span span, .modern-tab span span { white-space: nowrap; }
  /* Tab bar'in kendisi: ortalama yerine sola yasli + kaydirilabilir */
  .channel-tab:first-child, .modern-tab:first-child {}
  div:has(> .channel-tab), div:has(> .modern-tab) {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 4px !important;
  }
  div:has(> .channel-tab)::-webkit-scrollbar, div:has(> .modern-tab)::-webkit-scrollbar { display: none; }

  /* Player + Chat: alt alta */
  #channelTabLive .flex.gap-4 { flex-direction: column !important; }
  #channelTabLive [class*="w-7/12"], #channelTabLive [class*="w-5/12"] {
    width: 100% !important;
    flex-shrink: 1 !important;
  }
  /* Player kutusu: 16:9 tam genislik */
  #channelTabLive [style*="56.25vw"] {
    height: 56.25vw !important;
    max-height: none !important;
  }
  /* Xat chat: mesaj alanı geniş, aşağıya uzanabilsin */
  .xat-chat { height: auto !important; min-height: 360px !important; max-height: 92vh !important; width: 100% !important; position: relative !important; top: auto !important; border-radius: 12px !important; border-width: 1px !important; box-shadow: none !important; }
  .xat-banner { padding: 6px 10px !important; gap: 8px !important; }
  .xat-app-tabs { height: 44px !important; }
  .chat-input-container { padding: 8px !important; }
  #chatMessages, #mobileChatMessages { min-height: 180px !important; }
  /* Mobil sohbet / inbox / users'da ilk satirin ust padding'ini sifirla */
  #mobileChatMessages > article:first-child,
  #mobileDmMessages > article:first-child,
  #mobileDmInboxList > button:first-child,
  #mobileUsersList > div:first-child {
    padding-top: 0 !important;
  }
  .xat-user-list { display: none !important; }

  /* Yayınci kontrol masasi: tek satir, cok kompakt bar */
  #streamerControlDeck .bar-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 32px !important;
    height: auto !important;
    padding: 3px 6px !important;
    overflow: hidden !important;
  }
  #streamerControlDeck .bar-header {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    gap: 4px !important;
    overflow: hidden !important;
  }
  #streamerControlDeck .header-icon {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
  }
  #streamerControlDeck .header-icon i { width: 11px !important; height: 11px !important; }
  #streamerControlDeck .header-text {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  #streamerControlDeck .header-text h2 {
    font-size: 8px !important;
    letter-spacing: 0.02em !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #streamerControlDeck .header-text span { display: none !important; }
  #streamerControlDeck .bar-controls {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    flex-wrap: nowrap !important;
  }
  #streamerControlDeck .bar-controls .status-badge {
    font-size: 7px !important;
    padding: 1px 4px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
  #streamerControlDeck #deckUptimeBox { display: none !important; }
  #streamerControlDeck .bar-controls button,
  #streamerControlDeck .bar-controls a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    font-size: 7px !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: none !important;
  }
  #streamerControlDeck .bar-controls button:hover,
  #streamerControlDeck .bar-controls a:hover {
    background: rgba(255,255,255,0.08) !important;
  }

  /* Topluluk duvarı sekmeleri: mobilde yatay kaydırılabilir, ezilmesin */
  #communityWallTabs {
    flex-wrap: nowrap !important;
  }
  .community-wall-tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    border-radius: 10px !important;
  }
  #communityWallTabs .community-wall-tab.hidden { display: none !important; }

  /* VOD alt sekmeleri: mobilde yatay kaydırma */
  .sub-tab-pill-bar {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    flex-wrap: nowrap !important;
    padding: 4px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
  .sub-tab-pill-bar::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
  .sub-tab-pill-bar .sub-tab-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    border-radius: 14px !important;
  }
  .sub-tab-pill-bar .sub-tab-btn i,
  .sub-tab-pill-bar .sub-tab-btn svg { width: 12px !important; height: 12px !important; }
  .sub-tab-pill-bar .sub-tab-btn span { display: inline !important; white-space: nowrap !important; }
  .sub-tab-pill-bar .sub-tab-btn.active {
    padding: 5px 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 0 8px rgba(168, 85, 247, 0.25) !important;
  }

  /* Topluluk paylaşım paneli: ikonlar sola kaydır, Paylaş sağda */
  #communityPostToolbar { gap: 8px !important; flex-wrap: nowrap !important; }
  #communityPostTools {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 2px !important;
    padding-right: 4px;
  }
  #communityPostTools::-webkit-scrollbar { display: none; }
  #communityPostTools button {
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
  }
  #communityPostTools button i,
  #communityPostTools button svg { width: 14px !important; height: 14px !important; }
  #communityPostTools button span { font-size: 8px !important; }
  #postCommunityBtn {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    height: 32px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
  #communityPost { padding: 12px !important; font-size: 14px !important; }

  /* Player alti streamer bilgi: etiketler yan yana */
  #streamerCard .badge-row { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none; gap: 4px !important; }
  #streamerCard .badge-row::-webkit-scrollbar { display: none; }
  #streamerCard .badge { flex: 0 0 auto !important; font-size: 9px !important; padding: 2px 6px !important; border-radius: 999px !important; }
  #streamerCard .badge-status { padding: 2px 6px !important; gap: 3px !important; }
  #streamerCard .username-text { font-size: 9px !important; }

  /* Kontrol masasi player ile ayni hizada */
  #streamerControlDeck { margin-bottom: 10px !important; }
  #streamerControlDeck:not(.hidden) + .flex.gap-4 { margin-top: 6px !important; }

  /* Kontrol masasi icerigi: mobilde cok kompakt */
  #streamerControlDeck .bar-tabs {
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 3px 3px 0 !important;
    gap: 3px !important;
    border-bottom: none !important;
  }
  #streamerControlDeck .bar-tabs .nav-tab,
  #streamerControlDeck .bar-tabs .deckTabBtn {
    padding: 3px 4px !important;
    font-size: 8px !important;
    border-radius: 7px !important;
    white-space: nowrap !important;
  }
  #streamerControlDeck .bar-tabs .nav-tab i,
  #streamerControlDeck .bar-tabs .nav-tab svg,
  #streamerControlDeck .bar-tabs .deckTabBtn i,
  #streamerControlDeck .bar-tabs .deckTabBtn svg {
    width: 9px !important;
    height: 9px !important;
  }
  #deckContentArea {
    padding: 0 8px 8px !important;
    max-height: 60vh !important;
  }
  .deckTabContent .rounded-xl,
  .deckTabContent .rounded-lg,
  #deckContentArea .rounded-xl,
  #deckContentArea .rounded-lg {
    padding: 8px !important;
    border-radius: 8px !important;
  }
  .deckTabContent h3,
  .deckTabContent p,
  .deckTabContent strong,
  .deckTabContent span,
  .deckTabContent button,
  .deckTabContent input,
  .deckTabContent select,
  .deckTabContent textarea {
    font-size: 10px !important;
  }
  .deckTabContent [class*="text-sm"],
  .deckTabContent [class*="text-xs"],
  .deckTabContent [class*="text-\[10px\]"],
  .deckTabContent [class*="text-\[11px\]"] {
    font-size: 9px !important;
  }
  .bar-tabs .nav-tab { white-space: nowrap; font-size: 11px; padding: 6px 8px !important; }


  /* ═══ Chat ust ikon seridi: mobilde kucuk + kaydirilabilir ═══ */
  .xat-app-tabs {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xat-app-tabs::-webkit-scrollbar { display: none; }
  .xat-app-tabs .app-tab {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
  }
  .xat-app-tabs .app-tab i, .xat-app-tabs .app-tab svg {
    width: 16px !important; height: 16px !important;
  }

  /* ── Mobil: ust navbar gizli, yalnizca alt navbar kalsin ── */
  nav.sticky, nav.sticky-header, nav.fixed.top-0,
  .rondo-nav-auth, .rondo-user-menu, .rondo-user-menu-trigger, #mobileSearchToggle {
    display: none !important;
  }

  /* ── Ust navbar: simgeler tam ortali ── */
  header, nav { max-width: 100vw; }
  header .hidden.md\:flex, nav .hidden.md\:flex { display: none !important; }
  nav.sticky {
    height: 52px !important;
  }
  nav.sticky > div {
    height: 100%;
    align-items: center !important;
    padding: 0 !important;
  }
  /* Butonlarin icindeki svg/ikonlar tam ortada dursun */
  nav button, nav a, header button, header a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  nav svg, header svg, nav i, header i {
    display: block !important;
    margin: 0 auto;
  }
  /* Logo yazisi mobilde kisaltilsin */
  nav a span.bg-clip-text { font-size: 16px !important; }
  /* Navbar'daki butonlar hiza bozmasin */
  .rondo-nav-auth button { white-space: nowrap; }

  /* ── Yatay kaydirilabilir listeler ── */
  .overflow-x-auto, [class*="overflow-x-scroll"] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .overflow-x-auto::-webkit-scrollbar { display: none; }

  /* ── Ust sticky header / auth butonlari ── */
  nav.sticky, nav.sticky-header {
    height: auto !important;
    min-height: 48px;
    padding: 4px 0;
  }
  nav.sticky > div, nav.sticky-header > div {
    height: auto !important;
    min-height: 40px;
    padding: 0 8px;
  }
  nav.sticky a span.bg-clip-text, nav.sticky-header a span.bg-clip-text {
    font-size: 16px !important;
    display: none !important;
  }
  .rondo-nav-auth {
    gap: 6px !important;
    margin-left: 4px;
  }
  .rondo-nav-auth button {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    border-radius: 999px;
  }
  .rondo-nav-auth #rondoRegisterBtn,
  .rondo-nav-auth button:nth-child(2),
  .rondo-nav-auth button.hidden.sm\:inline-flex {
    display: inline-flex !important;
  }
  /* Logoyu cok kucult */
  nav.sticky a .w-9, nav.sticky a .h-9,
  nav.sticky a .w-9 .w-5, nav.sticky a .h-9 .h-5,
  nav.sticky-header a .w-9, nav.sticky-header a .h-9,
  nav.sticky-header a .w-9 .w-5, nav.sticky-header a .h-9 .h-5 { width: 28px !important; height: 28px !important; }
  nav.sticky a .w-5, nav.sticky-header a .w-5 { width: 16px !important; height: 16px !important; }

  /* ── Giriş yapmışsa üst sağ avatar/dropdown ── */
  .rondo-nav-auth {
    gap: 4px !important;
    margin-left: auto !important;
    display: flex !important;
    visibility: visible !important;
    align-items: center !important;
  }
  .rondo-nav-auth .rondo-user-menu-trigger {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 2px;
    border-radius: 999px;
  }
  .rondo-nav-auth .w-9,
  .rondo-nav-auth .h-9 {
    width: 32px !important;
    height: 32px !important;
    font-size: 11px !important;
  }
  /* Kullanici acilir menusu: mobilde saga hizali */
  .rondo-user-menu {
    position: fixed;
    top: 58px !important;
    left: auto !important;
    right: 4px !important;
    z-index: 11000 !important;
    width: auto !important;
    min-width: 220px;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 80px);
    overflow-y: auto;
  }

  /* ── Sayfa icerigi sabit ust nav'in altinda kalmasin ── */
  /* Kanal sayfasi kendi ic scroll padding'ini yonetir; bu class sadece duz sayfalara eklenir */
  #mainContent.pt-mobile-nav {
    padding-top: calc(62px + env(safe-area-inset-top, 0px) + 8px) !important;
  }

  /* Depolama/disk yukseltme modali: ust nav z-index'i max oldugu icin
     modal acikken nav gizlenir; kapatma butonu icerikle kaymasin diye
     viewport'a sabitlenir (backdrop-filter fixed'i kirdigi icin kaldirilir) */
  body.storage-modal-open { overflow: hidden !important; }
  body.storage-modal-open .rondo-mobile-nav { display: none !important; }
  .pricing-modal .modal-content-glass {
    backdrop-filter: none !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .pricing-modal .modal-content-glass::-webkit-scrollbar { display: none !important; }
  .pricing-modal .storage-modal-close {
    position: fixed !important;
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: 10px !important;
    z-index: 2 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background: rgba(15, 15, 25, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    justify-content: center !important;
  }

  /* ── Mobil Üst Navigasyon ── */
  .rondo-mobile-nav {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    z-index: 2147483647 !important;
    height: calc(62px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) 4px 0;
    background: rgba(9,9,16,0.72);
    -webkit-backdrop-filter: blur(18px) saturate(1.5);
    backdrop-filter: blur(18px) saturate(1.5);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    transition: transform .28s ease;
    will-change: transform;
  }
  /* Neon gradient hairline — sitenin pembe/cyan enerjisi */
  .rondo-mobile-nav::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #FF00AA 22%, #00FFFF 78%, transparent 100%);
    opacity: .65;
    pointer-events: none;
  }
  /* Asagi kaydirinca ust nav'i yukari kaydir, yukari kaydirinca geri getir */
  .rondo-mobile-nav.nav-hide {
    transform: translateY(-110%);
  }
  .rondo-mobile-nav a {
    flex: 1 1 0;
    min-width: 0;
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    color: #8b8b9c; text-decoration: none;
    font-size: 9.5px; font-weight: 700;
    letter-spacing: .02em;
    padding: 6px 0 4px;
    border-radius: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s ease;
  }
  .rondo-mobile-nav a:active { color: #e5e5ef; }
  .rondo-mobile-nav a svg, .rondo-mobile-nav a i {
    width: 21px; height: 21px;
    box-sizing: content-box;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid transparent;
    transition: all .22s ease;
  }
  .rondo-mobile-nav a.active { color: #fff; }
  .rondo-mobile-nav a.active svg, .rondo-mobile-nav a.active i {
    color: #00FFFF;
    background: linear-gradient(135deg, rgba(255,0,170,0.20), rgba(0,255,255,0.18));
    border-color: rgba(0,255,255,0.45);
    box-shadow: 0 0 14px rgba(0,255,255,0.35), inset 0 0 10px rgba(255,0,170,0.12);
  }

  /* Kanal Diskim (Yüklemeler): mobilde dosya gridi görünsün ve kaydırılabilir olsun */
  #chVodUploads { height: auto !important; min-height: 70vh !important; max-height: none !important; }
  #chVodUploads .channel-disk-container { display: flex !important; flex-direction: column !important; }
  #chDiskGrid { flex: 1 1 auto !important; min-height: 180px !important; overflow-y: auto !important; margin-top: 8px !important; }
  #chVodUploads .disk-header,
  #chVodUploads .disk-toolbar,
  #chVodUploads #chDiskBreadcrumb,
  #chVodUploads #chDiskActionBar { flex-shrink: 0 !important; }
  #chVodUploads .disk-toolbar { padding: 8px 0 !important; gap: 8px !important; }
  #chVodUploads .filter-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 4px !important;
  }
  #chVodUploads .filter-pills::-webkit-scrollbar { display: none; }
  #chVodUploads .ch-disk-nav { white-space: nowrap !important; flex-shrink: 0 !important; font-size: 9px !important; padding: 4px 8px !important; }
  #chVodUploads .action-group { display: flex !important; gap: 4px !important; flex-shrink: 0 !important; }
  #chVodUploads .btn-disk { padding: 4px 8px !important; font-size: 9px !important; }
  .file-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; gap: 8px !important; }
  .file-grid .disk-item { padding: 8px !important; border-radius: 10px !important; }
  .file-grid .file-type-icon { width: 36px !important; height: 36px !important; }
  .file-grid .file-name { font-size: 11px !important; }
  .file-grid .file-meta { font-size: 9px !important; }

  /* Mobilde sağ altta chat butonu içeriği kapatıyor */
  #mobileChatToggle { display: none !important; }

  /* Hediye grid: desktop ile aynı 8px gap */
  #tradeGiftGrid, #mobileTradeGiftGrid { gap: 8px !important; }

  /* ── Yayin Bilgileri modali: mobilde kompakt ── */
  #streamerInfoModal {
    align-items: flex-start !important;
    padding-top: 80px !important;
    padding-bottom: 20px !important;
  }
  #streamerInfoModal .sm-modal-card {
    padding: 14px !important;
    border-radius: 18px !important;
    max-height: calc(100dvh - 100px) !important;
    overflow-y: auto !important;
  }
  #streamerInfoModal .sm-header-icon {
    width: 32px !important;
    height: 32px !important;
  }
  #streamerInfoModal h3 { font-size: 13px !important; }
  #streamerInfoModal .space-y-4 { gap: 10px !important; }
  #streamerInfoModal .sm-label {
    font-size: 10px !important;
    margin-bottom: 4px !important;
  }
  #streamerInfoModal .sm-input {
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
  #streamerInfoModal .sm-preview-box {
    padding: 8px 10px !important;
  }
  #streamerInfoModal .sm-preview-title {
    font-size: 13px !important;
  }
  #smFontStyle {
    font-size: 11px !important;
    padding: 8px 24px 8px 10px !important;
    width: 100% !important;
    flex: none !important;
  }
  #streamerInfoModal .flex.items-center.gap-2.mt-2 {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
  }
  #smSymbolBtns {
    flex-wrap: wrap !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
  .sm-symbol-btn {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  #streamerInfoModal .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  #streamerInfoModal .sm-save-btn {
    padding: 10px !important;
    font-size: 13px !important;
  }

  /* ── Mobil VOD/Live player kontrolleri: dar alan icin kompakt ── */
  .player-sticky-wrapper {
    max-height: 62vh !important;
    border-radius: 12px !important;
  }
  .player-sticky-wrapper video {
    object-fit: contain !important;
  }
  .rondo-vod-controls {
    padding: 8px 10px !important;
    gap: 6px !important;
  }
  .rondo-vod-controls .rondo-ctrl-btn {
    width: 28px !important;
    height: 28px !important;
    padding: 4px !important;
    border-radius: 6px !important;
  }
  .rondo-vod-controls .rondo-ctrl-btn i,
  .rondo-vod-controls .rondo-ctrl-btn svg,
  .rondo-vod-controls i,
  .rondo-vod-controls svg {
    width: 16px !important;
    height: 16px !important;
  }
  .rondo-vod-seek {
    height: 3px !important;
  }
  .rondo-vod-seek::-webkit-slider-thumb,
  .rondo-vod-seek::-moz-range-thumb {
    width: 10px !important;
    height: 10px !important;
  }
  .rondo-volume-slider {
    width: 48px !important;
    height: 3px !important;
  }
  .rondo-quality-select,
  .rondo-quality-btn {
    min-width: 52px !important;
    font-size: 10px !important;
    padding: 2px 4px !important;
  }
  .vod-nav-arrow {
    width: 36px !important;
    height: 48px !important;
    border-radius: 8px !important;
  }
  .vod-nav-arrow i,
  .vod-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
  }
  .vod-nav-prev { left: 2px !important; }
  .vod-nav-next { right: 2px !important; }

  /* Abone ol modal: mobilde paket icerigi baslangicta gizli + konum */
  #subscribeFeatures { display: none !important; }
  #subscribeFeatures.open { display: block !important; }
  #subscribeFeaturesToggle { cursor: pointer !important; }
  #subscribeModal {
    top: 10vh !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, 0) !important;
    width: 94vw !important;
    max-width: none !important;
    max-height: 80vh !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Bagis modal: mobilde ekrana sigdir */
  #giftModal {
    align-items: flex-start !important;
    padding-top: 0 !important;
  }
  #giftModal > div {
    max-width: 95vw !important;
    max-height: 80vh !important;
    margin-top: 10vh !important;
    padding: 16px !important;
    overflow-y: auto !important;
    border-radius: 18px !important;
  }
  #giftModal h3 { font-size: 16px !important; }
  #giftModal .text-xl { font-size: 16px !important; }
  #giftModal .w-20.h-20 { width: 56px !important; height: 56px !important; }
  #giftModal .text-center.mb-6 { margin-bottom: 12px !important; }
  #giftModal .mb-5 { margin-bottom: 10px !important; }
  #giftModal .mb-4 { margin-bottom: 8px !important; }
  #giftModal .giftAmountBtn { padding: 8px 2px !important; font-size: 12px !important; }
  #giftModal #giftCardElement { padding: 8px !important; }
  #giftModal #giftSubmitBtn { padding: 10px !important; font-size: 14px !important; }

  /* Topluluk postu toolbar: ikonlar grid ile hizali */
  #communityPostToolbar {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    align-items: start !important;
  }
  #communityPostTools {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  #communityPostTools button {
    width: 100% !important;
    height: 36px !important;
    padding: 0 !important;
  }
  #postCommunityBtn {
    align-self: start !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
  }

  /* Timeline post aksiyonlari: mobilde tek satir */
  .post-actions-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    gap: 6px !important;
    justify-content: flex-start !important;
    padding-bottom: 4px !important;
  }
  .post-actions-row::-webkit-scrollbar { display: none; }
  .act-btn, .t2-views {
    flex: 0 0 auto !important;
    justify-content: center !important;
    font-size: 9px !important;
    gap: 2px !important;
    padding: 2px 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }
  .act-btn i, .act-btn svg, .t2-views i, .t2-views svg {
    width: 12px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
  }
}

/* Tablet araligi (769-1024): hafif dokunuslar */
@media (min-width: 769px) and (max-width: 1024px) {
  .grid[class*="grid-cols-5"], .grid[class*="grid-cols-6"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobil navigasyon desktop'ta gizli */
@media (min-width: 769px) {
  .rondo-mobile-nav { display: none !important; }
}