.triplezone-header .triplezone-header-g .widget {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding: 90px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 640px) {
  .triplezone__second--nav.hy-bar { position: relative; }
  /* submenú Cosméticos ya movido fuera de la barra con scroll: ocúltalo por defecto y dale su panel */
  .triplezone__second--nav.hy-bar > .triplezone__second--dropdown {
    display: none;              /* clave: oculto hasta que se toca */
    position: absolute; left: 0; right: 0; top: 100%; width: auto;
    z-index: 400; margin-top: 8px; padding: 6px; list-style: none;
    background: #27272d; border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px; box-shadow: 0 10px 20px rgba(0,0,0,.35); overflow: hidden;
  }
  .triplezone__second--nav.hy-bar > .triplezone__second--dropdown li { list-style: none; }
  .triplezone__second--nav.hy-bar > .triplezone__second--dropdown li a {
    display: block; color: #9c9ca6; padding: 12px 16px; font-size: 14px;
    font-weight: 500; text-decoration: none; border-radius: 8px; white-space: nowrap;
  }
  .triplezone__second--nav.hy-bar > .triplezone__second--dropdown li a:hover {
    background: rgba(255,255,255,.05); color: #fff;
  }
}