@media (max-width: 860px){


  .mobile-header{
    display:flex;
    position: sticky;
    top:0;
    z-index:1200;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    background: rgba(15,15,18,0.92);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--border);
  }

  .mobile-title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
  }

 .mobile-logo{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid var(--border);
  object-fit:cover;
  background:var(--panel);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}
  

  .icon-btn{
    border:1px solid var(--border);
    background: rgba(255,255,255,0.05);
    color:var(--fg);
    border-radius:12px;
    padding:10px 12px;
    cursor:pointer;
  }


  .sidebar{
    position: fixed;
    top:0; left:0; bottom:0;
    z-index:1201;
    width: min(86vw, 320px);
    background: var(--bg);

    transform: translateX(-105%);
    transition: transform 200ms ease;
  }

  .sidebar.open{
    transform: translateX(0);
  }

 .logo-big{
  width:180px;
  height:180px;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}

  .site-title{
    font-size:20px;
  }

  .main{
    margin-left:0;
    width:100%;
  }

  
  .filters{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
  }
  .filter-btn{ white-space: nowrap; }

  
  body.no-scroll{ overflow:hidden; }
}
@media (max-width: 860px) {

  
  .mobile-title,
  .mobile-title span {
    font-family: var(--brand-title-font), serif !important;
    letter-spacing: 0.02em;
    line-height: 1.1;
  }

  .mobile-title span {
    font-size: 1.05rem;
  }

  
  .lightbox .lb-nav {
    display: none !important;
  }
  .mobile-title{
  min-width: 0;
  flex: 1;
  gap: 8px;
}

.mobile-title span{
  font-family: var(--brand-title-font), serif !important;
  font-size: 1.12rem;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.mobile-logo{
  width: 36px;
  height: 36px;
}
}

@media (max-width: 860px) {
  .lightbox .lb-post-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px 0 8px;
    padding: 0 6px;
  }

  .lightbox .lb-post-nav {
    position: static !important;
    transform: none !important;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    display: grid;
    place-items: center;
  }
}