/* Bottom CTA bar (mobile-first trend) */
#bottomBar{
  position:fixed;left:0;right:0;bottom:0;
  padding:10px 12px;
  background:rgba(7,10,18,.72);
  backdrop-filter: blur(14px);
  border-top:1px solid rgba(255,255,255,.10);
  transform: translateY(110%);
  transition: transform .18s ease;
  z-index:9998;
}
#bottomBar.show{ transform: translateY(0); }
#bottomBar .bb-wrap{
  max-width:1120px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr 1fr;
  gap:10px;
}
#bottomBar .bb-btn{
  display:flex;align-items:center;justify-content:center;
  padding:12px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  font-size:13px;
}
#bottomBar .bb-primary{
  border-color: rgba(124,92,255,.60);
  background: linear-gradient(135deg, rgba(124,92,255,.35), rgba(34,211,238,.18));
}
@media (min-width: 980px){
  #bottomBar{ display:none; } /* desktop не нужен */
}

/* Gallery filters */
.gf{
  display:flex;gap:10px;flex-wrap:wrap;
  padding:12px;border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
.gf select{
  padding:10px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(7,10,18,.35);
  color: rgba(234,240,255,.92);
}
.gf-btn{
  padding:10px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(234,240,255,.92);
  cursor:pointer;
}