/* JERSIX — páginas de ayuda / mobile header v2 */
.help-topbar .help-topbar-mobile{display:none}

@media (max-width:900px){
  /* Banner: sin cortes laterales ni texto desbordado */
  .help-topbar{
    width:100%!important;
    min-height:30px!important;
    height:30px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#e3222e!important;
  }
  .help-topbar>.container{
    width:100%!important;
    max-width:none!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .help-topbar .help-topbar-desktop{display:none!important}
  .help-topbar .help-topbar-mobile{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#fff!important;
    font:800 9px/30px Arial,sans-serif!important;
    letter-spacing:.025em!important;
    text-align:center!important;
  }

  /* Fuerza el mismo header móvil del index aunque la página tenga CSS propio */
  header.header .nav.fs-mobile-ready,
  .header .nav.fs-mobile-ready{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .header .nav.fs-mobile-ready>.guide-brand,
  .header .nav.fs-mobile-ready>.brand,
  .header .nav.fs-mobile-ready>a:first-child{
    grid-column:1!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
  }
  .header .nav.fs-mobile-ready>.guide-brand img,
  .header .nav.fs-mobile-ready>.brand img,
  .header .nav.fs-mobile-ready>a:first-child img,
  .header .nav.fs-mobile-ready .logo,
  .header .nav.fs-mobile-ready .brand-logo-img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .header .nav.fs-mobile-ready>.navlinks{
    display:none!important;
  }
  .header .nav.fs-mobile-ready>.actions,
  .header .nav.fs-mobile-ready>.header-actions,
  .header .nav.fs-mobile-ready>.fs-mobile-actions{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }

  /* Carrito + hamburguesa compactos */
  .header .nav.fs-mobile-ready .cart,
  .header .nav.fs-mobile-ready .fs-mobile-only-cart,
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:10px!important;
    background:#10151d!important;
    color:#fff!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .header .nav.fs-mobile-ready .cart{
    display:grid!important;
    place-items:center!important;
  }
  .header .nav.fs-mobile-ready .cart svg{
    width:19px!important;
    height:19px!important;
  }
  .header .nav.fs-mobile-ready .cart-count{
    top:-5px!important;
    right:-5px!important;
    width:18px!important;
    height:18px!important;
    background:#e3222e!important;
    border:2px solid #07090d!important;
    color:#080b0f!important;
    font:800 10px/1 Arial,sans-serif!important;
  }

  /* Las tres líneas quedan más juntas */
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    cursor:pointer!important;
  }
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn span{
    width:18px!important;
    height:2px!important;
    margin:0!important;
    border-radius:4px!important;
    background:#fff!important;
  }
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn[aria-expanded="true"] span:nth-child(1){
    transform:translateY(5px) rotate(45deg)!important;
  }
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
  }
  .header .nav.fs-mobile-ready .fs-mobile-menu-btn[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-5px) rotate(-45deg)!important;
  }

  /* Menú lateral más limpio y parecido a la referencia */
  .fs-mobile-drawer-panel{
    width:min(92vw,360px)!important;
    padding:
      calc(15px + env(safe-area-inset-top,0px))
      16px
      calc(16px + env(safe-area-inset-bottom,0px))!important;
    background:#090d13!important;
  }
  .fs-mobile-drawer-head{
    height:52px!important;
    padding-bottom:10px!important;
  }
  .fs-mobile-drawer-head img{
    width:42px!important;
    height:42px!important;
  }
  .fs-mobile-drawer-close{
    width:38px!important;
    height:38px!important;
    border-radius:10px!important;
  }
  .fs-mobile-drawer-links{
    padding:18px 0 10px!important;
  }
  .fs-mobile-drawer-links a{
    min-height:52px!important;
    font-size:17px!important;
  }
  .fs-mobile-drawer-cart{
    margin-top:11px!important;
    min-height:50px!important;
    border-radius:12px!important;
    background:#e3222e!important;
  }
  .fs-mobile-drawer-foot{
    font-size:10px!important;
  }
}

@media (max-width:390px){
  .help-topbar .help-topbar-mobile{
    font-size:8.5px!important;
  }
  header.header .nav.fs-mobile-ready,
  .header .nav.fs-mobile-ready{
    width:calc(100% - 24px)!important;
  }
}