/* ==========================================================================
   BIURY MEGA MENU — DISEÑO MODERNO, JERARQUÍA Y SEPARADORES VISUALES
   ========================================================================== */

/* 1. Ocultar el botón genérico flotante superior en Mega Menús desktop para evitar duplicidad (en mobile sí se muestra) */
@media (min-width: 992px) {
  .primary-navigation .nav-menu > li.biury-menu-skincare-root .biury-mega-menu-topbar,
  .primary-navigation .nav-menu > li .sub-menu.mega-menu .biury-mega-menu-topbar,
  .primary-navigation .nav-menu > li:has(.biury-mega-header-card) .biury-mega-menu-topbar,
  .primary-navigation .nav-menu > li:has(.biury-category-block-header) .biury-mega-menu-topbar,
  .primary-navigation #menu-item-11610 .biury-mega-menu-topbar,
  .primary-navigation .menu-item-11610 .biury-mega-menu-topbar,
  .primary-navigation #menu-item-11622 .biury-mega-menu-topbar,
  .primary-navigation .menu-item-11622 .biury-mega-menu-topbar {
    display: none !important;
  }
}

/* 2. Contenedor base universal para TODOS los Mega Menús (Skincare, Maquillaje, Capilar, etc.) */
.primary-navigation ul.nav-menu > li.menu-item-mega .sub-menu.mega-menu,
.primary-navigation .menu-item-mega .sub-menu.mega-menu,
.primary-navigation ul.nav-menu > li.menu-item-has-children .sub-menu.mega-menu {
  max-width: 96vw !important;
  padding: 16px 20px 18px 20px !important;
  border-radius: 0 0 20px 20px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
  border: 1.5px solid #F5D7E6 !important;
  border-top: 3px solid #F440A8 !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* ==========================================================================
   BUFFER ANTI-CIERRE & HOVER INTENT (DESKTOP >= 992px)
   Soluciona el cierre abrupto cuando el cursor se desplaza en diagonal hacia el menú
   ========================================================================== */
@media (min-width: 992px) {
  /* Contenedores ancla para todos los elementos del menú principal en desktop */
  .primary-navigation .nav-menu > li,
  .primary-navigation .nav-menu > li.menu-item,
  .primary-navigation .nav-menu > li.menu-item-mega,
  .primary-navigation .nav-menu > li.menu-item-has-children {
    position: relative !important;
  }

  /* Estado al salir del hover: 280ms de retardo antes de desvanecerse */
  .primary-navigation .nav-menu > li > ul.sub-menu,
  .primary-navigation .nav-menu > li.menu-item-mega > ul.sub-menu.mega-menu,
  .primary-navigation .sub-menu.mega-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease 0.28s, visibility 0s ease 0.5s !important;
  }

  /* Estado en hover o con persistencia activa: aparición inmediata */
  .primary-navigation .nav-menu > li:hover > ul.sub-menu,
  .primary-navigation .nav-menu > li.menu-item-mega:hover > ul.sub-menu.mega-menu,
  .primary-navigation .sub-menu.mega-menu:hover,
  .primary-navigation .nav-menu > li.biury-menu-hover-active > ul.sub-menu,
  .primary-navigation .nav-menu > li.biury-menu-hover-active > ul.sub-menu.mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity 0.15s ease 0s, visibility 0s ease 0s !important;
  }

  /* Cuando el cursor pasa sobre otra sección del menú, cerrar los demás INMEDIATAMENTE a 0ms sin delay */
  .primary-navigation .nav-menu > li:hover ~ li > ul.sub-menu,
  .primary-navigation .nav-menu > li:hover ~ li.biury-menu-hover-active > ul.sub-menu,
  .primary-navigation .nav-menu > li:has(~ li:hover) > ul.sub-menu,
  .primary-navigation .nav-menu > li:has(~ li:hover).biury-menu-hover-active > ul.sub-menu,
  .primary-navigation .nav-menu:hover > li:not(:hover) > ul.sub-menu,
  .primary-navigation .nav-menu:hover > li:not(:hover) > ul.sub-menu.mega-menu,
  .primary-navigation .nav-menu:hover > li:not(:hover).biury-menu-hover-active > ul.sub-menu,
  .primary-navigation .nav-menu:hover > li:not(:hover).biury-menu-hover-active > ul.sub-menu.mega-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
  }

  /* Puente invisible superior: cubre la brecha vertical entre el enlace y el desplegable */
  .primary-navigation .nav-menu > li > ul.sub-menu.mega-menu::before,
  .primary-navigation .sub-menu.mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -28px !important;
    left: 0 !important;
    right: 0 !important;
    height: 32px !important;
    background: transparent !important;
    display: block !important;
    pointer-events: auto !important;
    z-index: 99999 !important;
  }

  /* Puente invisible inferior en el li: amplía el área de captura hacia abajo y a los lados */
  .primary-navigation .nav-menu > li.menu-item-has-children::after,
  .primary-navigation .nav-menu > li.menu-item-mega::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: -24px !important;
    right: -24px !important;
    height: 30px !important;
    background: transparent !important;
    display: block !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
  }
}

