/* Prevent horizontal scroll on mobile */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* === Mega Menu & Mobile Nav — Dr. Browns Brand === */
/* Specificity: match Bricks global class selectors (.class.brxe-type) */

/* ============================================
   POPUP: positioning & backdrop
   ============================================ */


/* Prevent horizontal scroll from header */
#brxe-5b111a {
  overflow: hidden;
}

.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) {
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}

.brx-popup[data-popup-id] .brx-popup-backdrop {
  background: rgba(0, 0, 0, 0.25);
}

.brx-popup[data-popup-id] .brx-popup-content {
  max-width: var(--brxw-container-width, 140rem);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 0 var(--brxw-radius-s) var(--brxw-radius-s);
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  background: var(--drbrowns-white, #fff);
  overflow: visible;
}

/* Animation solo corre cuando el popup está activamente abriéndose (clase brx-open) */
/* Fix CLS: evita que la animación se ejecute en popups ocultos al cargar la página */
.brx-popup[data-popup-id].brx-open .brx-popup-content {
  animation: megamenuSlideDown 0.2s ease-out;
}

@keyframes megamenuSlideDown {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ============================================
   HEADER: icons + logo
   ============================================ */

#brxe-611171 > .brxe-div,
#brxe-611171 > .brxe-text-link,
#brxe-611171 > .brxe-woocommerce-mini-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--brxw-space-2xs);
}

#brxe-611171 .toggle-wrapper {
  display: none;
}

/* Nav links: white on desktop (blue header bg) */
#brxe-611171 a,
#brxe-611171 .brxe-text-link {
  color: var(--drbrowns-white, #fff);
}

/* Logo: enlarged with spacing to prevent nav overlap */
#brxe-d58ca2 {
  margin-right: var(--brxw-space-l);
}
#brxe-d58ca2 img {
  transform: scale(1.8);
  transform-origin: left center;
}
/* Desktop: center nav items within nav, keep icons right */
/* Desktop: show downward chevrons on mega-menu nav links */
/* Desktop: header container matches page content width */
@media (min-width: 768px) {
  #brxe-92f4cc {
    width: var(--brxw-container-width);
    max-width: 100%;
  }

  #brxe-c04b04 {
    flex: 1 !important;
    justify-content: center !important;
  }

  .brxw-header-06-nav__nav-link .nav-chevron {
    display: inline-block !important;
    font-size: 0 !important;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 5px;
    margin-bottom: 2px;
    opacity: 0.65;
    vertical-align: middle;
    flex-shrink: 0;
    pointer-events: none;
    transition: transform var(--brxw-transition-m), opacity var(--brxw-transition-m);
  }

  .brxw-header-06-nav__nav-link:hover .nav-chevron {
    opacity: 1;
  }

  /* Chevron flips up when mega menu is open */
  .brxw-header-06-nav__nav-link.nav-active .nav-chevron {
    transform: rotate(225deg);
    margin-bottom: -2px;
  }
}


/* Cart badge: brand blue-2 (same as topbar) */
#brxe-f71405 .cart-count {
  background-color: var(--drbrowns-blue-2, #0287C3);
}

/* ============================================
   MEGAMENU: inner grid — no gap between columns
   ============================================ */

.brx-popup[data-popup-id] .brxw-megamenu-section-01__inner.brxe-container {
  padding: 0;
  gap: 0;
  grid-gap: 0;
}

