/* =========================
   MOBILE BOTTOM NAV
========================= */

@media (max-width: 860px){

  .nav{ display:none; }
  .burger{ display:none; }

  .bottomnav{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 68px;
    background: #1f2f27;
    display:flex;
    justify-content:space-around;
    align-items:center;
    z-index:2000;
    border-top: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 -6px 20px rgba(0,0,0,.25);
  }

  .bn-item{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    font-size:18px;
    color:rgba(255,255,255,.65);
    text-decoration:none;
  }

  .bn-item small{
    font-size:11px;
    font-weight:600;
  }

  .bn-item.active{
    color:#F4B323;
  }

  body{
    padding-bottom: 80px; /* nav çakışmasın */
  }

}