/*
 * Muebles DAJ - Header propio (desktop + mobile).
 * Reutiliza las variables --mdaj-* definidas en shop.css.
 */

.mueblesdaj-nav {
  display: flex;
  justify-content: center !important;
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
}
.mueblesdaj-nav__inner {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 80%;
  padding: 14px 32px;
}

@media (max-width: 600px) {
  .mueblesdaj-nav__inner {
    padding: 12px 16px;
  }
}

.mueblesdaj-nav__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  font-size: 20px;
  font-weight: 800;
  color: var(--mdaj-dark, #2b2b2b);
}

.mueblesdaj-nav__logo img {
  max-height: 44px !important;
  height: 44px !important;
  width: auto !important;
  display: block;
}

/* Links desktop: agrupados y pegados a la derecha, cerca del carrito */
.mueblesdaj-nav__links {
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
}

.mueblesdaj-nav__links > li {
  position: relative;
  display: flex;
  align-items: center;
}

.mueblesdaj-nav__links > li > a {
  background: none;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

.mueblesdaj-nav__links > li > a:hover {
  color: var(--mdaj-orange, #b45309);
}

/* "Tienda": botón píldora con borde, no un link de texto plano */
.mueblesdaj-nav__dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff !important;
  border: 1.5px solid var(--mdaj-orange, #b45309) !important;
  outline: none;
  box-shadow: none !important;
  border-radius: 999px !important;
  padding: 9px 18px !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--mdaj-orange, #b45309) !important;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.mueblesdaj-nav__dropdown-toggle:hover,
.mueblesdaj-nav__has-dropdown.is-open .mueblesdaj-nav__dropdown-toggle {
  background: var(--mdaj-orange, #b45309) !important;
  color: #fff !important;
}

.mueblesdaj-nav__dropdown-toggle svg {
  transition: transform 0.2s ease;
}

.mueblesdaj-nav__has-dropdown.is-open .mueblesdaj-nav__dropdown-toggle svg {
  transform: rotate(180deg);
}

/* Dropdown "Tienda": alineado al borde derecho del botón (queda cerca del carrito) */
.mueblesdaj-nav__dropdown {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  left: auto;
  min-width: 280px;
  max-height: 420px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--mdaj-border, #ecebe9);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(20, 18, 16, 0.12);
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
}

.mueblesdaj-nav__has-dropdown.is-open .mueblesdaj-nav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mueblesdaj-nav__dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.mueblesdaj-nav__dropdown a:hover {
  background: var(--mdaj-media-bg, #f0ece5);
  color: var(--mdaj-orange, #b45309);
}

.mueblesdaj-nav__dropdown-all {
  font-weight: 700 !important;
  color: var(--mdaj-orange, #b45309) !important;
}

.mueblesdaj-nav__dropdown-divider {
  height: 1px;
  background: var(--mdaj-border, #ecebe9);
  margin: 6px 4px;
}

.mueblesdaj-nav__dropdown-count {
  font-size: 11px;
  font-weight: 700;
  color: #9a958f;
  background: var(--mdaj-media-bg, #f0ece5);
  border-radius: 999px;
  padding: 2px 8px;
}

/* Acciones: carrito + burger. margin-left:auto asegura que queden pegadas
   al borde derecho aunque .mueblesdaj-nav__links esté oculto (mobile), ya
   que ese elemento deja de poder empujarlas con su propio margin-left:auto
   al perder display. */
.mueblesdaj-nav__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
  margin-left: auto;
}

.mueblesdaj-nav__cart-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.mueblesdaj-nav__cart {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  transition: color 0.15s ease;
}

.mueblesdaj-nav__cart svg {
  width: 19px !important;
  height: 19px !important;
}

.mueblesdaj-nav__cart:hover {
  color: var(--mdaj-orange, #b45309);
}

.mueblesdaj-nav__cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mdaj-orange, #b45309);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 999px;
  line-height: 1;
}

/* Mini carrito: popup con resumen de productos, mismo lenguaje visual que
   el dropdown "Tienda" (ver .mueblesdaj-nav__dropdown más arriba). */
.mueblesdaj-nav__mini-cart {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  left: auto;
  width: 360px;
  max-width: calc(100vw - 32px);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mdaj-border, #ecebe9);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(20, 18, 16, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
  z-index: 1011;
}

.mueblesdaj-nav__cart-wrap.is-open .mueblesdaj-nav__mini-cart {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mueblesdaj-nav__mini-cart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--mdaj-dark, #2b2b2b);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__mini-cart-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: none;
  border-radius: 999px;
  background: var(--mdaj-media-bg, #f0ece5);
  color: var(--mdaj-dark, #2b2b2b);
  cursor: pointer;
}

.mueblesdaj-nav__mini-cart-empty {
  padding: 28px 16px;
  text-align: center;
  font-size: 14px;
  color: #9a958f;
}

.mueblesdaj-nav__mini-cart-items {
  list-style: none;
  margin: 0;
  padding: 6px 10px;
  overflow-y: auto;
}

.mueblesdaj-nav__mini-cart-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 6px;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__mini-cart-item:last-child {
  border-bottom: none;
}

.mueblesdaj-nav__mini-cart-item-img {
  flex-shrink: 0;
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--mdaj-media-bg, #f0ece5);
}

.mueblesdaj-nav__mini-cart-item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

.mueblesdaj-nav__mini-cart-item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mueblesdaj-nav__mini-cart-item-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mueblesdaj-nav__mini-cart-item-name:hover {
  color: var(--mdaj-orange, #b45309);
}

.mueblesdaj-nav__mini-cart-item-price {
  font-weight: 700;
  color: var(--mdaj-green, #2e8b3d);
}

.mueblesdaj-nav__mini-cart-item-price .amount {
  font-weight: 700;
}

/* Desglose Lista/Transferencia (ip-prices, ver intereses-precios/assets/css/frontend.css)
   dentro de la fila angosta del ítem: lo pisamos a alineado a la izquierda,
   sin el centrado/ancho fijo pensados para la card de la tienda. */
.mueblesdaj-nav__mini-cart-ip.ip-prices.ip-prices--card {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

.mueblesdaj-nav__mini-cart-ip .ip-row {
  justify-content: flex-start;
}

.mueblesdaj-nav__mini-cart-item-qty-value {
  font-size: 12px;
  color: #9a958f;
}

.mueblesdaj-nav__mini-cart-qty {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.mueblesdaj-nav__mini-cart-qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid var(--mdaj-border, #ecebe9);
  border-radius: 6px;
  background: #fff;
  color: var(--mdaj-dark, #2b2b2b);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.mueblesdaj-nav__mini-cart-qty-btn:hover {
  background: var(--mdaj-dark, #2b2b2b);
  color: #fff;
}

.mueblesdaj-nav__mini-cart-qty-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.mueblesdaj-nav__mini-cart-qty .mueblesdaj-nav__mini-cart-item-qty-value {
  min-width: 16px;
  text-align: center;
  font-weight: 700;
  color: var(--mdaj-dark, #2b2b2b);
}

.mueblesdaj-nav__mini-cart-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  border: none;
  background: none;
  border-radius: 999px;
  color: #9a958f;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.mueblesdaj-nav__mini-cart-item-remove:hover {
  background: var(--mdaj-media-bg, #f0ece5);
  color: #c0392b;
}

.mueblesdaj-nav__mini-cart-item.is-updating {
  opacity: 0.5;
  pointer-events: none;
}

.mueblesdaj-nav__mini-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 700;
  color: var(--mdaj-dark, #2b2b2b);
  border-top: 1px solid var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__mini-cart-total-price {
  text-align: right;
}

.mueblesdaj-nav__mini-cart-total-price .amount {
  color: var(--mdaj-green, #2e8b3d);
}

.mueblesdaj-nav__mini-cart-total-price .ip-prices.ip-prices--card {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: right !important;
}

.mueblesdaj-nav__mini-cart-total-price .ip-row {
  justify-content: flex-end;
}

.mueblesdaj-nav__mini-cart-actions {
  display: flex;
  gap: 10px;
  padding: 0 16px 16px;
}

.mueblesdaj-nav__mini-cart-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.15s ease;
}

.mueblesdaj-nav__mini-cart-btn:active {
  transform: scale(0.97);
}

.mueblesdaj-nav__mini-cart-btn--outline {
  background: #fff;
  color: var(--mdaj-dark, #2b2b2b);
  border: 1px solid var(--mdaj-dark, #2b2b2b);
}

.mueblesdaj-nav__mini-cart-btn--outline:hover {
  background: var(--mdaj-dark, #2b2b2b);
  color: #fff;
}

.mueblesdaj-nav__mini-cart-btn--solid {
  background: var(--mdaj-orange, #b45309);
  color: #fff;
  border: 1px solid var(--mdaj-orange, #b45309);
}

.mueblesdaj-nav__mini-cart-btn--solid:hover {
  background: #8a3f07;
  border-color: #8a3f07;
}

/* Mobile: el dropdown anclado al ícono no entra bien en una pantalla
   angosta, así que se centra en la pantalla como un popup, con su propio
   backdrop (mismo criterio que el drawer del menú, ver
   .mueblesdaj-nav-backdrop). */
.mueblesdaj-nav__cart-backdrop {
  display: none;
}

@media (max-width: 600px) {
  .mueblesdaj-nav__cart-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(20, 18, 16, 0.5);
    z-index: 1010;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease;
  }

  .mueblesdaj-nav__cart-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  .mueblesdaj-nav__mini-cart {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    width: calc(100vw - 40px);
    max-width: 360px;
    transform: translate(-50%, calc(-50% + 8px));
  }

  .mueblesdaj-nav__cart-wrap.is-open .mueblesdaj-nav__mini-cart {
    transform: translate(-50%, -50%);
  }

  .mueblesdaj-nav__mini-cart-actions {
    flex-direction: column;
  }

  body.mueblesdaj-cart-open {
    overflow: hidden;
  }
}

/* Buscador: ícono de lupa + panel de sugerencias en vivo. En desktop es un
   dropdown anclado al ícono (mismo lenguaje que .mueblesdaj-nav__dropdown y
   .mueblesdaj-nav__mini-cart); en mobile pasa a popup de pantalla completa
   (ver media query más abajo). */
.mueblesdaj-nav__search {
  position: relative;
  display: flex;
  align-items: center;
}

.mueblesdaj-nav__search-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  padding: 0;
  color: var(--mdaj-dark, #2b2b2b);
  cursor: pointer;
  transition: color 0.15s ease;
}

.mueblesdaj-nav__search-toggle:hover,
.mueblesdaj-nav__search.is-open .mueblesdaj-nav__search-toggle {
  color: var(--mdaj-orange, #b45309);
}

.mueblesdaj-nav__search-panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  left: auto;
  width: 400px;
  max-width: calc(100vw - 32px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mdaj-border, #ecebe9);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(20, 18, 16, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
  z-index: 1011;
}

.mueblesdaj-nav__search.is-open .mueblesdaj-nav__search-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mueblesdaj-nav__search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
  color: #9a958f;
  flex-shrink: 0;
}

.mueblesdaj-nav__search-field svg {
  flex-shrink: 0;
}

.mueblesdaj-nav__search-input {
  flex: 1;
  min-width: 0;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  background: none;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  color: var(--mdaj-dark, #2b2b2b);
}

.mueblesdaj-nav__search-input::-webkit-search-cancel-button {
  display: none;
}

.mueblesdaj-nav__search-close {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 999px;
  background: var(--mdaj-media-bg, #f0ece5);
  color: var(--mdaj-dark, #2b2b2b);
  cursor: pointer;
}

.mueblesdaj-nav__search-results {
  overflow-y: auto;
  max-height: 400px;
}

.mueblesdaj-nav__search-empty,
.mueblesdaj-nav__search-loading {
  margin: 0;
  padding: 24px 16px;
  text-align: center;
  font-size: 13px;
  color: #9a958f;
}

.mueblesdaj-nav__search-list {
  list-style: none;
  margin: 0;
  padding: 6px 10px;
}

.mueblesdaj-nav__search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 6px;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.mueblesdaj-nav__search-item:hover {
  background: var(--mdaj-media-bg, #f0ece5);
}

.mueblesdaj-nav__search-item-img {
  flex-shrink: 0;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--mdaj-media-bg, #f0ece5);
}

.mueblesdaj-nav__search-item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

.mueblesdaj-nav__search-item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mueblesdaj-nav__search-item-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--mdaj-dark, #2b2b2b);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mueblesdaj-nav__search-item-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.mueblesdaj-nav__search-item-cat {
  font-size: 10px;
  font-weight: 700;
  color: #9a958f;
  background: var(--mdaj-media-bg, #f0ece5);
  border-radius: 999px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.mueblesdaj-nav__search-divider {
  height: 1px;
  margin: 4px 10px;
  background: var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__search-categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 16px 14px;
}

.mueblesdaj-nav__search-categories-label {
  font-size: 11px;
  font-weight: 700;
  color: #9a958f;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.mueblesdaj-nav__search-cat-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mueblesdaj-nav__search-cat-link {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border: 1px solid var(--mdaj-border, #ecebe9);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.mueblesdaj-nav__search-cat-link:hover {
  background: var(--mdaj-orange, #b45309);
  border-color: var(--mdaj-orange, #b45309);
  color: #fff;
}

.mueblesdaj-nav__search-view-all {
  display: block;
  flex-shrink: 0;
  padding: 13px 16px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--mdaj-orange, #b45309);
  text-decoration: none;
  border-top: 1px solid var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__search-view-all:hover {
  background: var(--mdaj-media-bg, #f0ece5);
}

.mueblesdaj-nav__search-backdrop {
  display: none;
}

/* Mobile: el panel deja de ser un dropdown anclado al ícono (no entra bien
   en una pantalla angosta) y pasa a popup de pantalla completa, con su
   propio backdrop y botón de cierre visible (mismo criterio que el mini
   carrito y el drawer del menú). */
@media (max-width: 600px) {
  .mueblesdaj-nav__search-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(20, 18, 16, 0.5);
    z-index: 1010;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease;
  }

  .mueblesdaj-nav__search-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  .mueblesdaj-nav__search-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    border-radius: 0;
    border: none;
    transform: translateY(-16px);
    padding-top: env(safe-area-inset-top, 0);
    z-index: 1012;
  }

  .mueblesdaj-nav__search.is-open .mueblesdaj-nav__search-panel {
    transform: translateY(0);
  }

  .mueblesdaj-nav__search-field {
    padding: 16px;
  }

  .mueblesdaj-nav__search-close {
    display: flex;
  }

  .mueblesdaj-nav__search-results {
    flex: 1;
    max-height: none;
  }

  body.mueblesdaj-search-open {
    overflow: hidden;
  }
}

.mueblesdaj-nav__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 26px;
  height: 22px;
  background: none !important;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
}

.mueblesdaj-nav__burger span {
  display: block;
  height: 2px;
  background: var(--mdaj-dark, #2b2b2b);
  border-radius: 2px;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
}

.mueblesdaj-nav__burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.mueblesdaj-nav__burger.is-open span:nth-child(2) {
  opacity: 0;
}

.mueblesdaj-nav__burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Menú mobile: popup/drawer que entra desde la izquierda (mismo lenguaje
   visual que el drawer de filtros de la tienda, ver shop-filters.css). Solo
   existe como drawer fijo dentro del breakpoint mobile (ver media query más
   abajo); fuera de ahí queda display:none para no dejar links enfocables
   fuera de pantalla en desktop. */
.mueblesdaj-nav-backdrop,
.mueblesdaj-nav__mobile {
  display: none;
}

.mueblesdaj-nav__mobile-head {
  display: flex;
  align-items: center;
  gap: 12px;
  position: sticky;
  top: 0;
  background: #fff;
  padding: 16px 48px 14px 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
}

.mueblesdaj-nav__mobile-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  color: var(--mdaj-dark, #2b2b2b);
}

.mueblesdaj-nav__mobile-logo img {
  max-height: 36px !important;
  height: 36px !important;
  width: auto !important;
  display: block;
}

.mueblesdaj-nav__mobile-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: none;
  border-radius: 999px;
  background: var(--mdaj-media-bg, #f0ece5);
  color: var(--mdaj-dark, #2b2b2b);
  cursor: pointer;
}

/* Botón flotante, fijo en la esquina superior derecha del drawer */
.mueblesdaj-nav__mobile-close--corner {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  z-index: 1;
}

/* Botón de texto al final del contenido, para cerrar sin volver a subir */
.mueblesdaj-nav__mobile-close--bottom {
  gap: 8px;
  width: auto;
  margin: 24px auto 4px;
  padding: 12px 26px !important;
  border: 1.5px solid var(--mdaj-border, #ecebe9) !important;
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.mueblesdaj-nav__mobile-close--bottom:hover {
  background: var(--mdaj-media-bg, #f0ece5);
}

.mueblesdaj-nav__mobile a,
.mueblesdaj-nav__mobile-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  padding: 13px 4px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: var(--mdaj-dark, #2b2b2b);
  text-decoration: none;
  /* border-bottom: 1px solid var(--mdaj-border, #ecebe9); */
  cursor: pointer;
  text-align: left;
}
.mueblesdaj-nav__mobile-toggle svg {
  transition: transform 0.2s ease;
}

.mueblesdaj-nav__mobile-toggle.is-open svg {
  transform: rotate(180deg);
}

.mueblesdaj-nav__mobile-cats {
  display: none;
  flex-direction: column;
  padding-left: 12px;
}

.mueblesdaj-nav__mobile-cats a {
  border-bottom: none;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 4px;
}

@media (max-width: 860px) {
  .mueblesdaj-nav__links {
    display: none;
  }

  .mueblesdaj-nav__burger {
    display: flex;
  }

  .mueblesdaj-nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(20, 18, 16, 0.5);
    z-index: 1009;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease;
  }

  .mueblesdaj-nav-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  .mueblesdaj-nav__mobile {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    height: 100dvh;
    padding: 0 16px 20px;
    background: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1010;
  }

  .mueblesdaj-nav__mobile.is-open {
    transform: translateX(0);
  }
}

body.mueblesdaj-nav-open {
  overflow: hidden;
}
a.custom-logo-link img {
  width: 50px !important;
}

.mueblesdaj-nav {
  position: sticky;
  display: flex;
  justify-content: center;
  top: 0;
  z-index: 999;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--mdaj-border, #ecebe9);
}