/* Kozamia — Mobil zorunlu uyarlama (telefon ≤48rem)
   Masaüstü (≥64rem) etkilenmez. style.css’ten sonra yüklenmeli. */

@media (max-width: 48rem), (max-device-width: 48rem) {
  :root {
    --touch-min: 2.55rem;
    --page-pad-x: 0.65rem;
    --nav-h: 3.25rem;
    --bottom-nav-h: 4rem;
    --container: 100%;
    --radius: 0.75rem;
  }

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    /* clip + görünür y birleşince WebKit y'yi de clip yapabiliyor — y'yi açıkça auto tut */
    overflow-x: clip !important;
    overflow-y: auto !important;
    height: auto !important;
    max-height: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch !important;
    background-color: #fdf8f5 !important;
    --bg: #fdf8f5;
    --violet: #6a3d8a;
    --accent-rgb: 106, 61, 138;
  }

  body {
    padding-bottom: 0 !important;
    font-size: 15px;
    line-height: 1.45;
  }

  /* —— Sayfa iskeleti: tam genişlik, alt alta —— */
  .page-wrap,
  .connect-hub,
  .discover-hub,
  .feed-hub,
  .listen-hub,
  .play-hub,
  .app-page.active {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .page-wrap:not(.connect-hub):not(.discover-hub):not(.feed-hub) {
    padding-left: var(--page-pad-x) !important;
    padding-right: var(--page-pad-x) !important;
    padding-top: 0.75rem !important;
    padding-bottom: 1.25rem !important;
  }

  .layout-grid,
  .layout-grid:not(.layout-grid-centered) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
  }

  /* —— Tüm çok sütunlu ızgaralar —— */
  .card-grid,
  .card-grid-wide,
  .content-grid,
  .role-grid,
  .buddy-situation-grid,
  .flow-guardians-grid,
  .dm-mod-bot-grid,
  .rewards-gallery,
  .rewards-summary-bar,
  .stats-grid,
  .interest-pick-grid,
  .style-ai-actions,
  .style-ai-cta-row,
  .style-ai-ward-grid,
  .hub-routine-grid,
  .soul-micro-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }

  .dm-icon-toggle-grid-4,
  .hub-app-moods {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }

  .video-grid,
  .discover-video-grid,
  .profile-photos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.4rem !important;
  }

  .profile-stats,
  .profile-stat-row,
  .community-stats-bar,
  .voice-stats-bar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }

  /* —— Butonlar: büyük, kolay tıklanır —— */
  .btn,
  button.btn,
  a.btn,
  .btn-sm,
  .daily-flow-actions .btn,
  .daily-engage-ctas .btn,
  .daily-engage-action .btn {
    min-height: 1.85rem !important;
    min-width: 0 !important;
    padding: 0.28rem 0.5rem !important;
    font-size: 0.7rem !important;
    border-radius: 0.5rem !important;
  }

  .btn-primary,
  .btn-outline,
  .btn-login,
  .quick-nav-btn,
  .feed-upload-btn,
  .profile-menu-trigger,
  .profile-media-edit {
    min-height: 2.45rem !important;
    min-width: 2.45rem;
    padding: 0.45rem 0.75rem !important;
    font-size: 0.8125rem !important;
    border-radius: 0.7rem !important;
    touch-action: manipulation;
    box-sizing: border-box !important;
  }

  /* Misafir CTA: Giriş Yap daralmasın */
  .hub-guest-invite-cta .btn,
  .hub-guest-invite-cta .btn-outline,
  .hub-guest-invite-cta .btn-primary,
  .hero-cta-row .btn,
  .hero-cta-row .btn-outline,
  .hero-cta-row .btn-primary {
    width: auto !important;
    max-width: none !important;
    min-width: 10.5rem !important;
    flex: 0 1 auto !important;
    padding: 0.7rem 1.4rem !important;
  }

  .btn-sm {
    padding: 0.4rem 0.65rem !important;
    font-size: 0.75rem !important;
    min-height: 2.25rem !important;
  }

  .btn-full,
  .guest-join-banner .btn,
  .task-card-actions .btn,
  .page-toolbar-split .btn,
  .voice-room-card-actions .btn,
  .group-card-actions .btn,
  .style-ai-cta-row .btn,
  .hub-app-actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .hero-cta-row,
  .hub-guest-invite-cta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }

  .hero-cta-row .btn,
  .hub-guest-invite-cta .btn {
    width: auto !important;
    max-width: none !important;
    min-width: 10.5rem !important;
    flex: 0 1 auto !important;
  }

  .icon-btn,
  .icon-action-btn,
  label.icon-btn,
  .dm-inbox-menu-btn,
  .dm-chat-call-actions .icon-action-btn,
  .daily-flow-nav,
  .daily-flow-dismiss {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    min-height: 2.35rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    touch-action: manipulation;
  }

  /* —— Satırları dikey yığ —— */
  .hero-cta-row,
  .guest-join-banner,
  .page-toolbar,
  .page-toolbar-split,
  .feed-toolbar-pro,
  .discover-feed-toolbar,
  .discover-feed-actions,
  .home-feed-head,
  .coin-wallet-inner,
  .task-card,
  .task-card-actions,
  .rewards-actions,
  .buddy-match-bar,
  .social-feed-guest-banner,
  .style-ai-actions,
  .style-ai-cta-row,
  .hub-app-actions,
  .connect-online-banner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Eşleşme: cinsiyet + niyet üstte, aksiyon satırı yatay */
  .buddy-match-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }
  .buddy-match-bar {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.45rem !important;
    padding: 0 !important;
  }

  .buddy-match-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.3rem !important;
  }

  .buddy-match-actions .btn {
    width: auto !important;
    min-width: 0 !important;
    padding: 0.35rem 0.65rem !important;
    min-height: 2.15rem !important;
  }

  .dm-chat-form,
  .dm-chat-header,
  .dm-sidebar-search {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.35rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .task-card {
    align-items: stretch !important;
  }

  .task-card-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .voice-room-card,
  .group-card,
  .community-card,
  .listen-room-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.55rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.55rem 0.6rem !important;
  }

  .voice-room-card-body,
  .group-card-body,
  .listen-room-card-body {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .voice-room-card-actions,
  .group-card-actions,
  .listen-room-card .btn {
    width: auto !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0.25rem !important;
  }

  .voice-room-card-actions .btn,
  .group-card-actions .btn,
  .listen-room-card .btn {
    width: auto !important;
    min-width: 4.5rem !important;
    padding: 0.35rem 0.55rem !important;
    font-size: 0.7rem !important;
    min-height: 2.1rem !important;
  }

  /* —— Header: sade, taşmasın —— */
  .site-header,
  .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .header-inner {
    gap: 0.25rem !important;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }

  .desktop-nav {
    display: none !important;
  }

  .header-actions {
    gap: 0.15rem !important;
    max-width: none !important;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }

  .user-menu-name {
    display: none !important;
  }

  .user-menu-trigger {
    min-height: var(--touch-min) !important;
    padding: 0.25rem 0.35rem !important;
    gap: 0.15rem;
  }

  .user-dropdown {
    min-width: 9.5rem !important;
    max-width: min(12.5rem, calc(100vw - 1rem)) !important;
    padding: 0.2rem !important;
    border-radius: 0.55rem !important;
    top: calc(100% + 0.3rem) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12) !important;
  }

  .user-dropdown a {
    gap: 0.35rem !important;
    padding: 0.38rem 0.5rem !important;
    border-radius: 0.4rem !important;
    font-size: 0.75rem !important;
    line-height: 1.25 !important;
    min-height: 0 !important;
  }

  .user-dropdown a .material-symbols-outlined {
    font-size: 1rem !important;
    width: 1rem;
    height: 1rem;
    line-height: 1;
    flex-shrink: 0;
  }

  .user-dropdown .msg-unread-badge {
    min-width: 0.85rem !important;
    height: 0.85rem !important;
    padding: 0 0.22rem !important;
    font-size: 0.55rem !important;
    margin-left: auto;
  }

  /* —— Bağlan/Keşfet sekmeleri: kaydırılabilir chip —— */
  .connect-tabs,
  .connect-tabs-hub,
  .connect-tabs-penta,
  .connect-tabs-trio,
  .connect-tabs-quad,
  .discover-tabs,
  .hub-tabs-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 0.4rem !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 0.35rem 0.5rem !important;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }

  .connect-tabs::-webkit-scrollbar,
  .discover-tabs::-webkit-scrollbar {
    display: none;
  }

  .connect-tab,
  .discover-tabs .connect-tab {
    flex: 0 0 auto !important;
    min-width: 4.35rem !important;
    max-width: none !important;
    min-height: 3rem !important;
    padding: 0.45rem 0.6rem !important;
    font-size: 0.72rem !important;
    gap: 0.2rem !important;
    scroll-snap-align: start;
  }

  .connect-tab.active {
    background: color-mix(in srgb, var(--violet, #6a3d8a) 12%, #fff) !important;
    color: var(--violet, #6a3d8a) !important;
    box-shadow: inset 0 -2.5px 0 var(--violet, #6a3d8a) !important;
    font-weight: 700 !important;
  }

  .hub-tabs-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 14 !important;
    background: color-mix(in srgb, var(--bg, #fdf8f5) 94%, #fff) !important;
  }

  .connect-tab .material-symbols-outlined {
    font-size: 1.28rem !important;
  }

  .connect-tab .tab-label-long {
    display: none !important;
  }

  .connect-tab .tab-label-short {
    display: block !important;
  }

  #connect-panel-messages .dm-toolbar-tab {
    min-height: var(--touch-min) !important;
    padding: 0.45rem 0.7rem !important;
    font-size: 0.8125rem !important;
  }

  /* —— Formlar ——
     Checkbox/radio/range/color/file: width:100% şişirip satırları kırıyordu
     (CiltAsistanı, bildirim toggle, vb.) — metin alanlarına sınırlı tut. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea,
  .field-input,
  .login-form input:not([type="checkbox"]):not([type="radio"]),
  .profile-edit-form input:not([type="checkbox"]):not([type="radio"]),
  .profile-edit-form select,
  .profile-edit-form textarea,
  .msg-settings-form input:not([type="checkbox"]):not([type="radio"]),
  .msg-settings-form select,
  .story-form input:not([type="checkbox"]):not([type="radio"]),
  .story-form textarea,
  .dm-chat-form input:not([type="checkbox"]):not([type="radio"]),
  .dm-chat-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--touch-min) !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    border-radius: 0.75rem !important;
  }

  input[type="checkbox"],
  input[type="radio"] {
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    min-height: 1.15rem !important;
    max-width: 1.15rem !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border-radius: 0.2rem !important;
    accent-color: var(--violet, #752FEE);
  }

  textarea {
    min-height: 6rem !important;
  }

  .login-form,
  .profile-edit-form,
  .msg-settings-form,
  .story-form,
  .pe-form,
  .create-live-form,
  .kozamia-feedback-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }

  /* [hidden] UA kuralını !important display ezmesin — Üye Ol / Giriş karışıyordu */
  .login-form[hidden],
  #login-form[hidden],
  #register-form[hidden],
  #login-google-wrap[hidden],
  .profile-edit-form[hidden],
  .msg-settings-form[hidden],
  .story-form[hidden],
  .pe-form[hidden],
  .create-live-form[hidden],
  .kozamia-feedback-form[hidden] {
    display: none !important;
  }

  .form-row,
  .field-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }

  /* —— Görseller —— */
  img,
  video,
  iframe,
  canvas,
  svg,
  picture {
    max-width: 100% !important;
    height: auto;
  }

  /* DM gönderildi/okundu tikleri — global svg height:auto çökertmesin */
  .dm-msg-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .dm-receipt,
  #connect-panel-messages .dm-receipt {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0.9rem !important;
    min-height: 0.9rem !important;
    max-width: none !important;
    max-height: none !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.06em;
    color: #CE8FF2 !important;
  }

  .dm-receipt.is-read,
  #connect-panel-messages .dm-receipt.is-read {
    color: #db2777 !important;
  }

  .dm-receipt-fallback {
    display: inline !important;
  }

  .dm-receipt svg,
  .dm-receipt-svg,
  #connect-panel-messages .dm-receipt svg,
  #connect-panel-messages .dm-receipt-svg {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    max-width: 1px !important;
    max-height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .social-feed-media,
  .social-feed-media img,
  .social-feed-media video,
  .profile-cover,
  .profile-wall-post img,
  .story-card img,
  .content-card img,
  .feature-card img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
  }

  /* —— Tipografi + kartlar kompakt —— */
  .page-hero {
    margin-bottom: 0.65rem !important;
  }

  .page-hero h1,
  .connect-hub-title h1 {
    font-size: clamp(1.15rem, 5vw, 1.35rem) !important;
    line-height: 1.2 !important;
    margin: 0.15rem 0 !important;
  }

  .hero-badge {
    font-size: 0.65rem !important;
    padding: 0.15rem 0.45rem !important;
  }

  .hero-sub,
  .section-title + p,
  .muted,
  .muted.small,
  .small {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }

  .section-title {
    font-size: 0.95rem !important;
    margin-bottom: 0.55rem !important;
  }

  .section {
    margin-bottom: 0.85rem !important;
  }

  .feature-card,
  .content-card,
  .content-card-btn,
  .social-feed-post,
  .profile-wall-post,
  .joy-card,
  .story-card,
  .group-card,
  .voice-room-card,
  .task-card,
  .reward-card {
    padding: 0.65rem 0.7rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    border-radius: 0.75rem !important;
  }

  .feature-card h3,
  .content-card h3,
  .content-card-btn h3 {
    font-size: 0.9rem !important;
    margin: 0.25rem 0 0.2rem !important;
    line-height: 1.25 !important;
  }

  .feature-card p,
  .content-card p,
  .content-card-btn p {
    font-size: 0.75rem !important;
    margin: 0 !important;
    line-height: 1.35 !important;
  }

  .feature-icon,
  .content-icon {
    width: 1.85rem !important;
    height: 1.85rem !important;
    margin: 0 auto 0.3rem !important;
    border-radius: 0.45rem !important;
  }

  .feature-icon .material-symbols-outlined,
  .content-icon .material-symbols-outlined {
    font-size: 1.05rem !important;
  }

  .content-card-thumb {
    aspect-ratio: 2.2 / 1 !important;
    margin-bottom: 0.4rem !important;
    border-radius: 0.55rem !important;
  }

  .content-card-thumb-media .material-symbols-outlined {
    font-size: 1.5rem !important;
  }

  .card-tag,
  .content-tag,
  .shop-tag {
    font-size: 0.62rem !important;
    padding: 0.12rem 0.4rem !important;
    margin-bottom: 0.25rem !important;
  }

  .content-card-btn {
    text-align: center !important;
  }

  /* Rehber kartları: ikon + başlık ortalı (kayma düzeltmesi) */
  #discover-panel-guide .content-card,
  #discover-panel-guide .content-card-btn,
  #discover-panel-guide .content-card h3,
  #discover-panel-guide .content-card-btn h3,
  #discover-panel-guide .content-card p,
  #discover-panel-guide .content-card-btn p,
  #discover-panel-guide .content-tag,
  #discover-panel-guide .feature-link {
    text-align: center !important;
  }

  #discover-panel-guide .content-icon,
  #discover-panel-guide .feature-icon {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #discover-panel-guide .content-tag {
    display: inline-block !important;
  }

  /* —— Profil —— */
  .profile-fb,
  .profile-fb-head,
  .profile-body {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 0.25rem !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .profile-tab {
    flex: 0 0 auto !important;
    min-height: 2.35rem !important;
    padding: 0.4rem 0.7rem !important;
    font-size: 0.75rem !important;
  }

  .hub-mood-btn {
    min-height: 2.35rem !important;
    padding: 0.4rem 0.35rem !important;
    font-size: 0.7rem !important;
  }

  /* —— Modal alt çekmece —— */
  .modal {
    align-items: flex-end !important;
    padding: 0 !important;
  }

  /* Paylaşım stüdyosu: ortalanmış kompakt popup (çekmece değil) */
  .modal-share-studio {
    align-items: center !important;
    justify-content: center !important;
    padding: 0.75rem !important;
  }
  .modal-share-studio .share-studio-sheet {
    width: min(22rem, calc(100vw - 1.25rem)) !important;
    max-width: min(22rem, calc(100vw - 1.25rem)) !important;
    max-height: min(76dvh, 32rem) !important;
    margin: auto !important;
    border-radius: 1rem !important;
    padding: 0 !important;
  }

  .modal-box,
  .modal-scroll-box,
  .modal-login-box,
  .kozamia-dialog-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 1rem 1rem 0 0 !important;
    max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px))) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain;
  }

  /* body position:fixed iken WebView jesti gövdede kalmasın */
  body.modal-open {
    touch-action: none !important;
  }

  body.modal-open .modal.is-open {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }

  /* Profil düzenle: üst sabit, orta alan kayar, alt butonlar sabit (APK/WebView) */
  #modal-profile-edit.is-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  #modal-profile-edit.is-open .profile-edit-modal {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    height: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px))) !important;
    max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px))) !important;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)) !important;
    /* Genel .modal-box { overflow-y:auto !important } ezmesin */
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    touch-action: manipulation !important;
  }

  #modal-profile-edit .modal-header-row,
  #modal-profile-edit .profile-edit-preview,
  #modal-profile-edit .profile-edit-nav,
  #modal-profile-edit .profile-edit-footer {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
  }

  #modal-profile-edit .profile-edit-scroll {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    overflow-anchor: none !important;
    padding-bottom: 0.5rem;
  }

  #modal-profile-edit #profile-edit-form {
    flex: none !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  #modal-profile-edit .profile-edit-footer {
    z-index: 2;
    margin-top: 0.35rem;
    padding-top: 0.45rem;
    border-top: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 80%, transparent);
    background: var(--bg-card, #fff);
  }

  /* Profil modal açıkken body jesti modal dışına kaçmasın; scroll yalnızca .profile-edit-scroll */
  body.modal-open:has(#modal-profile-edit.is-open) {
    touch-action: none !important;
  }
  body.modal-open:has(#modal-profile-edit.is-open) #modal-profile-edit .profile-edit-scroll {
    touch-action: pan-y !important;
  }

  /* —— Alt menü —— */
  .bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    border-radius: 0 !important;
    z-index: 200 !important;
    background: #fdf8f5 !important;
    background-color: #fdf8f5 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(106, 61, 138, 0.1) !important;
    box-shadow: 0 -6px 24px rgba(45, 25, 60, 0.06) !important;
  }

  html.is-mobile-app .bottom-nav,
  html.kozamia-app-shell .bottom-nav {
    background: #fdf8f5 !important;
    background-color: #fdf8f5 !important;
    border-top-color: rgba(106, 61, 138, 0.1) !important;
    box-shadow: 0 -6px 24px rgba(45, 25, 60, 0.06) !important;
  }

  body.mood-theme .bottom-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.is-mobile-app body.mood-theme .bottom-nav,
  html.kozamia-app-shell body.mood-theme .bottom-nav {
    background: #fdf8f5 !important;
    background-color: #fdf8f5 !important;
  }

  html.dark .bottom-nav,
  body.dark .bottom-nav,
  [data-theme="dark"] .bottom-nav {
    background: #0f0f12 !important;
    background-color: #0f0f12 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
  }

  .nav-item {
    min-height: 2.85rem !important;
    font-size: 0.55rem !important;
    padding: 0.2rem 0.08rem !important;
  }

  .nav-item .material-symbols-outlined {
    font-size: 1.25rem !important;
    font-family: "Material Symbols Outlined" !important;
  }

  html.is-mobile-app .nav-feed-fab .material-symbols-outlined,
  html.kozamia-app-shell .nav-feed-fab .material-symbols-outlined {
    font-size: inherit !important;
  }

  html.is-mobile-app .nav-feed-fab-circle .material-symbols-outlined,
  html.kozamia-app-shell .nav-feed-fab-circle .material-symbols-outlined {
    font-size: 1.75rem !important;
    color: #fff !important;
  }

  /* Keşfet: üst başlığı kompakt tut */
  #page-discover .connect-hub-header {
    margin: 0 0 0.2rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0 !important;
  }

  #page-discover .connect-hub-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Bağlan: Keşfet gibi sade — yalnızca sekmeler (başlık mobilde gizli) */
  #page-connect .connect-hub-header {
    margin: 0 0 0.35rem !important;
    padding: 0.1rem 0 0 !important;
    flex: 0 0 auto !important;
    background: var(--bg, #f8f7ff) !important;
    position: relative !important;
    z-index: 20 !important;
  }

  body:has(#theme-toggle:checked) #page-connect .connect-hub-header,
  body.site-ui-force-dark #page-connect .connect-hub-header {
    background: var(--bg, #09090b) !important;
  }

  #page-connect .hub-tabs-sticky {
    position: relative !important;
    top: auto !important;
    background: inherit !important;
  }

  #page-connect .connect-hub-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page-discover.active .discover-hub,
  #page-connect.active .connect-hub {
    padding-top: 0 !important;
  }

  .page-toolbar {
    margin-bottom: 0.45rem !important;
    gap: 0.35rem !important;
  }

  .category-pills .pill,
  .pill {
    min-height: 2rem !important;
    padding: 0.3rem 0.6rem !important;
    font-size: 0.7rem !important;
  }

  .daily-flow-spotlight,
  .daily-flow-spotlight-inner {
    padding: 0.5rem 0.55rem !important;
    margin-bottom: 0.5rem !important;
  }

  .daily-affirmation {
    font-size: 0.82rem !important;
  }

  .profile-fb-head {
    padding: 0.65rem !important;
  }

  .profile-fb-meta h1 {
    font-size: 1.1rem !important;
  }

  .profile-cover {
    height: 6.5rem !important;
    min-height: 6.5rem !important;
  }

  .announcement-bar {
    font-size: 0.7rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.35rem !important;
    /* üst: safe-area — !important ile ezme */
    padding-top: max(0.35rem, env(safe-area-inset-top, 0px), var(--kozamia-sat, 0px)) !important;
  }

  body.hide-announcement-bar .announcement-bar,
  .announcement-bar:empty {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header-inner {
    height: var(--nav-h) !important;
    min-height: var(--nav-h) !important;
  }

  .brand-logo {
    width: 1.85rem !important;
    height: 1.85rem !important;
    flex-shrink: 0;
  }

  .brand-name {
    display: inline !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* —— Pill / kategori şeritleri —— */
  .category-pills,
  .content-subtabs,
  .pill-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 0.4rem !important;
    overflow-x: auto !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0.2rem;
    padding-inline: 0.1rem !important;
    scroll-padding-inline: 0.35rem;
  }

  #discover-panel-guide .category-pills,
  #discover-panel-stories .category-pills,
  #discover-panel-cycle .category-pills {
    justify-content: flex-start !important;
  }

  .pill,
  .content-subtab {
    flex: 0 0 auto !important;
    min-height: 2rem !important;
    padding: 0.3rem 0.6rem !important;
    font-size: 0.7rem !important;
  }

  .profile-tab {
    min-height: 2.35rem !important;
    padding: 0.4rem 0.7rem !important;
    font-size: 0.75rem !important;
  }

  .hub-mood-btn {
    min-height: 2.35rem !important;
    padding: 0.4rem 0.35rem !important;
    font-size: 0.7rem !important;
  }

  /* Taşma güvenliği — evrensel * kullanma (layout kırar) */
  .app-page,
  .page-wrap,
  .connect-hub,
  .discover-hub,
  .feature-card,
  .content-card,
  .voice-room-card,
  .group-card,
  .social-feed-post,
  .modal-box,
  .bottom-nav,
  .site-header {
    max-width: 100% !important;
  }

  .connect-tabs,
  .discover-tabs,
  .category-pills,
  .profile-tabs,
  .dm-toolbar-tabs,
  table,
  pre {
    max-width: 100% !important;
  }

  /* ========== Site geneli kompakt yoğunluk (tüm sekmeler) ========== */
  body {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .connect-panel,
  .feed-page-panel,
  .app-page.active > .page-wrap,
  .listen-hub,
  .play-hub,
  .feed-hub {
    padding-left: var(--page-pad-x) !important;
    padding-right: var(--page-pad-x) !important;
  }

  #page-connect.active .connect-hub > .connect-panel,
  #page-discover.active .discover-hub > .connect-panel {
    padding-top: 0.5rem !important;
    padding-bottom: 1.35rem !important;
  }

  #page-connect.active.is-messages-focus .connect-hub > .connect-panel,
  #page-connect.active.is-dm-chat-open .connect-hub > .connect-panel {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #page-connect.active.is-messages-focus #connect-panel-messages .dm-app,
  #page-connect.active.is-dm-chat-open #connect-panel-messages .dm-app {
    border-radius: 1.15rem 1.15rem 0 0 !important;
    min-height: 100% !important;
    background: var(--bg-elevated, #ffffff) !important;
  }

  /* Ortak kart / boş / intro */
  .hub-panel-intro,
  .discover-feed-intro,
  .podcast-compose,
  .podcast-my-pending,
  .podcast-featured-inner,
  .now-playing,
  .coin-wallet,
  .rewards-guest,
  .buddy-info-box,
  .buddy-match-card,
  .buddy-guest,
  .buddy-state-panel,
  .community-detail-header,
  .community-empty,
  .voice-room-header,
  .listen-create-card,
  .listen-room-card,
  .listen-room-header,
  .play-hub-header,
  .play-level-bar,
  .play-onboard,
  .play-daily-hero,
  .play-game-card,
  .play-continue-card,
  .play-featured-card,
  .play-game-hero,
  .soul-guest,
  .soul-scan-panel,
  .soul-hero,
  .soul-match-card,
  .dream-hero-pro-inner,
  .dream-compose-card,
  .dream-circle-card,
  .dream-feed-card,
  .dream-session-head,
  .dream-ai-result-body,
  .live-empty,
  .live-gift-sheet,
  .home-feed-card,
  .profile-composer,
  .profile-about-card,
  .profile-activity-item,
  .profile-empty,
  .profile-guest,
  .cycle-smart-calendar,
  .hub-mini-app,
  .style-ai-app .style-ai-body,
  .skin-ai-body,
  .mom-ai-body,
  .dm-settings-card,
  .rewards-stat,
  .community-stat {
    padding: 0.55rem 0.65rem !important;
    margin-bottom: 0.5rem !important;
    box-sizing: border-box !important;
    border-radius: 0.7rem !important;
  }

  .hub-panel-intro {
    margin-bottom: 0.4rem !important;
    padding: 0.35rem 0.15rem !important;
  }

  .hub-panel-intro h2,
  .listen-hub-hero h2,
  .play-hub-title,
  .discover-confessions-head h2,
  .dream-hero-pro-inner h2,
  .podcast-compose h3,
  .podcast-featured-inner h2,
  .community-detail-hero h2,
  .live-list-title,
  .soul-hero h2,
  .buddy-form-section h3 {
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
    margin: 0 0 0.25rem !important;
  }

  .hub-panel-intro p,
  .listen-hub-hero p,
  .discover-feed-intro p,
  .home-feed-card-text,
  .social-feed-post p,
  .play-game-card p,
  .dream-feed-card p {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }

  .home-feed-card-head {
    margin-bottom: 0.35rem !important;
  }

  .social-feed-post-actions,
  .discover-feed-actions,
  .feed-toolbar-pro,
  .discover-feed-toolbar {
    gap: 0.35rem !important;
    padding-top: 0.3rem !important;
  }

  /* Ana sayfa */
  .daily-flow-spotlight,
  .daily-flow-spotlight-inner {
    padding: 0.55rem 0.6rem !important;
    margin-bottom: 0.55rem !important;
  }

  .daily-affirmation {
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
  }

  .daily-flow-actions {
    gap: 0.3rem !important;
    margin-top: 0.35rem !important;
  }

  #home-social-feed-section,
  .home-social-feed-section {
    margin-top: 0.35rem !important;
  }

  .home-feed-head,
  .discover-feed-intro {
    margin-bottom: 0.65rem !important;
  }

  .discover-feed-toolbar,
  .feed-toolbar-pro,
  .discover-feed-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.45rem !important;
    padding-top: 0 !important;
  }

  .discover-feed-toolbar .btn,
  .feed-toolbar-pro .btn,
  .discover-feed-actions .btn {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  /* Profil: düzenli dikey ritim */
  .profile-fb-meta,
  .profile-status-line,
  .profile-fb-actions {
    margin-top: 0.55rem !important;
  }

  .profile-fb-actions {
    gap: 0.55rem !important;
    margin-bottom: 0.35rem !important;
  }

  .profile-tabs {
    margin-top: 0.85rem !important;
  }

  .profile-tab-panel.active {
    margin-top: 0.85rem !important;
  }

  .profile-composer {
    padding: 0.85rem !important;
    margin-bottom: 0.85rem !important;
  }

  .profile-composer-top {
    gap: 0.65rem !important;
    margin-bottom: 0.65rem !important;
  }

  .profile-composer-actions {
    gap: 0.5rem !important;
    margin-top: 0.15rem !important;
  }

  .social-feed-post,
  .profile-wall-post {
    padding: 0.85rem !important;
    margin-bottom: 0.75rem !important;
  }

  .social-feed-post-actions {
    gap: 0.65rem !important;
    padding-top: 0.55rem !important;
    margin-top: 0.35rem !important;
  }

  /* Hikâye formu / Keşfet compose */
  .story-compose {
    padding: 1rem 0.9rem !important;
    margin-bottom: 1rem !important;
  }

  .story-form {
    gap: 0.85rem !important;
    margin-top: 0.75rem !important;
  }

  .story-form input,
  .story-form select,
  .story-form textarea {
    padding: 0.7rem 0.85rem !important;
  }

  /* CiltAsistanı satırları — global li word-break’i ez */
  .skin-ai-steps > li,
  .skin-ai-step,
  .skin-ai-step > span {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .skin-ai-step {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0.55rem !important;
  }

  .skin-ai-step input[type="checkbox"] {
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    max-width: 1.15rem !important;
    min-height: 1.15rem !important;
    flex-shrink: 0 !important;
  }

  .notif-panel {
    width: min(17.5rem, calc(100vw - 1.1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(58vh, 20rem) !important;
    padding: 0.4rem 0.5rem !important;
    right: 0.55rem !important;
    left: auto !important;
    transform: none !important;
    /* top JS ile zil butonuna hizalanır */
  }

  .notif-list {
    max-height: min(34vh, 11rem) !important;
    margin-bottom: 0.25rem !important;
  }

  .notif-item {
    padding: 0.28rem 0.15rem !important;
  }

  .notif-item strong {
    font-size: 0.74rem !important;
  }

  .notif-item p,
  .notif-item time {
    font-size: 0.65rem !important;
    margin-top: 0.05rem !important;
  }

  .notif-push-toggle,
  .notif-push-toggle[hidden],
  label.notif-push-toggle {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .notif-push-toggle span {
    font-size: 0.68rem !important;
  }

  .notif-push-toggle input[type="checkbox"] {
    width: 0.95rem !important;
    height: 0.95rem !important;
    min-width: 0.95rem !important;
    max-width: 0.95rem !important;
    min-height: 0.95rem !important;
    flex-shrink: 0 !important;
  }

  .header-actions {
    gap: 0.35rem !important;
  }

  .header-actions .icon-btn {
    width: 2.2rem !important;
    height: 2.2rem !important;
    min-width: 2.2rem !important;
    min-height: 2.2rem !important;
  }

  /* Profil Geri Dön — kaldırıldı */
  .profile-back-btn {
    display: none !important;
  }

  /* Grup detay geri: konu ikonunun solunda, tüm gruplarda aynı */
  .community-back-btn,
  #connect-panel-community .community-back-btn {
    width: 1.85rem !important;
    height: 1.85rem !important;
    min-width: 1.85rem !important;
    min-height: 1.85rem !important;
    max-width: 1.85rem !important;
    max-height: 1.85rem !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .community-detail-hero {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.45rem !important;
  }

  .community-back-btn .material-symbols-outlined {
    font-size: 1.05rem !important;
  }

  /* Hikâye + rozeti — küçük yuvarlak kalsın */
  .story-ring-badge-add {
    width: 0.78rem !important;
    height: 0.78rem !important;
    min-width: 0.78rem !important;
    min-height: 0.78rem !important;
    max-width: 0.78rem !important;
    max-height: 0.78rem !important;
    right: 0.18rem !important;
    bottom: 1.05rem !important;
    top: auto !important;
    border-width: 1.5px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .story-ring-badge-add .material-symbols-outlined {
    font-size: 0.55rem !important;
    line-height: 1 !important;
    width: 0.55rem !important;
    height: 0.55rem !important;
  }

  /* Topluluk / ses / dinle */
  .community-detail-emoji,
  .voice-room-emoji,
  .voice-room-card-emoji,
  .listen-room-card-emoji,
  .buddy-guest-icon,
  .soul-partner-avatar {
    font-size: 2.25rem !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    line-height: 1 !important;
  }

  .community-stats-bar,
  .voice-stats-bar,
  .rewards-summary-bar {
    margin-bottom: 0.5rem !important;
    gap: 0.35rem !important;
  }

  .community-stat strong,
  .rewards-stat strong,
  .coin-wallet-inner strong {
    font-size: 1.05rem !important;
  }

  .coin-wallet-inner .material-symbols-outlined,
  .reward-emoji {
    font-size: 1.35rem !important;
  }

  .rewards-tasks-list {
    gap: 0.4rem !important;
    margin-bottom: 0.75rem !important;
  }

  /* Buddy */
  .buddy-form-section {
    margin-bottom: 0.55rem !important;
  }

  .buddy-gender-option {
    padding: 0.5rem 0.55rem !important;
    font-size: 0.75rem !important;
  }

  .buddy-chat-panel,
  .soul-chat-panel {
    min-height: 14rem !important;
  }

  .soul-chat-messages {
    min-height: 8.5rem !important;
  }

  .soul-micro-grid,
  .hub-app-moods {
    margin: 0.4rem 0 !important;
    gap: 0.35rem !important;
  }

  /* DM */
  #connect-panel-messages .dm-app.is-mobile-chat > .dm-toolbar {
    display: none !important;
  }

  #connect-panel-messages .dm-toolbar {
    padding: 0.45rem 0.5rem !important;
  }

  #connect-panel-messages .dm-toolbar-tab {
    min-height: 2.25rem !important;
    padding: 0.3rem 0.5rem !important;
    font-size: 0.7rem !important;
  }

  #connect-panel-messages .dm-toolbar-text strong {
    font-size: 0.9rem !important;
  }

  .dm-inbox-item {
    padding: 0.5rem 0.55rem !important;
    gap: 0.45rem !important;
  }

  .dm-inbox-item .av,
  .dm-inbox-avatar,
  .dm-chat-avatar {
    width: 2.2rem !important;
    height: 2.2rem !important;
    font-size: 0.85rem !important;
  }

  .dm-chat-header {
    padding: 0.45rem 0.5rem !important;
  }

  .dm-inbox-empty {
    padding: 1rem 0.7rem !important;
  }

  /* Play */
  .play-hub-header {
    gap: 0.4rem !important;
  }

  .play-game-card {
    min-height: 0 !important;
  }

  #play-main,
  #play-hub-main {
    min-height: 6rem !important;
  }

  .play-game-card h3,
  .play-continue-card strong,
  .play-featured-card strong {
    font-size: 0.9rem !important;
  }

  /* Rüya */
  .dream-hero-pro-inner {
    padding: 0.65rem !important;
  }

  /* Podcast */
  .podcast-featured-cover {
    width: 3.35rem !important;
    height: 3.35rem !important;
  }

  .podcast-featured-inner,
  .now-playing {
    gap: 0.4rem !important;
  }

  /* Canlı liste — metinler üst üste binmesin */
  .live-room-card {
    min-height: 9.75rem !important;
    max-height: none !important;
    aspect-ratio: 3 / 4 !important;
    padding: 0.4rem 0.35rem 0.4rem !important;
    gap: 0.28rem !important;
    justify-content: flex-start !important;
  }

  .live-room-card-top,
  .live-room-card-meta {
    width: 100% !important;
    min-width: 0 !important;
  }

  .live-room-card .live-cat-pill {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
  }

  .live-list-actions {
    gap: 0.3rem !important;
  }

  .live-refresh-btn {
    min-width: 2rem !important;
    padding: 0.35rem !important;
  }

  .live-empty {
    font-size: 0.8rem !important;
  }

  /* Profil */
  .profile-fb-avatar-wrap {
    width: 4.75rem !important;
    height: 4.75rem !important;
    margin-top: -2.35rem !important;
  }
  .profile-fb-avatar,
  .profile-fb-avatar img {
    width: 4.75rem !important;
    height: 4.75rem !important;
  }

  .profile-fb-meta h1 {
    font-size: 1rem !important;
  }

  .profile-tab-panel {
    margin-top: 0.45rem !important;
  }

  .profile-cover {
    height: 6.25rem !important;
    min-height: 6.25rem !important;
  }

  .profile-fb-head {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  /* Form / modal biraz daha sıkı */
  .login-form,
  .profile-edit-form,
  .msg-settings-form,
  .story-form,
  .pe-form,
  .create-live-form,
  .kozamia-feedback-form {
    gap: 0.5rem !important;
  }

  .modal-box,
  .modal-scroll-box,
  .modal-login-box,
  .kozamia-dialog-box {
    padding: 0.85rem 0.9rem !important;
  }

  .modal-share-studio .share-studio-sheet {
    padding: 0 !important;
  }

  .modal-box h2,
  .modal-login-box h2,
  .kozamia-dialog-box h2 {
    font-size: 1.05rem !important;
  }

  .modal-share-studio .share-studio-head h2 {
    font-size: 0.92rem !important;
  }

  /* Oda / grup kartları tutarlı — yatay kompakt */
  .voice-room-card,
  .group-card,
  .community-card,
  .listen-room-card {
    padding: 0.5rem 0.55rem !important;
    gap: 0.45rem !important;
  }

  .voice-room-card-emoji,
  .listen-room-card-emoji,
  .voice-room-emoji {
    width: 2.25rem !important;
    height: 2.25rem !important;
    font-size: 1.15rem !important;
    border-radius: 0.55rem !important;
    flex-shrink: 0 !important;
  }

  .voice-room-card-body h3,
  .listen-room-card-top h3,
  .voice-room-card-body strong {
    font-size: 0.85rem !important;
    margin: 0 !important;
    line-height: 1.25 !important;
  }

  .voice-room-card-desc,
  .listen-room-card-body .muted,
  .listen-room-card-body .small {
    font-size: 0.7rem !important;
    margin-top: 0.15rem !important;
  }

  .voice-stats-bar .voice-stat,
  .voice-stat {
    padding: 0.4rem 0.35rem !important;
    text-align: center !important;
  }

  .voice-stat strong {
    font-size: 0.95rem !important;
  }

  .voice-stat span {
    font-size: 0.62rem !important;
  }

  /* Eşleşme */
  #connect-panel-buddy .buddy-guest,
  #connect-panel-buddy .buddy-state-panel,
  #connect-panel-buddy .buddy-match-card {
    padding: 0.65rem !important;
    margin-bottom: 0.45rem !important;
  }

  .buddy-id-icon span {
    width: 2.15rem !important;
    height: 2.15rem !important;
    font-size: 1.15rem !important;
  }

  .buddy-partner-avatar {
    width: 3.25rem !important;
    height: 3.25rem !important;
    font-size: 1.75rem !important;
  }

  .buddy-match-card h2 {
    font-size: 0.85rem !important;
  }

  .buddy-match-card strong {
    font-size: 0.95rem !important;
  }

  .buddy-settings-panel {
    padding: 0.55rem !important;
    margin-top: 0.45rem !important;
  }

  /* Dinle */
  #connect-panel-listen .listen-hub-hero,
  #connect-panel-listen .listen-create-card,
  #connect-panel-listen .listen-room-header {
    padding: 0.5rem 0.55rem !important;
    margin-bottom: 0.45rem !important;
  }

  #connect-panel-listen .listen-hub-hero h2,
  #connect-panel-listen .listen-create-card h3,
  #connect-panel-listen .listen-rooms-head h3 {
    font-size: 0.9rem !important;
    margin: 0 0 0.2rem !important;
  }

  #connect-panel-listen .listen-create-form {
    gap: 0.4rem !important;
  }

  /* Mesajlar */
  #connect-panel-messages .dm-app {
    border-radius: 0.75rem !important;
  }

  #connect-panel-messages .dm-toolbar {
    padding: 0.4rem 0.5rem !important;
    gap: 0.4rem !important;
  }

  #connect-panel-messages .dm-toolbar-icon {
    width: 1.85rem !important;
    height: 1.85rem !important;
    font-size: 0.95rem !important;
    border-radius: 0.55rem !important;
  }

  #connect-panel-messages .dm-inbox-item {
    padding: 0.45rem 0.5rem !important;
  }

  #connect-panel-messages .dm-chat-header {
    padding: 0.4rem 0.5rem !important;
    flex-direction: row !important;
  }

  #connect-panel-messages .dm-chat-form {
    flex-direction: row !important;
    padding: 0.4rem 0.45rem !important;
  }

  .page-info-box {
    margin-top: 0.55rem !important;
    padding: 0.5rem 0.6rem !important;
    gap: 0.4rem !important;
    font-size: 0.72rem !important;
  }

  .page-toolbar {
    margin-bottom: 0.35rem !important;
  }

  #discover-panel-guide .page-toolbar {
    flex-direction: row !important;
    overflow: visible !important;
  }

  /* Style AI / mini app başlıkları */
  .style-ai-title,
  .skin-ai-title,
  .mom-ai-title,
  .hub-app-title {
    font-size: 0.95rem !important;
  }

  .style-ai-app.style-ai-compact .style-ai-body,
  .style-ai-app .style-ai-body {
    padding: 0.55rem !important;
  }

  /* Oyun üst barı — dikey harf yığını / ezilmiş başlık düzeltmesi */
  .play-game-panel .play-immersive-head,
  .play-immersive-head.mp-game-head-bar,
  .play-immersive-head.mp-lobby-head {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.35rem !important;
    width: 100% !important;
  }

  .play-game-panel .play-immersive-title {
    flex-direction: row !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .play-game-panel .play-immersive-title h2,
  .play-game-panel .play-immersive-title p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
  }

  .play-game-panel .mp-head-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
    gap: 0.25rem !important;
  }

  .play-game-panel .mp-head-actions .btn,
  .play-game-panel .play-immersive-head > .btn.btn-sm {
    width: 2.35rem !important;
    min-width: 2.35rem !important;
    max-width: 2.35rem !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    padding: 0 !important;
  }

  .play-game-panel .mp-how-btn-label,
  .play-game-panel .mp-voice-header-label {
    display: none !important;
  }
}

/* Tablet ara katman: yan yana en fazla 2 */
@media (min-width: 48.01rem) and (max-width: 64rem) {
  .card-grid,
  .card-grid-wide,
  .content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .layout-grid:not(.layout-grid-centered) {
    grid-template-columns: 1fr !important;
  }

  .btn {
    min-height: 2.6rem;
    touch-action: manipulation;
  }

  .icon-btn,
  label.icon-btn {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    min-height: 2.35rem !important;
    max-width: 2.35rem !important;
    max-height: 2.35rem !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    touch-action: manipulation;
  }

  /* Keşfet + Bağlan: tablet’te yükseklik kilidi yokken overflow:hidden kaydırmayı öldürüyordu */
  #page-discover.active .discover-hub {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  #page-discover.active .discover-hub > .connect-panel:not([hidden]),
  #page-connect.active:not(.is-messages-focus):not(.is-dm-chat-open) .connect-hub,
  #page-connect.active:not(.is-messages-focus):not(.is-dm-chat-open) .connect-panel:not([hidden]) {
    flex: none !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .discover-article-sheet.modal-scroll-box {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y;
    max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px))) !important;
  }
}