/* Left column: white bg, padding, bottom-left radius */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__content-left.brxe-block {
  background: var(--drbrowns-white, #fff);
  padding: var(--brxw-space-l) var(--brxw-space-l) var(--brxw-space-l) var(--brxw-section-space-horizontal);
  border-radius: 0 0 0 var(--brxw-radius-s);
}

/* Right column: brand light blue bg, flush, bottom-right radius */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__content-right.brxe-block {
  background-color: var(--drbrowns-bg-blue, #E2F3FD);
  border-radius: 0 0 var(--brxw-radius-s) 0;
  padding: var(--brxw-space-l) var(--brxw-section-space-horizontal) var(--brxw-space-l) var(--brxw-space-l);
  display: flex;
  flex-direction: column;
  gap: var(--brxw-space-s);
  align-self: stretch;
}

/* Right column image */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__content-right img {
  width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: cover;
  border-radius: var(--brxw-radius-xs);
}

/* ============================================
   MEGAMENU: typography — matching Bricks specificity
   ============================================ */

/* Column headers: DM Sans, sentence case, brand blue, semibold */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__column-title.brxe-heading {
  text-transform: none;
  letter-spacing: normal;
  font-family: "Libre Baskerville", serif;
  font-size: var(--brxw-text-m);
  color: var(--drbrowns-blue-3, #003B72);
  margin-bottom: var(--brxw-space-s);
  font-weight: 700;
}


/* Column header links: inherit heading styles */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__column-title.brxe-heading a {
  color: inherit;
  text-decoration: none;
  font: inherit;
}
.brx-popup[data-popup-id] .brxw-megamenu-section-01__column-title.brxe-heading a:hover {
  color: var(--drbrowns-blue-2, #0287C3);
}

/* Right column heading: Libre Baskerville, larger */
.brx-popup .brxw-megamenu-section-01__content-right .brxw-megamenu-section-01__column-title.brxe-heading {
  font-family: "Libre Baskerville", serif;
  font-size: var(--brxw-text-l);
  color: var(--drbrowns-blue-3, #003B72);
  font-weight: 700;
}

/* Subcategory links: text-m, regular weight — override global class 700 */
.brx-popup[data-popup-id] .brxw-nav-list-01__nav-link.brxe-text-basic {
  transition: color var(--brxw-transition-m, 0.2s);
  font-weight: 400;
  font-size: var(--brxw-text-m);
  color: var(--drbrowns-text, #2C2C2C);
}
.brx-popup[data-popup-id] .brxw-nav-list-01__nav-link.brxe-text-basic:hover {
  color: var(--drbrowns-blue-2, #0287C3);
}

/* Descriptions */
.brx-popup[data-popup-id] .brxw-nav-list-01__text.brxe-text-basic {
  color: var(--brxw-color-neutral-500, #6b7280);
  font-size: var(--brxw-text-s);
  line-height: var(--brxw-line-height-body);
}

/* Right column description */
.brx-popup .brxw-megamenu-section-01__content-right .brxw-nav-list-01__text.brxe-text-basic {
  font-size: var(--brxw-text-s);
  color: var(--brxw-color-neutral-600, #4b5563);
}

/* CTA link */
.brx-popup[data-popup-id] .brxw-megamenu-section-01__text-link.brxe-text-link {
  font-weight: 600;
  font-size: var(--brxw-text-s);
  transition: color var(--brxw-transition-m, 0.2s);
  color: var(--drbrowns-blue-3, #003B72);
}
.brx-popup[data-popup-id] .brxw-megamenu-section-01__text-link.brxe-text-link:hover {
  color: var(--drbrowns-blue-2, #0287C3);
}

/* Tighter spacing between nav items */
.brx-popup[data-popup-id] .brxw-nav-list-01.brxe-block {
  row-gap: var(--brxw-space-xs);
}

/* Tighter gap title-description within each item */
.brx-popup[data-popup-id] .brxw-nav-list-01__link-wrapper.brxe-block {
  row-gap: var(--brxw-space-3xs);
}

/* ============================================
   SEARCH POPUP — List layout
   ============================================ */


/* Chupetes & Alimentación: single link column — constrain popup width */
.brx-popup[data-popup-id="30984"] .brx-popup-content,
.brx-popup[data-popup-id="30985"] .brx-popup-content {
  max-width: 740px;
}
/* Search popup: contained, close button inside */
.brx-popup[data-popup-id="30989"] .brx-popup-content {
  max-width: 640px;
  padding: var(--brxw-space-l) var(--brxw-space-xl);
  position: relative;
}

/* Close button: inside the white panel */
.brx-popup[data-popup-id="30989"] #brxe-sp002 {
  position: absolute;
  top: var(--brxw-space-m);
  right: var(--brxw-space-m);
  z-index: 10;
}

/* Reduce inner container width for tighter layout */
.brx-popup[data-popup-id="30989"] #brxe-sp010 {
  max-width: 100%;
  margin: 0;
}

/* Results container: vertical list */
.brx-popup[data-popup-id="30989"] #brxe-sp030 {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: none;
  overflow-y: visible;
}

/* Product card: horizontal row — no hover bg */
.brx-popup[data-popup-id="30989"] .brxe-sp050 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: inherit;
}
.brx-popup[data-popup-id="30989"] .brxe-sp050:last-child {
  border-bottom: none;
}

/* Product image: 72px */
.brx-popup[data-popup-id="30989"] .brxe-sp051 {
  width: 72px;
  height: 72px;
  border-radius: 6px;
  object-fit: contain;
  background: var(--brxw-color-neutral-50, #f9fafb);
  flex-shrink: 0;
}

/* "Ver todos" link: larger, underlined */
.brx-popup[data-popup-id="30989"] #brxe-sp060 {
  padding-top: var(--brxw-space-s);
  font-size: var(--brxw-text-m);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--drbrowns-blue-3, #003B72);
  transition: color var(--brxw-transition-m, 0.2s);
  text-align: center;
}
.brx-popup[data-popup-id="30989"] #brxe-sp060:hover {
  color: var(--drbrowns-blue-2, #0287C3);
}

/* Fix zoom on focus in mobile (prevents horizontal scroll) */
.brx-popup[data-popup-id="30989"] input[type="search"],
.brx-popup[data-popup-id="30989"] input[type="text"],
.brx-popup[data-popup-id="30989"] .brxe-filter-search input {
  font-size: 16px;
}

/* Mobile */
@media (max-width: 767px) {
  .brx-popup[data-popup-id="30989"] .brx-popup-content {
    max-width: 100%;
    border-radius: 0;
    padding: var(--brxw-space-m);
  }
  .brx-popup[data-popup-id="30989"] #brxe-sp010 {
    max-width: 100%;
  }
  .brx-popup[data-popup-id="30989"] #brxe-sp030 {
    max-height: none;
  }
  .brx-popup[data-popup-id="30989"] .brxe-sp051 {
    width: 64px;
    height: 64px;
  }
}

/* Mobile-only nav elements: hidden on desktop, shown only in @media block below */
.nav-chevron,
.mobile-nav-cta,
.mobile-nav-heading,
.mobile-close-label {
  display: none;
}

/* ============================================
   MOBILE
   ============================================ */
@media (max-width: 767px) {

  /* Megamenu popup: fullscreen on mobile */
  .brx-popup[data-popup-id]:not(.brx-cart-drawer) {
    padding-top: 0;
  }
  .brx-popup[data-popup-id]:not(.brx-cart-drawer) .brx-popup-content {
    margin-top: 0;
    max-height: 100vh;
    min-height: 100%;
    overflow-y: auto;
  }


  /* Megamenu mobile: no hover color (sticky on touch) */
  .brx-popup[data-popup-id] .brxw-nav-list-01__nav-link.brxe-text-basic:hover {
    color: inherit;
  }

  .brx-popup[data-popup-id] .brx-popup-content {
    max-width: 100%;
    border-radius: 0;
    overflow-y: auto;
    max-height: 80vh;
  }
  .brx-popup[data-popup-id] .brxw-megamenu-section-01__inner.brxe-container {
    grid-template-columns: 1fr;
  }
  .brx-popup[data-popup-id] .brxw-megamenu-section-01__content-left.brxe-block {
    border-radius: 0;
    padding: var(--brxw-space-l);
  }
  .brx-popup[data-popup-id] .brxw-megamenu-section-01__content-right.brxe-block {
    border-radius: 0;
    padding: var(--brxw-space-l);
  }
  .brx-popup[data-popup-id] #brxe-sp030 {
    grid-template-columns: var(--brxw-grid-2);
  }

  /* Mobile nav canvas */
  [data-script-id="611171"] .brx-nav-nested-items {
    align-items: flex-start;
    padding: 0 var(--brxw-space-l) var(--brxw-space-xl);
    gap: 0;
    background: var(--drbrowns-bg-blue, #E2F3FD);
  }
  /* Blue brand strip at top of canvas */
  [data-script-id="611171"] .brx-nav-nested-items::before {
    content: '';
    align-self: stretch;
    height: 72px;
    background-color: var(--drbrowns-blue-1, #33BBED);
    background-image: url('https://drbrowns.cl/wp-content/uploads/2026/03/drBrowns-logo-white.svg');
    background-repeat: no-repeat;
    background-position: var(--brxw-space-l) center;
    background-size: 130px auto;
    margin-left: calc(-1 * var(--brxw-space-l));
    margin-right: calc(-1 * var(--brxw-space-l));
    margin-bottom: var(--brxw-space-s);
    flex-shrink: 0;
  }
  /* Section label */
  .mobile-nav-heading {
    display: block;
    list-style: none;
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-size: var(--brxw-text-xs);
    font-weight: 700;
    color: var(--drbrowns-blue-3, #003B72);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: var(--brxw-space-s) 0 var(--brxw-space-2xs);
    opacity: 0.6;
  }
  /* Chevron span (injected via JS) */
  .nav-chevron {
    display: inline-flex !important;
    margin-left: auto;
    padding-left: var(--brxw-space-2xs, 6px);
    color: var(--drbrowns-blue-3, #003B72);
    font-family: sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1;
    flex-shrink: 0;
    pointer-events: none;
    opacity: 0.35;
  }
  /* Menu items: transparent on bg-blue */
  [data-script-id="611171"] .brx-nav-nested-items > .menu-item {
    width: 100%;
    border-bottom: 1px solid rgba(0,59,114,0.1);
    background: transparent;
  }
  [data-script-id="611171"] .brx-nav-nested-items > .menu-item:last-of-type {
    border-bottom: none;
  }
  /* Toggle: hamburger state (base) */
  #brxe-611171 > .brxe-toggle {
    color: var(--drbrowns-white, #fff) !important;
    background: transparent !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all var(--brxw-transition-m, 0.2s) !important;
    flex-shrink: 0;
  }
  #brxe-611171 > .brxe-toggle:hover {
    background: rgba(255,255,255,0.15) !important;
  }
  /* Toggle: open state — pill button "Cerrar ×" */
  #brxe-611171.brx-open > .brxe-toggle {
    width: auto !important;
    height: auto !important;
    border-radius: 99px !important;
    background: rgba(0,0,0,0.18) !important;
    padding: 7px 13px !important;
  }
  #brxe-611171.brx-open > .brxe-toggle:hover {
    background: rgba(0,0,0,0.28) !important;
  }
  /* Hide hamburger spans when open */
  #brxe-611171.brx-open .brxe-toggle .brxa-wrap {
    display: none !important;
  }
  /* "Cerrar x" label - injected by JS as .mobile-close-label span */
  .mobile-close-label {
    display: block;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--drbrowns-white, #fff);
    line-height: 1;
    white-space: nowrap;
  }
  [data-script-id="611171"] .brx-nav-nested-items > .menu-item > a {
    padding: var(--brxw-space-s) 0;
    font-family: "Libre Baskerville", serif;
    font-size: var(--brxw-text-l);
    font-weight: 400;
    color: var(--drbrowns-text, #2C2C2C);
    width: 100%;
    display: flex;
    align-items: center;
    transition: color var(--brxw-transition-m, 0.2s);
  }
  [data-script-id="611171"] .brx-nav-nested-items > .menu-item > a:hover {
    color: var(--drbrowns-blue-2, #0287C3);
  }
  /* Mobile nav CTA — Atención al cliente */
  .mobile-nav-cta {
    display: list-item;
    list-style: none;
    width: 100%;
    padding-top: var(--brxw-space-l);
    border-bottom: none !important;
    background: transparent !important;
  }
  .mobile-nav-cta__link {
    display: flex;
    align-items: center;
    gap: var(--brxw-space-s);
    background: var(--drbrowns-blue-3, #003B72);
    color: var(--drbrowns-white, #fff) !important;
    padding: var(--brxw-space-m);
    border-radius: var(--brxw-radius-m, 12px);
    text-decoration: none !important;
    cursor: pointer;
    transition: background var(--brxw-transition-m, 0.2s);
    font-family: "DM Sans", sans-serif;
    font-size: var(--brxw-text-m);
  }
  .mobile-nav-cta__link:hover,
  .mobile-nav-cta__link:active {
    background: var(--drbrowns-blue-2, #0287C3) !important;
    color: var(--drbrowns-white, #fff) !important;
  }
  .mobile-nav-cta__link svg {
    flex-shrink: 0;
    opacity: 0.85;
  }
  .mobile-nav-cta__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .mobile-nav-cta__text strong {
    font-size: var(--brxw-text-m);
    font-weight: 600;
    color: var(--drbrowns-white, #fff);
    font-family: "DM Sans", sans-serif;
  }
  .mobile-nav-cta__text span {
    font-size: var(--brxw-text-s);
    color: rgba(255,255,255,0.75);
    font-family: "DM Sans", sans-serif;
  }
  .mobile-nav-cta a::after {
    display: none !important;
  }

  /* Override white nav color in mobile canvas */
  #brxe-611171 .brx-nav-nested-items a,
  #brxe-611171 .brx-nav-nested-items .brxe-text-link {
    color: var(--drbrowns-text, #2C2C2C);
  }

  /* Logo: slightly larger on mobile */
  #brxe-d58ca2 img {
    transform: scale(1.5);
    transform-origin: left center;
  }
  #brxe-d58ca2 {
    margin-right: var(--brxw-space-xs);
  }
  /* Header: prevent overflow on mobile */
  #brxe-92f4cc {
    padding-left: var(--brxw-space-s);
    padding-right: var(--brxw-space-s);
  }

  /* Hamburger icon: white + spacing from logo */
  #brxe-611171 > .brxe-toggle {
    color: var(--drbrowns-white, #fff);
    margin-left: var(--brxw-space-m);
  }

  /* Push utility icons to right on mobile */
  #brxe-611171 > .brxe-div:first-of-type {
    margin-left: auto;
  }




}


/* ============================================
   MINI CART DROPDOWN
   ============================================ */

/* ============================================
   MINI CART — Simple approach
   ============================================ */

#brxe-f71405 .cart-detail {
  border-radius: var(--brxw-radius-s);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  padding: 16px;
  background: var(--drbrowns-white, #fff);
  border: none;
}

#brxe-f71405 ul.woocommerce-mini-cart {
  list-style: none;
  padding: 0;
  margin: 0;
}

#brxe-f71405 li.mini_cart_item {
  list-style: none;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding-right: 20px;
}
#brxe-f71405 li.mini_cart_item:last-child {
  border-bottom: none;
}

/* Image: inline with text */
#brxe-f71405 li.mini_cart_item img {
  width: 64px;
  height: auto;
  max-height: 80px;
  object-fit: contain;
  border-radius: 6px;
  background: #f9f9f9;
  vertical-align: top;
  margin-right: 12px;
}

/* Title link */
#brxe-f71405 li.mini_cart_item > a:not(.remove) {
  color: var(--drbrowns-text, #2C2C2C);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
#brxe-f71405 li.mini_cart_item > a:not(.remove):hover {
  color: var(--drbrowns-blue-2, #0287C3);
}

/* Quantity x price: right after title */
#brxe-f71405 li.mini_cart_item .quantity {
  display: block;
  margin-top: 4px;
  margin-left: 76px;
  font-size: 13px;
  color: #888;
}
#brxe-f71405 li.mini_cart_item .quantity .woocommerce-Price-amount {
  color: var(--drbrowns-text, #2C2C2C);
  font-weight: 600;
  font-size: 14px;
}

/* Remove X */
#brxe-f71405 li.mini_cart_item > a.remove {
  position: absolute;
  top: 12px;
  right: 0;
  color: #999;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
}
#brxe-f71405 li.mini_cart_item > a.remove:hover {
  color: var(--drbrowns-sale, #BA4444);
  background: none;
}

/* Subtotal */
#brxe-f71405 .woocommerce-mini-cart__total,
#brxe-f71405 .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 8px;
  border-top: 1px solid #e5e5e5;
  margin-top: 4px;
  font-size: 14px;
}
#brxe-f71405 .woocommerce-mini-cart__total .woocommerce-Price-amount,
#brxe-f71405 .total .woocommerce-Price-amount {
  font-size: 16px;
  font-weight: 700;
  color: var(--drbrowns-blue-3, #003B72);
}

/* Buttons */
#brxe-f71405 .woocommerce-mini-cart__buttons,
#brxe-f71405 .buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

#brxe-f71405 .woocommerce-mini-cart__buttons .button:last-child,
#brxe-f71405 .buttons .button:last-child {
  display: block;
  background: var(--drbrowns-blue-3, #003B72);
  color: var(--drbrowns-white, #fff);
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-decoration: none;

  transition: background var(--brxw-transition-m, 0.2s);
}
#brxe-f71405 .woocommerce-mini-cart__buttons .button:last-child:hover,
#brxe-f71405 .buttons .button:last-child:hover {
  background: var(--drbrowns-blue-2, #0287C3);
}

#brxe-f71405 .woocommerce-mini-cart__buttons .button:first-child,
#brxe-f71405 .buttons .button:first-child {
  display: block;
  background: transparent;
  color: var(--drbrowns-blue-3, #003B72);
  border: 1.5px solid var(--drbrowns-blue-3, #003B72);
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  transition: all var(--brxw-transition-m, 0.2s);
}
#brxe-f71405 .woocommerce-mini-cart__buttons .button:first-child:hover,
#brxe-f71405 .buttons .button:first-child:hover {
  background: var(--drbrowns-blue-3, #003B72);
  color: var(--drbrowns-white, #fff);
}


/* ============================================
   MOBILE MINI CART
   ============================================ */
@media (max-width: 767px) {
  #brxe-f71405 .cart-detail {
    padding: 12px;
    max-height: 80vh;
    overflow-y: auto;
  }
  #brxe-f71405 li.mini_cart_item img {
    width: 56px;
    height: auto;
    max-height: 64px;
  }
  #brxe-f71405 li.mini_cart_item .quantity {
    margin-left: 68px;
  }

  /* Close toggle: visible in mobile canvas, styled */
  #brxe-611171 .toggle-wrapper {
    display: block;
    position: absolute;
    top: 24px;
    right: 24px;
    border-bottom: none;
  }
  #brxe-611171 .toggle-wrapper .brxe-toggle {
    color: var(--drbrowns-text, #2C2C2C);
    font-size: 24px;
  }
}