.primary-navigation .menu-item-mega .sub-menu.mega-menu > li,
.primary-navigation .sub-menu.mega-menu > li,
.primary-navigation .sub-menu.mega-menu .mega-menu-container,
.primary-navigation .sub-menu.mega-menu .mega-menu-container.container-custom {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   ANCHO Y DISTRIBUCIÓN DE COLUMNAS EN DESKTOP (>= 992px)
   ========================================================================== */
@media (min-width: 992px) {
  /* ==========================================================================
     ANCHOS Y PROPORCIONES DE LOS MEGA MENÚS EN SITIO OFICIAL
     ========================================================================== */

  /* Skincare Unificado: 1380px (Fila 1: Coreano 36.5% + Dermo 63.5% | Fila 2: Destacado 24.5% amplio y holgado) */
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu,
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation .menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation .menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega.biury-menu-skincare-root .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega:has(> a[href*="skincare"]) .sub-menu.mega-menu {
    width: 1380px !important;
    max-width: 96vw !important;
    padding: 18px 24px 22px 24px !important;
  }

  /* Maquillaje: 760px (3 columnas holgadas para que Ver Todo y Best Seller queden lado a lado) */
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu,
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu,
  .primary-navigation .menu-item-12998 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu,
  .primary-navigation .menu-item-11665 .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega:has(> a[href*="maquillaje"]) .sub-menu.mega-menu {
    width: 760px !important;
    max-width: 96vw !important;
  }

  /* Capilar: 620px (3 columnas holgadas: Col 1 36% para pills sin montajes, Col 2 32%, Col 3 32%) */
  .primary-navigation ul.nav-menu > li:nth-child(5) .sub-menu.mega-menu,
  .primary-navigation #menu-item-7769 .sub-menu.mega-menu,
  .primary-navigation .menu-item-7769 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11666 .sub-menu.mega-menu,
  .primary-navigation .menu-item-11666 .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega:has(> a[href*="capilar"]) .sub-menu.mega-menu {
    width: 620px !important;
    max-width: 96vw !important;
  }

  /* Filas universales de flex */
  .primary-navigation .sub-menu.mega-menu .mega-menu__row {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* ==========================================================================
     1. COLUMNAS Y LAYOUT DE SKINCARE UNIFICADO (#menu-item-7765 / #menu-item-11664)
     ========================================================================== */
  /* Fila 1: Skincare Coreano (39%) + Dermocosmética (61%) con separación garantizada */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1) {
    width: calc(36.5% - 6px) !important;
    flex: 0 0 calc(36.5% - 6px) !important;
    max-width: calc(36.5% - 6px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2) {
    width: calc(63.5% - 6px) !important;
    flex: 0 0 calc(63.5% - 6px) !important;
    max-width: calc(63.5% - 6px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  /* Fila 2 de Skincare: 6 columnas ordenadas con items verticales limpios y Destacado amplio */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid #F3E8EE !important;
    box-sizing: border-box !important;
    gap: 8px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    border: none !important;
  }

  /* Anchos de las 6 columnas en Fila 2 (Total: 16 + 20.5 + 12.5 + 14.5 + 12 + 24.5 = 100%) */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1) {
    width: 16% !important;
    flex: 0 0 16% !important;
    max-width: 16% !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2) {
    width: 20.5% !important;
    flex: 0 0 20.5% !important;
    max-width: 20.5% !important;
    border-right: 1.5px solid #F8E6EE !important;
    padding-right: 14px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3) {
    width: 12.5% !important;
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
    padding-left: 2px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4) {
    width: 14.5% !important;
    flex: 0 0 14.5% !important;
    max-width: 14.5% !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5) {
    width: 12% !important;
    flex: 0 0 12% !important;
    max-width: 12% !important;
    border-right: 1.5px solid #F0D5E2 !important;
    padding-right: 10px !important;
  }

  /* Columna 6: Destacado con 24.5% holgado (~338px en 1380px) con espacio perimetral limpio */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    width: 24.5% !important;
    flex: 0 0 24.5% !important;
    max-width: 24.5% !important;
    min-width: 280px !important;
    padding: 0 8px 0 14px !important;
    box-sizing: border-box !important;
  }

  /* Items dentro de cada columna de Fila 2 son bloques verticales limpios */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 3.5px 0 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Tarjeta de Producto en Columna 6 (Skincare Destacado): generosa, destacada y perfectamente encuadrada */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    padding: 12px 14px 14px 14px !important;
    border: 1.5px solid #F0DDE8 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(244, 64, 168, 0.08) !important;
    box-sizing: border-box !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product-loop-button-atc,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product-loop-button-atc,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .product-loop-button-atc {
    font-size: 11px !important;
    padding: 8px 14px !important;
    white-space: nowrap !important;
    width: 100% !important;
    max-width: 245px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }

  /* ==========================================================================
     PILLS "VER TODO" Y "BEST SELLER" EN CAPILAR Y MAQUILLAJE (SIDE-BY-SIDE SIN MONTAJES)
     ========================================================================== */
  .primary-navigation #menu-item-7769 .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation #menu-item-11666 .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation ul.nav-menu > li:nth-child(5) .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .biury-mega-pills-bar,
  .biury-mega-pills-bar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* <--- GARANTIZA QUE QUEDEN UNO AL LADO DEL OTRO */
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }

  .primary-navigation #menu-item-7769 .sub-menu.mega-menu .biury-pill-action,
  .primary-navigation #menu-item-11666 .sub-menu.mega-menu .biury-pill-action,
  .primary-navigation ul.nav-menu > li:nth-child(5) .sub-menu.mega-menu .biury-pill-action,
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .biury-pill-action,
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .biury-pill-action,
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .biury-pill-action,
  .biury-mega-pills-bar .biury-pill-action {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    max-width: none !important;
    font-size: 9.5px !important;
    padding: 3.5px 10px !important;
    margin: 0 !important;
    float: none !important;
  }

  /* Fallback: si existen como elementos li hermanos separados, mantenerlos lado a lado */
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:has(> a.biury-pill-ver-todo),
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:has(> a.biury-pill-best-seller) {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    margin-bottom: 12px !important;
    width: auto !important;
  }


  /* ==========================================================================
     2. COLUMNAS Y LAYOUT DE MAQUILLAJE (#menu-item-12998 / #menu-item-11665)
     3 columnas elegantes lado a lado:
     - Columna 1 (Rostro + Pills lado a lado): 36% (min-width: 230px)
     - Columna 2 (Cejas, Ojos, Labios): 32% (con divisor rosa)
     - Columna 3 (Producto Destacado): 32% (con divisor rosa)
     ========================================================================== */
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .mega-menu__row,
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .mega-menu__row,
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .mega-menu__row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Columna 1: Rostro */
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(1) {
    width: 36% !important;
    flex: 0 0 36% !important;
    min-width: 230px !important;
    max-width: 36% !important;
    padding: 0 16px 0 0 !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  /* Columna 2: Cejas, Ojos, Labios */
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(2) {
    width: 32% !important;
    flex: 0 0 32% !important;
    min-width: 0 !important;
    max-width: 32% !important;
    border-left: 1.5px solid #F0D5E2 !important;
    padding: 0 12px 0 16px !important;
    box-sizing: border-box !important;
  }

  /* Columna 3: Destacado */
  .primary-navigation #menu-item-12998 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11665 .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(4) .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:nth-child(3) {
    width: 32% !important;
    flex: 0 0 32% !important;
    min-width: 0 !important;
    max-width: 32% !important;
    border-left: 1.5px solid #F0D5E2 !important;
    padding: 0 0 0 16px !important;
    box-sizing: border-box !important;
  }

  /* ==========================================================================
     3. COLUMNAS Y LAYOUT DE CAPILAR (#menu-item-7769 / #menu-item-11666)
     3 Columnas lado a lado de 33.3% que eliminan por completo el vacío derecho
     ========================================================================== */
  .primary-navigation #menu-item-7769 .mega-menu-container,
  .primary-navigation #menu-item-11666 .mega-menu-container,
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  .primary-navigation #menu-item-7769 .mega-menu__row,
  .primary-navigation #menu-item-11666 .mega-menu__row,
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row {
    display: contents !important;
  }

  .primary-navigation #menu-item-7769 .mega-menu__row > ul.mega-menu__column,
  .primary-navigation #menu-item-11666 .mega-menu__row > ul.mega-menu__column,
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row > ul.mega-menu__column {
    box-sizing: border-box !important;
    margin: 0 !important;
    border: none !important;
  }

  .primary-navigation #menu-item-7769 .mega-menu__row > ul.mega-menu__column:first-child,
  .primary-navigation #menu-item-11666 .mega-menu__row > ul.mega-menu__column:first-child,
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row > ul.mega-menu__column:first-child {
    width: 36% !important;
    flex: 0 0 36% !important;
    max-width: 36% !important;
    min-width: 0 !important;
    padding: 0 10px 0 0 !important;
  }

  .primary-navigation #menu-item-7769 .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11666 .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-7769 .mega-menu__row:nth-child(2) > ul.mega-menu__column:first-child,
  .primary-navigation #menu-item-11666 .mega-menu__row:nth-child(2) > ul.mega-menu__column:first-child,
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row:nth-child(2) > ul.mega-menu__column:first-child {
    width: 32% !important;
    flex: 0 0 32% !important;
    max-width: 32% !important;
    min-width: 0 !important;
    border-left: 1.5px solid #F8E6EE !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
  }

  .primary-navigation #menu-item-7769 .mega-menu__row:first-child > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11666 .mega-menu__row:first-child > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(5) .mega-menu__row:first-child > ul.mega-menu__column:nth-child(3) {
    width: 32% !important;
    flex: 0 0 32% !important;
    max-width: 32% !important;
    min-width: 0 !important;
    border-left: 1.5px solid #F8E6EE !important;
    padding-left: 14px !important;
    padding-right: 0 !important;
  }

  /* Regla universal para cualquier columna que contenga carrusel de productos */
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column.has-products-column,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel),
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) {
    border-left: 1.5px solid #F0D5E2 !important;
    padding-left: 14px !important;
    box-sizing: border-box !important;
  }
}

