/* MR Drones — navegação mobile estilo app (isolada) */
.mr-app-nav,.mr-app-sheet,.mr-app-overlay{display:none}
@media (max-width: 768px){
  body{padding-bottom:76px!important}
  .mr-app-nav{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:fixed;
    left:0;right:0;bottom:0;
    height:68px;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom));
    background:rgba(5,7,6,.98);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -8px 24px rgba(0,0,0,.28);
    z-index:9998;
  }
  .mr-app-item{
    appearance:none;border:0;background:transparent;color:#c9ceca;text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-width:0;font:inherit;font-size:10px;line-height:1.1;cursor:pointer;
  }
  .mr-app-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mr-app-item.is-active,.mr-app-item.active{color:#55df1a}
  .mr-app-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mr-app-cart-icon{position:relative;display:flex}
  .mr-app-count{position:absolute;right:-8px;top:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#55df1a;color:#071006;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}

  .mr-app-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:9998}
  .mr-app-overlay.is-open{display:block}
  .mr-app-sheet{
    display:block;position:fixed;left:10px;right:10px;bottom:78px;z-index:9999;
    background:#0a0d0b;border:1px solid rgba(255,255,255,.12);border-radius:16px;
    box-shadow:0 18px 50px rgba(0,0,0,.45);padding:10px;
    opacity:0;visibility:hidden;transform:translateY(14px);transition:.18s ease;
  }
  .mr-app-sheet.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .mr-app-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 10px;color:#fff;font-size:13px;font-weight:600}
  .mr-app-sheet-close{border:0;background:#151a17;color:#fff;width:32px;height:32px;border-radius:9px;font-size:20px;line-height:32px;cursor:pointer}
  .mr-app-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .mr-app-sheet a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;border-radius:10px;background:#101411;color:#e8ece9;text-decoration:none;font-size:12px;border:1px solid rgba(255,255,255,.05)}
  .mr-app-sheet a:active{background:#162015}
  .mr-app-sheet a.is-active,.mr-app-sheet a.active{color:#55df1a;border-color:rgba(85,223,26,.25);background:#0d180d}
  .mr-app-sheet a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
}

/* V1.31.16 — no mobile, a barra inferior substitui o menu hambúrguer do topo */
@media (max-width: 768px){
  .topbar .menu-btn{display:none!important}
}


/* V1.31.23 — centraliza a logo somente no cabeçalho mobile */
@media (max-width: 768px){
  .topbar .nav{
    position:relative!important;
  }

  .topbar .brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:142px!important;
    max-width:42vw!important;
    flex:0 0 auto!important;
    margin:0!important;
    z-index:2!important;
  }

  .topbar .brand img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  .topbar .nav-actions{
    margin-left:auto!important;
    position:relative!important;
    z-index:3!important;
  }
}