/* ============================================
   CART DRAWER (Popup as sidebar)
   ============================================ */

/* Drawer popup: right-aligned, full height */
.brx-popup.brx-cart-drawer:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  padding: 0;
}

/* Drawer content: slide in from right */
.brx-popup.brx-cart-drawer .brx-popup-content {
  max-width: 400px;
  width: 90vw;
  height: 100vh;
  height: 100dvh;
  margin: 0;
  border-radius: 0;
  animation: cartDrawerSlideIn 0.3s ease-out;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

@keyframes cartDrawerSlideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

/* Drawer backdrop */
.brx-popup.brx-cart-drawer .brx-popup-backdrop {
  background: rgba(0, 0, 0, 0.4);
}

/* Cart items inside drawer: inherit our mini cart styles */
.brx-popup.brx-cart-drawer .brxe-woocommerce-mini-cart .cart-detail {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  position: static;
  max-height: none;
  width: 100%;
}

/* Hide the default cart toggle inside the drawer */
.brx-popup.brx-cart-drawer .brxe-woocommerce-mini-cart > .mini-cart-link {
  display: none;
}

/* Show cart contents directly */
.brx-popup.brx-cart-drawer .brxe-woocommerce-mini-cart .cart-detail {
  display: block;
}

/* Close button interaction */
.brx-popup.brx-cart-drawer .brxe-svg {
  cursor: pointer;
}

/* Mobile: full width */
@media (max-width: 767px) {
  .brx-popup.brx-cart-drawer .brx-popup-content {
    max-width: 100vw;
    width: 100vw;
  }
}

/* Cart drawer: force show cart contents (override Bricks hidden state) */
.brx-popup.brx-cart-drawer .cart-detail,
.brx-popup.brx-cart-drawer [class*="cart-detail-cd"] {
  display: block;
  visibility: visible;
  opacity: 1;
  position: static;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  max-height: none;
  width: 100%;
  background: var(--drbrowns-white, #fff);
  transform: none;
  transition: none;
}

/* Hide the cart icon/toggle inside the drawer popup */
.brx-popup.brx-cart-drawer .mini-cart-link,
.brx-popup.brx-cart-drawer .toggle-button {
  display: none;
}

/* Cart items inside drawer: apply our styling */
.brx-popup.brx-cart-drawer li.mini_cart_item {
  list-style: none;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding-right: 20px;
}
.brx-popup.brx-cart-drawer li.mini_cart_item:last-child {
  border-bottom: none;
}
.brx-popup.brx-cart-drawer li.mini_cart_item img {
  width: 64px;
  height: auto;
  max-height: 80px;
  object-fit: contain;
  border-radius: 6px;
  background: #f9f9f9;
  vertical-align: top;
  margin-right: 12px;
}
.brx-popup.brx-cart-drawer li.mini_cart_item > a:not(.remove) {
  color: var(--drbrowns-text, #2C2C2C);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
.brx-popup.brx-cart-drawer li.mini_cart_item .quantity {
  display: block;
  margin-top: 4px;
  margin-left: 76px;
  font-size: 13px;
  color: #888;
}
.brx-popup.brx-cart-drawer li.mini_cart_item .quantity .woocommerce-Price-amount {
  color: var(--drbrowns-text, #2C2C2C);
  font-weight: 600;
  font-size: 14px;
}
.brx-popup.brx-cart-drawer li.mini_cart_item > a.remove {
  position: absolute;
  top: 12px;
  right: 0;
  color: #999;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
}
.brx-popup.brx-cart-drawer ul.woocommerce-mini-cart {
  list-style: none;
  padding: 0;
  margin: 0;
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__total,
.brx-popup.brx-cart-drawer .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount,
.brx-popup.brx-cart-drawer .total .woocommerce-Price-amount {
  font-size: 16px;
  font-weight: 700;
  color: var(--drbrowns-blue-3, #003B72);
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__buttons,
.brx-popup.brx-cart-drawer .buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__buttons .button:last-child,
.brx-popup.brx-cart-drawer .buttons .button:last-child {
  display: block;
  background: var(--drbrowns-blue-3, #003B72);
  color: var(--drbrowns-white, #fff);
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-decoration: none;

  transition: background var(--brxw-transition-m, 0.2s);
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__buttons .button:first-child,
.brx-popup.brx-cart-drawer .buttons .button:first-child {
  display: block;
  background: transparent;
  color: var(--drbrowns-blue-3, #003B72);
  border: 1.5px solid var(--drbrowns-blue-3, #003B72);
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

/* Megamenu mobile: back/close button */
.megamenu-close-btn {
  display: none;
}
@media (max-width: 767px) {
  .megamenu-close-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 14px var(--brxw-space-m);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: var(--drbrowns-blue-3, #003B72);
    cursor: pointer;
    width: 100%;
    text-align: left;
  }
}

/* Cart drawer header: title left, X right with gap */
.brx-popup.brx-cart-drawer .brxe-section > .brxe-div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--brxw-space-m);
}


/* Cart drawer: section + body flex layout */
.brx-popup.brx-cart-drawer #brxe-cd001 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.brx-popup.brx-cart-drawer #brxe-cd020 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

/* Cart drawer close X: visible, proper size */
.brx-popup.brx-cart-drawer .brxe-svg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--brxw-color-neutral-500, #6b7280);
  transition: color var(--brxw-transition-m, 0.2s);
}
.brx-popup.brx-cart-drawer .brxe-svg:hover {
  color: var(--drbrowns-text, #2C2C2C);
}

/* Cart drawer product remove: trash icon */
.brx-popup.brx-cart-drawer li.mini_cart_item > a.remove {
  font-size: 0;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14M10 11v6M14 11v6%27/%3E%3C/svg%3E") no-repeat center;
  background-size: 16px 16px;
  opacity: 0.4;
  transition: opacity var(--brxw-transition-m, 0.2s);
}
.brx-popup.brx-cart-drawer li.mini_cart_item > a.remove:hover {
  opacity: 0.8;
  background-color: transparent;
}

/* Cart drawer buttons: compact with forced height */
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__buttons .button,
.brx-popup.brx-cart-drawer .buttons .button {
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 6px;
  line-height: 1.2;
  min-height: auto;
  height: auto;
}
.brx-popup.brx-cart-drawer .woocommerce-mini-cart__buttons,
.brx-popup.brx-cart-drawer .buttons {
  gap: 6px;
  margin-top: 8px;
}


/* ============================================
   CART PAGE — MOBILE LAYOUT (v5)
   Loads AFTER @layer bricks to win cascade
   ============================================ */

@media (max-width: 767px) {

  /* -- Section padding -- */
  #brxe-32ef2f {
    padding-left: var(--brxw-space-s);
    padding-right: var(--brxw-space-s);
  }

  /* -- Intro: FORCE flex row (wireframe uses grid) -- */
  #brxe-7b12dc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--brxw-space-xs);
    padding-top: var(--brxw-space-m);
    padding-bottom: var(--brxw-space-s);
  }

  /* Content wrapper: don't fill row */
  #brxe-28b1f3 {
    max-width: none;
    width: auto;
    flex-shrink: 1;
  }

  #brxe-8440cc { font-size: var(--brxw-text-xl); }

  /* Button: compact, blue, no wrap */
  #brxe-68d268.bricks-button {
    color: var(--drbrowns-blue-3);
    border-color: var(--drbrowns-blue-3);
    font-size: 12px;
    padding: 6px 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* -- Hide table header -- */
  #brxe-ee18a8 .shop_table thead { display: none; }

  /* -- Cart row: grid card layout -- */
  #brxe-ee18a8 .shop_table tbody tr.woocommerce-cart-form__cart-item {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-template-rows: auto auto auto;
    column-gap: var(--brxw-space-s);
    row-gap: 2px;
    padding: var(--brxw-space-s) 0;
    border-bottom: 1px solid var(--brxw-color-neutral-100);
    position: relative;
  }

  /* -- Reset all td -- */
  #brxe-ee18a8 .shop_table_responsive tbody td {
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    text-align: left;
    float: none;
    width: auto;
  }

  /* -- HIDE "PRODUCTO:" label (exact WC selector) -- */
  .woocommerce-cart-form tbody td.product-name[data-title]::before,
  #brxe-ee18a8 .woocommerce-cart-form tbody td.product-name::before,
  #brxe-ee18a8 .shop_table_responsive tbody td.product-name::before {
    content: none;
    display: none;
  }

  /* -- Precio label: right-aligned -- */
  .woocommerce-cart-form tbody td.product-price[data-title]::before {
    font-weight: 600;
    color: var(--brxw-color-neutral-500);
    font-size: var(--brxw-text-xs);
  }

  /* -- Cantidad label -- */
  .woocommerce-cart-form tbody td.product-quantity[data-title]::before {
    font-weight: 600;
    color: var(--brxw-color-neutral-500);
    font-size: var(--brxw-text-xs);
  }

  /* -- Subtotal label: right-aligned -- */
  .woocommerce-cart-form tbody td.product-subtotal[data-title]::before {
    font-weight: 600;
    color: var(--brxw-color-neutral-500);
    font-size: var(--brxw-text-xs);
  }

  /* -- Thumbnail: col 1, all rows, CENTERED -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-thumbnail {
    grid-column: 1;
    grid-row: 1 / 4;
    justify-content: center;
    align-items: center;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-thumbnail img {
    width: 85px;
    height: 85px;
    object-fit: contain;
    border-radius: var(--brxw-radius-xs);
  }

  /* -- Name: row 1, col 2 -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-name {
    grid-column: 2;
    grid-row: 1;
    font-weight: 500;
    font-size: var(--brxw-text-m);
    line-height: 1.35;
    color: var(--drbrowns-blue-3);
    padding-right: 30px;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-name a {
    color: inherit;
    text-decoration: none;
  }

  /* -- Remove: absolute top-right -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-remove {
    position: absolute;
    top: var(--brxw-space-s);
    right: 0;
    width: auto;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-remove a {
    font-size: 18px;
    color: var(--brxw-color-neutral-400);
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
  }

  /* -- Price: row 2, col 2, right-aligned -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-price {
    grid-column: 2;
    grid-row: 2;
    font-size: var(--brxw-text-s);
    color: var(--drbrowns-text);
    justify-content: flex-end;
    margin-top: 2px;
  }

  /* -- Quantity: row 3, col 2, left -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-quantity {
    grid-column: 2;
    grid-row: 3;
    margin-top: var(--brxw-space-3xs);
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-quantity .quantity {
    max-width: 110px;
    display: inline-flex;
    border: 1px solid var(--brxw-color-neutral-200);
    border-radius: var(--brxw-radius-xs);
  }

  /* -- Subtotal: row 3, col 2, right-aligned -- */
  #brxe-ee18a8 .shop_table_responsive tbody td.product-subtotal {
    grid-column: 2;
    grid-row: 3;
    justify-content: flex-end;
    margin-top: var(--brxw-space-3xs);
    font-weight: 600;
    font-size: var(--brxw-text-s);
    color: var(--drbrowns-text);
  }

  /* -- Actions row -- */
  #brxe-ee18a8 .shop_table tbody tr.actions {
    display: block;
    padding: var(--brxw-space-s) 0;
    border-bottom: none;
  }
  #brxe-ee18a8 .shop_table tbody tr.actions td {
    display: block;
    padding: 0;
  }
  #brxe-ee18a8 button[name="update_cart"] {
    width: 100%;
    padding: var(--brxw-space-2xs) var(--brxw-space-s);
    background-color: var(--brxw-color-neutral-100);
    border-radius: var(--brxw-radius-xs);
    font-size: var(--brxw-text-s);
  }

  /* -- Totals wrapper -- */
  #brxe-170111 { padding: var(--brxw-space-s); }

  /* -- Coupon: stacked -- */
  #brxe-325595 { flex-direction: column; gap: var(--brxw-space-2xs); }
  #brxe-325595 input,
  #brxe-325595 button { width: 100%; box-sizing: border-box; }

  /* -- Checkout button -- */
  #brxe-08ef79 .checkout-button {
    display: block;
    text-align: center;
    padding: var(--brxw-space-xs) var(--brxw-space-m);
    font-size: var(--brxw-text-m);
  }
}

@media (max-width: 478px) {
  #brxe-8440cc { font-size: var(--brxw-text-l); }

  #brxe-ee18a8 .shop_table tbody tr.woocommerce-cart-form__cart-item {
    grid-template-columns: 75px 1fr;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-thumbnail img {
    width: 70px;
    height: 70px;
  }
  #brxe-ee18a8 .shop_table_responsive tbody td.product-name {
    font-size: var(--brxw-text-s);
  }
}