/* 3. Tarjetas de Macro-Bloque (Skincare Coreano vs Dermocosmética) — Alineación exacta en el Eje Y */
.primary-navigation .sub-menu.mega-menu .biury-mega-header-card,
.biury-mega-header-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  transition: all 0.25s ease !important;
}

/* Estilo Coreano */
.biury-mega-header-coreano {
  background: linear-gradient(135deg, #FFF0F6 0%, #FAEDF4 100%) !important;
  border: 1.5px solid #F6D6E7 !important;
  box-shadow: 0 2px 8px rgba(244, 64, 168, 0.05) !important;
}

/* Estilo Dermocosmética */
.biury-mega-header-dermo {
  background: linear-gradient(135deg, #FAF7FA 0%, #F3ECF6 100%) !important;
  border: 1.5px solid #E9D9EE !important;
  box-shadow: 0 2px 8px rgba(110, 60, 140, 0.04) !important;
}

.primary-navigation .sub-menu.mega-menu .biury-mega-header-title-box,
.biury-mega-header-title-box {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-right: 18px !important;
}

.primary-navigation .sub-menu.mega-menu .biury-mega-header-title,
.biury-mega-header-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #2E2926 !important;
  -webkit-text-fill-color: #2E2926 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

/* 4. Botones de Acción (Pills: Ver Todo & Best Seller) — Alineados con el título en el Eje Y */
.primary-navigation .sub-menu.mega-menu .biury-mega-header-card .biury-mega-header-pills,
.biury-mega-header-card .biury-mega-header-pills,
.biury-mega-header-pills {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

.primary-navigation .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action,
.biury-mega-header-card .biury-pill-action,
.biury-pill-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  line-height: 24px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.biury-mega-header-card .biury-pill-action svg,
.biury-pill-action svg {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 3px !important;
  margin-top: -1px !important;
  flex-shrink: 0 !important;
}

/* Quitar recuadros de span en todos los botones y textos */
.primary-navigation .sub-menu .biury-pill-action span,
.primary-navigation .sub-menu a.biury-pill-action span,
.biury-pill-action span,
a.biury-pill-action span,
.biury-pill-ver-todo span,
.biury-pill-best-seller span,
.primary-navigation .sub-menu .biury-pill-ver-todo span,
.primary-navigation .sub-menu .biury-pill-best-seller span,
.primary-navigation .sub-menu a.biury-pill-ver-todo span,
.primary-navigation .sub-menu a.biury-pill-best-seller span {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  line-height: inherit !important;
}

/* Pill "Ver Todo" — Borde solo en el contenedor exterior */
.primary-navigation .sub-menu a.biury-pill-ver-todo,
.primary-navigation .sub-menu .biury-pill-ver-todo,
a.biury-pill-ver-todo,
.biury-pill-ver-todo {
  background: #FFFFFF !important;
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
  border: 1.2px solid #F440A8 !important;
  box-shadow: 0 1px 4px rgba(244, 64, 168, 0.08) !important;
}

.primary-navigation .sub-menu .biury-pill-ver-todo svg,
.biury-pill-ver-todo svg,
a.biury-pill-ver-todo svg {
  stroke: #F440A8 !important;
  width: 9px !important;
  height: 9px !important;
  transition: transform 0.2s ease !important;
}

.primary-navigation .sub-menu a.biury-pill-ver-todo:hover,
a.biury-pill-ver-todo:hover {
  background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(244, 64, 168, 0.25) !important;
  transform: translateY(-1px) !important;
}

.primary-navigation .sub-menu a.biury-pill-ver-todo:hover span,
a.biury-pill-ver-todo:hover span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.primary-navigation .sub-menu a.biury-pill-ver-todo:hover svg,
.biury-pill-ver-todo:hover svg,
a.biury-pill-ver-todo:hover svg {
  stroke: #FFFFFF !important;
  transform: translateX(2px) !important;
}

/* Pill "Best Seller" — Borde solo en el contenedor exterior */
.primary-navigation .sub-menu a.biury-pill-best-seller,
.primary-navigation .sub-menu .biury-pill-best-seller,
a.biury-pill-best-seller,
.biury-pill-best-seller {
  background: #FFFFFF !important;
  color: #2E2926 !important;
  -webkit-text-fill-color: #2E2926 !important;
  border: 1.2px solid #D8C7D2 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

.primary-navigation .sub-menu a.biury-pill-best-seller:hover,
a.biury-pill-best-seller:hover {
  background: #FFF5F8 !important;
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
  border-color: #F440A8 !important;
  box-shadow: 0 0 0 2px rgba(244, 64, 168, 0.12) !important;
  transform: translateY(-1px) !important;
}

.primary-navigation .sub-menu a.biury-pill-best-seller:hover span,
a.biury-pill-best-seller:hover span {
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
}

/* 5. Sub-encabezados de categoría universales (PRODUCTO, TIPO DE PIEL, TRATAMIENTO, ROSTRO, etc.) */
.primary-navigation .sub-menu.mega-menu .biury-subheading-wrap,
.primary-navigation .sub-menu.mega-menu .biury-subheading,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading > *,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading a,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading span,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading h4,
.primary-navigation .sub-menu.mega-menu .biury-mega-header-title-box,
.primary-navigation .sub-menu.mega-menu .biury-mega-header-title {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.primary-navigation .sub-menu.mega-menu .biury-subheading-wrap,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading {
  margin-top: 6px !important;
  margin-bottom: 3px !important;
  padding-bottom: 2px !important;
  border-bottom: 1.2px dashed #F2DEE9 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  list-style: none !important;
}

/* Evitar línea discontinua debajo de la píldora Best Seller */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.menu-item--widget-heading:has(a[href*="best-seller"]),
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.menu-item--widget-heading:has(.biury-pill-best-seller),
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.menu-item--widget-heading:has(a.biury-pill-action),
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-heading:has(+ .menu-item--widget-heading) {
  border-bottom: none !important;
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
}

.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-heading,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:first-child .biury-subheading-wrap,
.primary-navigation .sub-menu.mega-menu .biury-subheading-wrap.biury-subheading-first {
  margin-top: 0 !important;
}

.primary-navigation .sub-menu.mega-menu .biury-subheading,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading > *,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading a,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading span,
.primary-navigation .sub-menu.mega-menu .menu-item--widget-heading h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  color: #EF7088 !important;
  display: block !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

/* 6. Enlaces de elementos individuales ultra-compactos para que NUNCA desborden pantalla */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:not(.menu-item--widget):not(.biury-pills-row-item):not(.biury-pill-item),
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item:not(.menu-item--widget-heading):not(.menu-item--widget-products-carousel):not(.biury-pills-row-item):not(.biury-pill-item) {
  margin-bottom: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:not(.menu-item--widget):not(.biury-pills-row-item):not(.biury-pill-item) > a:not(.biury-pill-action):not(.biury-pill-ver-todo):not(.biury-pill-best-seller),
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item:not(.menu-item--widget-heading):not(.menu-item--widget-products-carousel):not(.biury-pills-row-item):not(.biury-pill-item) > a:not(.biury-pill-action):not(.biury-pill-ver-todo):not(.biury-pill-best-seller) {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #4A4543 !important;
  text-transform: capitalize !important;
  transition: all 0.18s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
  line-height: 1.25 !important;
  padding: 1.5px 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
}

.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item a svg,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item a i,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item a img {
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin-right: 4px !important;
}

.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:not(.menu-item--widget) > a:not(.biury-pill-action):hover,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item:not(.menu-item--widget-heading):not(.menu-item--widget-products-carousel) > a:not(.biury-pill-action):hover {
  color: #F440A8 !important;
  transform: translateX(3px) !important;
}

/* ==========================================================================
   ENLACES DESTACADOS "VER TODO" Y "BEST SELLER" COMO PILLS (IDÉNTICOS A SKINCARE)
   ========================================================================== */

/* Barra contenedora flex de los pills de columna */
.biury-mega-pills-bar,
.primary-navigation .sub-menu.mega-menu .biury-mega-pills-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

li.biury-pills-row-item,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pills-row-item {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  clear: both !important;
}

/* Contenedores li individuales de los pills (fallback sin barra agrupada) */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item-ver-todo,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item-best-seller {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Botón Pill "Ver Todo" universal */
.primary-navigation .sub-menu.mega-menu a.biury-pill-ver-todo,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-ver-todo,
.primary-navigation .sub-menu a.biury-pill-ver-todo,
a.biury-pill-ver-todo,
.biury-pill-ver-todo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  padding: 3.5px 8px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  background: #FFFFFF !important;
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
  border: 1.2px solid #F440A8 !important;
  box-shadow: 0 1px 4px rgba(244, 64, 168, 0.08) !important;
}

.primary-navigation .sub-menu.mega-menu a.biury-pill-ver-todo svg,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-ver-todo svg,
.biury-pill-ver-todo svg {
  stroke: #F440A8 !important;
  width: 9px !important;
  height: 9px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 2px !important;
  transition: transform 0.2s ease !important;
}

/* Hover de Ver Todo */
.primary-navigation .sub-menu.mega-menu a.biury-pill-ver-todo:hover,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-ver-todo:hover,
a.biury-pill-ver-todo:hover,
.biury-pill-ver-todo:hover {
  background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(244, 64, 168, 0.25) !important;
  transform: translateY(-1px) !important;
}

.primary-navigation .sub-menu.mega-menu a.biury-pill-ver-todo:hover span,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-ver-todo:hover span,
a.biury-pill-ver-todo:hover span,
.biury-pill-ver-todo:hover span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.primary-navigation .sub-menu.mega-menu a.biury-pill-ver-todo:hover svg,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-ver-todo:hover svg,
.biury-pill-ver-todo:hover svg {
  stroke: #FFFFFF !important;
  transform: translateX(2px) !important;
}

/* Botón Pill "Best Seller" universal */
.primary-navigation .sub-menu.mega-menu a.biury-pill-best-seller,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-best-seller,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item a.biury-pill-best-seller,
.primary-navigation .sub-menu a.biury-pill-best-seller,
a.biury-pill-best-seller,
.biury-pill-best-seller {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  padding: 3.5px 8px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  background: #FFFFFF !important;
  color: #2E2926 !important;
  -webkit-text-fill-color: #2E2926 !important;
  border: 1.2px solid #D8C7D2 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

/* Hover de Best Seller */
.primary-navigation .sub-menu.mega-menu a.biury-pill-best-seller:hover,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-best-seller:hover,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item a.biury-pill-best-seller:hover,
a.biury-pill-best-seller:hover,
.biury-pill-best-seller:hover {
  background: #FFF5F8 !important;
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
  border-color: #F440A8 !important;
  box-shadow: 0 0 0 2px rgba(244, 64, 168, 0.12) !important;
  transform: translateY(-1px) !important;
}

.primary-navigation .sub-menu.mega-menu a.biury-pill-best-seller:hover span,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column li a.biury-pill-best-seller:hover span,
.biury-pill-best-seller:hover span {
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
}

/* Sub-ítems con sangría */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-sublink > a {
  padding-left: 8px !important;
  font-size: 9.5px !important;
  color: #6E686B !important;
}

/* 7. Contenedor de Producto Destacado — Tarjeta única y elegante */

/* Resetear contenedores intermedios en CUALQUIER columna que tenga carrusel de producto */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel) > li.menu-item--widget,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel) > li.menu-item--widget-html,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel) > li.menu-item--widget-products-carousel,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) > li.menu-item--widget,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) > li.menu-item--widget-html,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) > li.menu-item--widget-products-carousel,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:nth-child(6) > li.menu-item--widget,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:nth-child(6) > li.menu-item--widget-html,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:nth-child(6) > li.menu-item--widget-products-carousel,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .products,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel ul.products {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  box-sizing: border-box !important;
  list-style: none !important;
}

/* Encabezado DESTACADO limpio sin recuadro envolvente */
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel) .biury-subheading-wrap,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) .biury-subheading-wrap,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:nth-child(6) .biury-subheading-wrap {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-bottom: 2px !important;
  border-bottom: 1.2px dashed #F2DEE9 !important;
  width: 100% !important;
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel) .biury-subheading,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel) .biury-subheading,
.primary-navigation .sub-menu.mega-menu ul.mega-menu__column:nth-child(6) .biury-subheading {
  color: #EF7088 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  border: none !important;
  background: transparent !important;
}

