/* ============================================================
   RogerTec Market · Fix overflow horizontal en movil
   Incluir en TODAS las paginas del market, despues del <style>
   propio de cada pagina (o al final del <head>).
   ============================================================ */

/* 1) Nada puede ensanchar la pagina mas alla de la pantalla.
   Se usa "clip" (no crea contenedor de scroll, asi no rompe
   los topbar position:sticky); "hidden" queda de respaldo. */
html,body{overflow-x:hidden}
@supports (overflow:clip){
  html,body{overflow-x:clip}
}

/* 2) Las imagenes nunca superan el ancho de su caja */
img{max-width:100%}

/* 3) Topbar: en pantallas estrechas los botones pasan a una
   segunda fila en vez de empujar la pagina hacia la derecha */
@media(max-width:640px){
  .topbar{flex-wrap:wrap;gap:7px 8px;padding:10px 12px}
  .topbar .brand{flex:1 1 auto;min-width:0}
  .topbar .brand b{font-size:.88rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .tb-btn{padding:7px 11px;font-size:.68rem;gap:5px;flex-shrink:0}
  .topbar details{flex-shrink:0}
}

/* 4) Seguridad extra: cualquier fila flexible puede encoger */
.topbar>*{min-width:0}