/*
 * Bebé Crece — menú taxonómico lateral global V8
 * Objetivo: Bebé, Niños y Niñas abren sus subcategorías hacia la derecha
 * en Inicio y en todas las páginas públicas de categorías.
 */
@media (min-width: 861px) {
  html body .header,
  html body .nav,
  html body .menu,
  html body .nav-item.dropdown,
  html body .dropdown-menu,
  html body .dropdown-menu.has-bc-taxonomy,
  html body .dropdown-menu:has(.bc-taxonomy-nav),
  html body .bc-taxonomy-nav,
  html body .bc-taxonomy-group {
    overflow: visible !important;
  }

  html body .dropdown-menu.has-bc-taxonomy,
  html body .dropdown-menu:has(.bc-taxonomy-nav) {
    max-height: none !important;
    contain: none !important;
    isolation: isolate !important;
  }

  html body .dropdown-menu .bc-taxonomy-nav,
  html body .dropdown-menu .bc-taxonomy-group {
    position: relative !important;
  }

  html body .dropdown-menu .bc-taxonomy-children {
    display: grid !important;
    position: absolute !important;
    top: 0 !important;
    left: calc(100% + 10px) !important;
    right: auto !important;
    z-index: 99999 !important;
    width: 285px !important;
    min-width: 285px !important;
    max-width: min(320px, calc(100vw - 32px)) !important;
    max-height: min(70vh, 540px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #e3eaf6 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(16,42,99,.18) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-10px) !important;
    transform-origin: left top !important;
    transition: opacity .18s ease, visibility .18s ease, transform .22s cubic-bezier(.2,.75,.25,1) !important;
  }

  html body .dropdown-menu .bc-taxonomy-group.is-open > .bc-taxonomy-children,
  html body .dropdown-menu .bc-taxonomy-group:hover > .bc-taxonomy-children,
  html body .dropdown-menu .bc-taxonomy-group:focus-within > .bc-taxonomy-children {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  html body .dropdown-menu .bc-taxonomy-children a,
  html body .dropdown-menu .bc-taxonomy-group.is-open > .bc-taxonomy-children a,
  html body .dropdown-menu .bc-taxonomy-group:hover > .bc-taxonomy-children a,
  html body .dropdown-menu .bc-taxonomy-group:focus-within > .bc-taxonomy-children a {
    opacity: 1 !important;
    transform: none !important;
  }

  /* Si el menú quedara muy cerca del borde derecho, JS aplica esta clase. */
  html body .dropdown-menu .bc-taxonomy-group.bc-submenu-open-left > .bc-taxonomy-children {
    left: auto !important;
    right: calc(100% + 10px) !important;
    transform-origin: right top !important;
  }
}

/* En celular permanece dentro del panel para no salir de la pantalla. */
@media (max-width: 860px) {
  html body .dropdown-menu .bc-taxonomy-children {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* La página Promoción no debe mostrar banners/hero heredados. */
html body.bc-promotion-clean-v8 main > #inicio-promocion,
html body.bc-promotion-clean-v8 main > .promo-highlight,
html body.bc-promotion-clean-v8 main > .hero-top,
html body.bc-promotion-clean-v8 main > .promotion-hero,
html body.bc-promotion-clean-v8 main > .promo-hero,
html body.bc-promotion-clean-v8 main > .father-day-banner-wrap,
html body.bc-promotion-clean-v8 main > [data-father-slider] {
  display: none !important;
}