/* NAV ACTION BUTTONS (favoritos, carrito) — extraído de dr-features.css
   para las páginas que no cargan ese archivo (catalogo, membresia, checkout). */

.nav-actions {
  display: flex; align-items: center; gap: 0.4rem;
  margin-left: 0.3rem;
}
.nav-action-btn {
  position: relative;
  width: 34px; height: 34px;
  border-radius: 8px;
  background: rgba(138,11,210,0.12);
  border: 1px solid rgba(138,11,210,0.22);
  color: #b44bf0;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
  font-size: 0.9rem;
}
.nav-action-btn:hover { background: rgba(124,58,237,0.25); color: #fff; }
.nav-badge {
  position: absolute; top: -4px; right: -4px;
  min-width: 16px; height: 16px;
  border-radius: 999px;
  background: #ff4757;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}