/* MGB System | Menú de Tienda unificado entre todas las páginas | 2026-10-27 */
.mgb-shop{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:0}
.mgb-shop-btn{font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 2px;white-space:nowrap}
.mgb-shop-btn:hover,.mgb-shop-btn[aria-expanded="true"]{color:#0a87b4;border-bottom-color:#16b5e6}
.mgb-shop-btn:focus-visible{outline:3px solid #57c9ed;outline-offset:2px}
.mgb-shop-chevron{font-size:11px;margin-left:3px}
.mgb-shop-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:999;width:min(850px,calc(100vw - 46px));max-height:68vh;overflow:auto;background:#fff;border:1px solid #dce5ec;border-radius:15px;box-shadow:0 20px 55px #162a4052;padding:22px;color:#1b2e43;font:13px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:left;overscroll-behavior:contain}
.mgb-shop-menu[hidden]{display:none!important}
.mgb-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mgb-shop-group{min-width:0}
.mgb-shop-group h4{font-size:13px;color:#078eb9;margin:0 0 11px;line-height:1.4}
.mgb-shop-group a{display:block!important;border:0!important;padding:5px 1px!important;margin:0!important;color:#35495d!important;font-size:12px!important;font-weight:550!important;line-height:1.5!important;white-space:normal}
.mgb-shop-group a:hover,.mgb-shop-group a:focus-visible{color:#087fa7!important;text-decoration:underline}
.mgb-shop-hint{font-size:11px;color:#607589;margin:10px 0 0}
@media(max-width:800px){
 .mgb-shop{display:block;width:100%}
 .mgb-shop-btn{text-align:left;width:100%;padding:10px 7px}
 .mgb-shop-menu{position:static;top:auto;left:auto;max-height:48vh;width:100%;margin:4px 0 12px;padding:15px;box-shadow:0 5px 20px #162a401c}
 .mgb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
}
@media(max-width:480px){.mgb-shop-grid{grid-template-columns:1fr}.mgb-shop-menu{padding:12px}}

/* Navegación completa en escritorio: evita que Navidad y Mi cuenta se recorten. */
@media (min-width:761px){
  header.header .header-line>.nav:has(.mgb-shop){
    display:flex;flex:1 1 100%;width:100%;min-width:0;margin-left:0;
    flex-wrap:wrap;align-items:center;justify-content:flex-start;
    gap:4px 16px;padding:5px 0 10px
  }
  header.bar .head:has(.mgb-shop){flex-wrap:wrap}
  header.bar .head nav:has(.mgb-shop){
    display:flex;order:5;flex:1 1 100%;width:100%;min-width:0;
    margin-left:0;flex-wrap:wrap;align-items:center;justify-content:flex-start;
    gap:5px 16px;padding:6px 0 10px
  }
}
.mgb-nav-christmas,.mgb-nav-account{white-space:nowrap}
.mgb-nav-christmas{color:#126253!important;font-weight:850!important}
.mgb-nav-christmas:hover,.mgb-nav-christmas.active{color:#0c806a!important}
.mgb-nav-account{font-weight:850!important}
@media(max-width:760px){
  header.header .header-line>.nav.open{max-height:72dvh;overflow-y:auto}
  header.header .header-line>.nav>a{display:block;width:100%}
}

/* La ficha de producto usa un encabezado distinto: también debe poder envolver
   todos los enlaces en pantallas medianas y móviles, sin scroll horizontal. */
header.bar .head:has(.mgb-shop){flex-wrap:wrap}
header.bar .head nav:has(.mgb-shop){
  display:flex;order:5;flex:1 1 100%;width:100%;min-width:0;
  margin-left:0;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:6px 15px;padding:6px 0 10px
}