/* ÚNICA tarjeta física del producto con borde suave, fondo blanco y sombra sutil */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-item,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product,
.primary-navigation .mega-menu .menu-item--widget-products-carousel li.product {
  background: #FFFFFF !important;
  border: 1.5px solid #F0DDE8 !important;
  border-radius: 16px !important;
  padding: 12px 14px 14px 14px !important;
  margin: 0 auto !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 280px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: 0 4px 16px rgba(244, 64, 168, 0.08) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-item:hover,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product:hover,
.primary-navigation .mega-menu .menu-item--widget-products-carousel li.product:hover {
  border-color: #F440A8 !important;
  box-shadow: 0 6px 20px rgba(244, 64, 168, 0.18) !important;
  transform: translateY(-2px) !important;
}

/* Ocultar los 3 botones flotantes sobre la imagen en la tarjeta del mega menú */
.primary-navigation .sub-menu.mega-menu .product-featured-icons,
.primary-navigation .sub-menu.mega-menu .ecomus-product-featured-icons,
.primary-navigation .sub-menu.mega-menu .product-item__actions,
.primary-navigation .sub-menu.mega-menu .product-buttons,
.primary-navigation .sub-menu.mega-menu .woosw-btn,
.primary-navigation .sub-menu.mega-menu .woosq-btn,
.primary-navigation .sub-menu.mega-menu .product-loop-button--quickview,
.primary-navigation .sub-menu.mega-menu .wcboost-wishlist-button,
.primary-navigation .sub-menu.mega-menu .product-featured-icons .product-loop-button-atc,
.primary-navigation #menu-item-7765 .product-featured-icons,
#menu-item-7765 .product-featured-icons,
.primary-navigation #menu-item-11664 .product-featured-icons,
#menu-item-11664 .product-featured-icons,
.primary-navigation #menu-item-12998 .product-featured-icons,
#menu-item-12998 .product-featured-icons,
.primary-navigation #menu-item-11665 .product-featured-icons,
#menu-item-11665 .product-featured-icons,
.primary-navigation #menu-item-7769 .product-featured-icons,
#menu-item-7769 .product-featured-icons,
.primary-navigation #menu-item-11666 .product-featured-icons,
#menu-item-11666 .product-featured-icons,
.primary-navigation .sub-menu.mega-menu .wcboost-variation-swatches,
.primary-navigation .sub-menu.mega-menu .swatches-select,
.primary-navigation .sub-menu.mega-menu .ecomus-swatches {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Recuadro de la miniatura de la imagen: tamaño amplio, proporcionado y sin espacios vacíos */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-thumbnail,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .product-thumbnail,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel a:has(> img:only-child) {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  padding: 10px 12px !important;
  margin: 0 0 8px 0 !important;
  border: 1px solid #F0E8EC !important;
  border-radius: 14px !important;
  background: #FAFAF9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Enlace general del producto si envuelve el contenido */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-item > a.woocommerce-LoopProduct-link,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product > a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
}

/* Imagen del producto: encaje armónico y centrado sin deformaciones ni vacíos */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel img,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .product-thumbnail img {
  border: none !important;
  background: transparent !important;
  border-radius: 8px !important;
  max-height: 130px !important;
  height: 130px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.25s ease !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-item:hover img,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product:hover img,
.primary-navigation .mega-menu .menu-item--widget-products-carousel li.product:hover img {
  transform: scale(1.05) !important;
}

/* Calificación (estrellas y recuento) armoniosa */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .star-rating,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .ecomus-rating,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .ecomus-rating {
  font-size: 11px !important;
  margin: 5px auto 4px auto !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  color: #B5A8B0 !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .star-rating span,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .ecomus-rating span,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .ecomus-rating span {
  border: none !important;
  background: transparent !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9.5px !important;
  color: #888888 !important;
}

/* Título del producto: tipografía legible, moderna y elegante */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel h2.woocommerce-loop-product__title,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .woocommerce-loop-product__title,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .woocommerce-loop-product__title,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .woocommerce-loop-product__title a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2E2926 !important;
  margin: 3px 0 4px 0 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  letter-spacing: -0.1px !important;
  text-decoration: none !important;
  width: 100% !important;
}

/* Precio en rosa Biury destacado y limpio */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .price,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .price {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #F440A8 !important;
  -webkit-text-fill-color: #F440A8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  margin: 2px 0 7px 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  letter-spacing: 0.2px !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .price *,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .price * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  display: inline !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Botón de compra / acción en gradiente rosa Biury */
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .button,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel a.button,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .button,
.primary-navigation .mega-menu .menu-item--widget-products-carousel a.button {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  min-height: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 245px !important;
  margin: 0 auto !important;
  box-shadow: 0 4px 14px rgba(244, 64, 168, 0.26) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .button:hover,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel a.button:hover,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .button:hover,
.primary-navigation .mega-menu .menu-item--widget-products-carousel a.button:hover {
  background: linear-gradient(135deg, #DF2E93 0%, #DF5E74 100%) !important;
  box-shadow: 0 5px 15px rgba(244, 64, 168, 0.38) !important;
  transform: translateY(-1px) !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .button *,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel a.button *,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .button *,
.primary-navigation .mega-menu .menu-item--widget-products-carousel a.button * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  background: transparent !important;
}

.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .button svg,
.primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel a.button svg,
.primary-navigation .mega-menu .menu-item--widget-products-carousel .button svg,
.primary-navigation .mega-menu .menu-item--widget-products-carousel a.button svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ==========================================================================
   8. RESPONSIVE DESIGN & ADAPTACIÓN UNIVERSAL (DESKTOP, TABLET Y MÓVIL)
   ========================================================================== */

/* A. Desktop Intermedio y Laptops (992px a 1240px) */
@media (min-width: 992px) and (max-width: 1240px) {
  .primary-navigation ul.nav-menu > li.biury-menu-skincare-root .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega.biury-menu-skincare-root .sub-menu.mega-menu,
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu {
    width: 96vw !important;
    max-width: 96vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 10px 12px !important;
  }

  .primary-navigation ul.nav-menu > li:nth-child(5) .sub-menu.mega-menu,
  .primary-navigation #menu-item-7769 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11666 .sub-menu.mega-menu {
    width: 620px !important;
    max-width: 96vw !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1) { width: calc(36.5% - 6px) !important; flex: 0 0 calc(36.5% - 6px) !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2) { width: calc(63.5% - 6px) !important; flex: 0 0 calc(63.5% - 6px) !important; }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1) { width: 16% !important; flex: 0 0 16% !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2) { width: 20.5% !important; flex: 0 0 20.5% !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3) { width: 12.5% !important; flex: 0 0 12.5% !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4) { width: 14.5% !important; flex: 0 0 14.5% !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5) { width: 12% !important; flex: 0 0 12% !important; }
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) { width: 24.5% !important; flex: 0 0 24.5% !important; min-width: 220px !important; }

  .biury-mega-header-title { font-size: 11px !important; }
  .biury-pill-action { font-size: 8.5px !important; padding: 2.5px 6px !important; }
}

/* B. Tablets en modo Portrait y Móviles (< 992px) */
@media (max-width: 991px) {
  /* Evitar que las reglas desktop rígidas rompan el menú en móvil */
  .primary-navigation ul.nav-menu > li .sub-menu.mega-menu,
  .primary-navigation .menu-item-mega .sub-menu.mega-menu,
  .hambuger-navigation .sub-menu.mega-menu,
  .hambuger-navigation .mega-menu {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    border-top: none !important;
    padding: 8px 12px !important;
    background: transparent !important;
  }

  .primary-navigation .sub-menu.mega-menu .mega-menu__row,
  .hambuger-navigation .mega-menu .mega-menu__row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column,
  .primary-navigation .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column,
  .hambuger-navigation .mega-menu ul.mega-menu__column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 0 0 10px 0 !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 1px solid #F5EBF0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:last-child,
  .hambuger-navigation .mega-menu ul.mega-menu__column:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  /* En mobile: los contenedores de cabeceras macro flotan limpios sobre sus secciones */
  .primary-navigation .sub-menu.mega-menu .mega-menu__row > ul.mega-menu__column:has(.biury-mega-header-card),
  #mobile-menu-panel .mega-menu ul.mega-menu__column:has(.biury-mega-header-card),
  .hambuger-navigation .mega-menu ul.mega-menu__column:has(.biury-mega-header-card) {
    border-bottom: none !important;
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
  }

  /* Cabeceras Macro en móvil (Skincare Coreano y Dermocosmética):
     Botones Ver Todo y Best Seller ABAJO de su respectivo título, más grandes y legibles */
  .biury-mega-header-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 14px 16px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  .biury-mega-header-title-box {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .biury-mega-header-title {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
    color: #2E2926 !important;
  }

  .biury-mega-header-pills {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    flex-wrap: nowrap !important;
  }

  /* Botones Ver Todo y Best Seller debajo del título en Skincare: organizados lado a lado 50/50 */
  .biury-mega-header-pills .biury-pill-action,
  .biury-mega-header-pills a.biury-pill-ver-todo,
  .biury-mega-header-pills a.biury-pill-best-seller {
    flex: 1 1 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    padding: 0 10px !important;
    letter-spacing: 0.4px !important;
    gap: 5px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
  }

  .biury-mega-header-pills a.biury-pill-ver-todo,
  .biury-mega-header-pills a.biury-pill-ver-todo span,
  .biury-mega-header-pills a.biury-pill-ver-todo * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
    border: none !important;
  }

  .biury-mega-header-pills a.biury-pill-ver-todo svg {
    width: 9px !important;
    height: 9px !important;
    margin-left: 2px !important;
    stroke: #FFFFFF !important;
    fill: none !important;
  }

  /* Asegurar que las pastillas dentro de las tarjetas macro de Skincare y Dermocosmética SIEMPRE sean visibles */
  .biury-mega-header-card .biury-mega-header-pills,
  .biury-mega-header-card .biury-mega-header-pills a,
  .biury-mega-header-card .biury-mega-header-pills .biury-pill-action {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* En Maquillaje y Capilar móvil: ocultar los pills duplicados de columna porque ya están en el topbar superior */
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pills-row-item,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item-ver-todo,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li.biury-pill-item-best-seller,
  .primary-navigation .sub-menu.mega-menu .biury-mega-pills-bar,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column .biury-mega-pills-bar,
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column .biury-mega-header-pills.biury-mega-pills-bar,
  .biury-mega-header-pills.biury-mega-pills-bar,
  .mega-menu__column .biury-mega-header-pills.biury-mega-pills-bar,
  .biury-mega-pills-bar,
  .biury-pills-row-item,
  li.biury-pills-row-item,
  ul.mega-menu__column > li.biury-pills-row-item,
  .mega-menu__column .biury-mega-pills-bar,
  .mega-menu__column .biury-pills-row-item,
  #mobile-menu-panel .biury-pills-row-item,
  #mobile-menu-panel .biury-mega-pills-bar,
  .hambuger-navigation .biury-pills-row-item,
  .hambuger-navigation .biury-mega-pills-bar,
  .ecomus-mobile-menu .biury-pills-row-item,
  .ecomus-mobile-menu .biury-mega-pills-bar,
  .biury-preview-container .biury-pills-row-item,
  .biury-preview-container .biury-mega-pills-bar,
  .biury-preview-container .biury-mega-header-pills.biury-mega-pills-bar {
    display: none !important;
  }

  /* Barra superior en móvil con los botones 'Ver Todo' y 'Best Seller' destacados */
  .biury-mega-menu-topbar {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 6px 0 12px 0 !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  /* Tarjeta de producto en móvil dentro del menú: centrada, contenida y elegante */
  .primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel .product-item,
  .primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product,
  .primary-navigation .mega-menu .menu-item--widget-products-carousel li.product,
  .hambuger-navigation .mega-menu .menu-item--widget-products-carousel li.product {
    max-width: 240px !important;
    margin: 8px auto !important;
    padding: 10px !important;
  }

  /* Enlaces en móvil: área táctil generosa (excluyendo los pills) */
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column > li:not(.menu-item--widget):not(.biury-pills-row-item):not(.biury-pill-item) > a:not(.biury-pill-action):not(.biury-pill-ver-todo):not(.biury-pill-best-seller),
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column li.menu-item:not(.menu-item--widget-heading):not(.menu-item--widget-products-carousel):not(.biury-pills-row-item):not(.biury-pill-item) > a:not(.biury-pill-action):not(.biury-pill-ver-todo):not(.biury-pill-best-seller),
  .hambuger-navigation ul.menu li:not(.biury-pills-row-item):not(.biury-pill-item) > a:not(.biury-pill-action):not(.biury-pill-ver-todo):not(.biury-pill-best-seller) {
    font-size: 12px !important;
    padding: 5px 0 !important;
    display: block !important;
    white-space: normal !important;
  }

  .primary-navigation .sub-menu.mega-menu .biury-subheading,
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-heading > * {
    font-size: 11px !important;
    padding-top: 4px !important;
  }
}

/* C. Pantallas ultra-pequeñas (<= 480px) */
@media (max-width: 480px) {
  .biury-mega-header-card {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
  }

  .biury-mega-header-pills {
    width: 100% !important;
    justify-content: space-between !important;
    gap: 8px !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    flex-wrap: nowrap !important;
  }

  .biury-mega-header-pills .biury-pill-action,
  .biury-mega-header-pills a.biury-pill-ver-todo,
  .biury-mega-header-pills a.biury-pill-best-seller {
    flex: 1 1 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    line-height: 34px !important;
    font-size: 10px !important;
    padding: 0 8px !important;
    letter-spacing: 0.3px !important;
    gap: 4px !important;
    border-radius: 18px !important;
  }

  .biury-mega-header-pills a.biury-pill-ver-todo svg {
    width: 8px !important;
    height: 8px !important;
    margin-left: 1.5px !important;
  }
}

/* ==========================================================================
   TARJETAS DE PRODUCTO EN MEGA MENÚ DESKTOP (BLINDAJE Y BOTONES VISIBLES)
   ========================================================================== */
@media (min-width: 992px) {
  /* Contenedores sin desborde */
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.menu-item--widget-products-carousel),
  .primary-navigation .sub-menu.mega-menu ul.mega-menu__column:has(.mega-menu-products-carousel),
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel,
  .primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel,
  .primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel.swiper,
  .primary-navigation .sub-menu.mega-menu ul.products {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Tarjeta contenida dentro de los límites del Mega Menú: 200px idénticos en todas las categorías */
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel li.product,
  .primary-navigation .sub-menu.mega-menu .mega-menu-products-carousel li.product {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }

  /* Miniatura perfectamente proporcionada y centrada, sin espacios vacíos */
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail {
    height: 125px !important;
    min-height: 125px !important;
    max-height: 125px !important;
    padding: 8px 10px !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAFAF9 !important;
    border-radius: 14px !important;
    border: 1px solid #F0E8EC !important;
  }

  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail a,
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail .woocommerce-loop-product__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    border: none !important;
  }

  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail a::before,
  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail .woocommerce-loop-product__link::before {
    display: none !important;
    content: none !important;
    padding-bottom: 0 !important;
    height: 0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .menu-item--widget-products-carousel .product-thumbnail img {
    max-height: 110px !important;
    height: 110px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: 8px !important;
  }

  /* Botón CTA Compra Rápida en el summary del producto: 100% interactivo, accesible e icono alineado */
  .primary-navigation .sub-menu.mega-menu .product-summary a.button,
  .primary-navigation .sub-menu.mega-menu .product-summary a.button.em-button-add-to-cart-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 245px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 16px !important;
    margin: 4px auto 0 auto !important;
    background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
    background-color: #F440A8 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 35px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 14px rgba(244, 64, 168, 0.26) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button .add-to-cart__text,
  .primary-navigation .sub-menu.mega-menu .product-summary a.button span {
    white-space: nowrap !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(244, 64, 168, 0.38) !important;
    color: #FFFFFF !important;
  }

  /* Evitar que clics en los elementos hijos del enlace bloqueen la propagación */
  .primary-navigation .sub-menu.mega-menu .product-summary a.button * {
    pointer-events: none !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button .ecomus-svg-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
    flex-shrink: 0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button .ecomus-svg-icon svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    vertical-align: middle !important;
    margin: 0 !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button .ecomus-svg-icon svg path {
    fill: #FFFFFF !important;
  }

  .primary-navigation .sub-menu.mega-menu .product-summary a.button .add-to-cart__text {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0.5px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ==========================================================================
   SKINCARE v4 — GRID CENTRADO, COLUMNAS AL CONTENIDO Y TIPOGRAFÍA LEGIBLE
   - El contenedor usa CSS Grid: cada columna mide lo que necesita su texto
     más largo, así ningún enlace se monta sobre la columna vecina.
   - "Skincare Coreano" abarca las columnas 1-2 y "Dermocosmética" las 3-6,
     por lo que los encabezados siempre quedan alineados con su contenido.
   - El ancho del panel se ajusta al contenido (max-content) y el JS
     (biury-mega-menu-view-all.js) lo centra en la pantalla.
   ========================================================================== */
@media (min-width: 992px) {
  /* Panel */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu {
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
    padding: 24px 32px 26px 32px !important;
    box-sizing: border-box !important;
  }

  /* Contenedor en Grid: 5 columnas de texto + columna del Destacado */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu-container {
    display: grid !important;
    grid-template-columns: repeat(5, max-content) 310px !important;
    grid-auto-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Las filas dejan de generar caja: sus columnas pasan a ser celdas del grid */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu-container > .mega-menu__row:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu-container > .mega-menu__row:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu-container > .mega-menu__row:nth-child(n) {
    display: contents !important;
  }

  /* Reset de todas las columnas */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(n) > ul.mega-menu__column:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(n) > ul.mega-menu__column:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(n) > ul.mega-menu__column:nth-child(n) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Fila 1: encabezados */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(1) {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    padding: 0 10px 0 0 !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(2) {
    grid-column: 3 / 7 !important;
    grid-row: 1 !important;
    padding: 0 0 0 10px !important;
  }

  /* Fila 2: celdas con línea superior continua */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n) {
    grid-row: 2 !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #F3E8EE !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(1) {
    grid-column: 1 !important;
    padding-left: 0 !important;
    padding-right: 26px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(2) {
    grid-column: 2 !important;
    padding-left: 0 !important;
    padding-right: 26px !important;
    border-right: 1.5px solid #F8E6EE !important;
    align-self: stretch !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3) {
    grid-column: 3 !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(4) {
    grid-column: 4 !important;
    padding-left: 0 !important;
    padding-right: 26px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(5) {
    grid-column: 5 !important;
    padding-left: 0 !important;
    padding-right: 26px !important;
    border-right: 1.5px solid #F0D5E2 !important;
    align-self: stretch !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    grid-column: 6 !important;
    padding-left: 26px !important;
    padding-right: 0 !important;
  }

  /* Tipografía más grande y legible (Skincare Coreano y Dermocosmética) */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    padding: 4px 0 !important;
    width: auto !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-subheading,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-subheading,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-subheading {
    font-size: 10.5px !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-subheading-wrap,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-subheading-wrap,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-subheading-wrap {
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
  }

  /* Encabezados macro más grandes */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-title {
    font-size: 13.5px !important;
    letter-spacing: 0.6px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action {
    font-size: 10px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    line-height: 27px !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
  }

  /* Tarjeta del Destacado */
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) li.product,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) li.product,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 16px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .product-thumbnail,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .product-thumbnail,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .product-thumbnail {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
    padding: 8px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #F0E8EC !important;
    border-radius: 14px !important;
    margin: 0 0 10px 0 !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .product-thumbnail img,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .product-thumbnail img,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .product-thumbnail img {
    height: 154px !important;
    max-height: 154px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .woocommerce-loop-product__title,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) .woocommerce-loop-product__title {
    white-space: normal !important;
    font-size: 13px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .product-summary a.button,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .product-summary a.button,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .product-summary a.button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Portátiles (≤ 1400px): un punto menos para que todo quepa centrado */
@media (min-width: 992px) and (max-width: 1400px) {
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu {
    padding: 22px 24px 24px 24px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a {
    font-size: 12px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-title {
    font-size: 12.5px !important;
  }
}

/* Laptops pequeños (≤ 1240px) */
@media (min-width: 992px) and (max-width: 1240px) {
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu-container {
    grid-template-columns: repeat(5, max-content) 260px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu {
    padding: 16px 16px 18px 16px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n) {
    padding-right: 16px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    padding-left: 16px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    padding-right: 0 !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a {
    font-size: 11px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card {
    padding: 0 12px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-title,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-title {
    font-size: 11.5px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-title-box,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-title-box,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-title-box {
    margin-right: 10px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .product-thumbnail,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .product-thumbnail,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .product-thumbnail {
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .product-thumbnail img,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .product-thumbnail img,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .product-thumbnail img {
    height: 124px !important;
    max-height: 124px !important;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column > li > a {
    font-size: 10.5px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu-container,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu-container {
    grid-template-columns: repeat(5, max-content) 210px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu {
    padding: 14px 14px 16px 14px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(n) {
    padding-right: 12px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(3),
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    padding-left: 12px !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:nth-child(2) > ul.mega-menu__column:nth-child(6) {
    padding-right: 0 !important;
  }
}

/* ==========================================================================
   SKINCARE v4.1 — ENCABEZADOS QUE EMPUJAN SUS COLUMNAS (SIN MONTARSE)
   El encabezado (título + VER TODO + BEST SELLER) nunca se comprime: su ancho
   mínimo es su contenido, por lo que el grid ensancha las columnas 1-2
   (Coreano) o 3-6 (Dermo) cuando hace falta. Así "Skincare Coreano" ya no se
   ve pequeño ni su pill BEST SELLER se corta.
   ========================================================================== */
@media (min-width: 992px) {
  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(n),
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(n),
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .mega-menu__row:first-child > ul.mega-menu__column:nth-child(n) {
    min-width: max-content !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: max-content !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card > *,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card > *,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card > * {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-pills,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-pills,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-left: auto !important;
  }

  .primary-navigation #menu-item-7765 .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action,
  .primary-navigation #menu-item-11664 .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action,
  .primary-navigation ul.nav-menu > li:nth-child(3) .sub-menu.mega-menu .biury-mega-header-card .biury-pill-action {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
}