/* ============================================
   CART — Trash icon (all viewports)
   ============================================ */
.brxe-woocommerce-cart-items a.remove {
  font-size: 0 !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23999%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14M10 11v6M14 11v6%27/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  opacity: 0.5;
  transition: all 0.2s;
}
.brxe-woocommerce-cart-items a.remove:hover {
  opacity: 0.9;
  background-color: transparent !important;
}

/* ============================================
   CART — Quantity Selector Styling
   ============================================ */
.brxe-woocommerce-cart-items div.quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--brxw-color-neutral-200) !important;
  border-radius: var(--brxw-radius-xs) !important;
  overflow: hidden !important;
  height: 34px !important;
  max-width: 120px !important;
}

.brxe-woocommerce-cart-items div.quantity input.qty {
  width: 40px !important;
  height: 100% !important;
  border: none !important;
  border-left: 1px solid var(--brxw-color-neutral-200) !important;
  border-right: 1px solid var(--brxw-color-neutral-200) !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--drbrowns-text) !important;
  background: var(--drbrowns-white) !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  margin: 0 !important;
}

.brxe-woocommerce-cart-items div.quantity input.qty::-webkit-outer-spin-button,
.brxe-woocommerce-cart-items div.quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.brxe-woocommerce-cart-items div.quantity .action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 100% !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  color: var(--brxw-color-neutral-500) !important;
  padding: 0 !important;
  border: none !important;
}

.brxe-woocommerce-cart-items div.quantity .action:hover {
  background: transparent !important;
  color: var(--drbrowns-blue-3) !important;
}

.brxe-woocommerce-cart-items div.quantity .action svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.5 !important;
}

/* Simple link items in Ayuda megamenu (no description — compact list) */
.brxe-popup-31148 .brx-popup-content [class*="psedki"] {
  padding-bottom: 0;
}

/* ============================================================
   AYUDA TOPBAR LINK (top001)
   Right-aligned utility link in the topbar
   ============================================================ */

/* Topbar: "Atención al cliente" link inside the centered text */
#brxe-1bcb86 a[data-megamenu] {
  color: var(--drbrowns-white, #fff);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  cursor: pointer;
  transition: opacity var(--brxw-transition-m, 0.2s);
}
#brxe-1bcb86 a[data-megamenu]:hover {
  opacity: 0.75;
}