/* ==============================
   AMAZONA Woo Shell - FINAL
   Fuente única de overrides WP shell
   ============================== */

/* 1) Ocultar header/footer nativos de Neve solo en shell Woo */
body.amz-woo-shell .hfg_header,
body.amz-woo-shell header.header,
body.amz-woo-shell .site-header,
body.amz-woo-shell .header,
body.amz-woo-shell .nv-navbar,
body.amz-woo-shell .nv-top-bar,
body.amz-woo-shell .nv-main-header,
body.amz-woo-shell footer.site-footer,
body.amz-woo-shell .site-footer {
  display: none !important;
}

/* 2) Base tipográfica del shell */
body.amz-woo-shell {
  --bodyfontfamily: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  --h1fontfamily: var(--font-serif), Georgia, "Times New Roman", serif !important;
  --h2fontfamily: var(--font-serif), Georgia, "Times New Roman", serif !important;
  --h3fontfamily: var(--font-serif), Georgia, "Times New Roman", serif !important;
}

body.amz-woo-shell .amz-shell-header,
body.amz-woo-shell .amz-shell-header *,
body.amz-woo-shell .amz-shell-search,
body.amz-woo-shell .amz-shell-search * {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* 3) Header shell */
body.amz-woo-shell .amz-shell-header {
  color: hsl(var(--foreground)) !important;
}

body.amz-woo-shell .amz-shell-header > .bg-primary {
  background-color: hsl(var(--brand)) !important;
  color: #fff !important;
}

/* 4) Top banner */
body.amz-woo-shell [data-amz-top-banner] {
  min-height: 0 !important;
  padding: 10px !important;
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

body.amz-woo-shell [data-amz-top-banner-text] {
  min-height: 0 !important;
  margin: 0 !important;
  color: hsl(var(--foreground)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(0.96rem, 0.93rem + 0.16vw, 1.05rem) !important;
  font-weight: 600 !important;
  line-height: 1.62 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell [data-amz-top-banner-text] {
    letter-spacing: 0.06em !important;
  }
}

body.amz-woo-shell [data-amz-top-banner-text] span {
  font: inherit;
}

body.amz-woo-shell [data-amz-top-banner-text] .font-bold {
  font-weight: 700 !important;
}

body.amz-woo-shell [data-amz-top-banner-text] .text-primary {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell [data-amz-top-banner-text] .text-muted-foreground\/55,
body.amz-woo-shell [data-amz-top-banner-text] .amz-top-banner-separator {
  color: color-mix(in oklab, hsl(var(--muted-foreground)) 55%, transparent) !important;
}

body.amz-woo-shell [data-amz-top-banner-text] .amz-top-banner-separator {
  display: inline-block !important;
  margin-left: 0.35rem !important;
  margin-right: 0.35rem !important;
}

/* 5) Barra principal */
body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl > .py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (min-width: 640px) {
  body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl > .py-2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media (min-width: 1024px) {
  body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media (max-width: 767px) {
  body.amz-woo-shell .amz-shell-header > .bg-primary > .mx-auto.w-full.max-w-7xl > .py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.amz-woo-shell .amz-shell-header .grid.min-h-14 {
    min-height: 56px !important;
  }

  body.amz-woo-shell .amz-shell-header .grid.min-h-14 + [data-amz-open-search] {
    margin-top: 8px !important;
  }

  body.amz-woo-shell .amz-shell-header [data-amz-open-search] {
    height: 44px !important;
  }
}

/* 6) Logo */
body.amz-woo-shell .amz-shell-header .amz-shell-logo {
  width: auto !important;
  max-width: none !important;
  height: 48px !important;
  object-fit: contain !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header .amz-shell-logo {
    height: 64px !important;
  }
}

@media (max-width: 767px) {
  body.amz-woo-shell .amz-shell-header .amz-shell-logo {
    height: 48px !important;
  }
}

/* 7) Buscador */
body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"],
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] {
  color: hsl(var(--muted-foreground)) !important;
  overflow: hidden !important;
}

body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] input[name="q"],
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] input[name="q"] {
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  color: hsl(var(--foreground)) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] input[name="q"] {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] input[name="q"]::placeholder,
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] input[name="q"]::placeholder {
  color: hsl(var(--muted-foreground)) !important;
  opacity: 0.8 !important;
}

body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] button,
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] button {
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: hsl(var(--muted-foreground)) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] button::before,
body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] button::after,
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] button::before,
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] button::after {
  display: none !important;
  content: none !important;
}

body.amz-woo-shell .amz-shell-header form[aria-label="Buscar en la tienda"] svg,
body.amz-woo-shell .amz-shell-search form[aria-label="Buscar en la tienda"] svg {
  width: 17px !important;
  height: 17px !important;
  background: transparent !important;
  fill: none !important;
  stroke: currentColor !important;
}

body.amz-woo-shell .amz-shell-header .amz-shell-search-desktop {
  flex: 1 1 auto !important;
  max-width: 48rem !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

body.amz-woo-shell .amz-shell-header .amz-shell-search-desktop form {
  height: 40px !important;
  gap: 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 0 0 1px rgb(0 0 0 / 10%) !important;
}

/* 8) Trigger búsqueda mobile */
body.amz-woo-shell .amz-shell-header [data-amz-open-search],
body.amz-woo-shell .amz-shell-header [data-amz-open-search]:hover,
body.amz-woo-shell .amz-shell-header [data-amz-open-search]:focus,
body.amz-woo-shell .amz-shell-header [data-amz-open-search]:active {
  appearance: none !important;
  align-items: center !important;
  gap: 8px !important;
  height: 44px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: hsl(var(--muted-foreground)) !important;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%) !important;
  line-height: 1 !important;
}

body.amz-woo-shell .amz-shell-header [data-amz-open-search]::before,
body.amz-woo-shell .amz-shell-header [data-amz-open-search]::after {
  display: none !important;
  content: none !important;
}

body.amz-woo-shell .amz-shell-header [data-amz-mobile-search-label] {
  min-width: 0 !important;
  overflow: hidden !important;
  color: hsl(var(--muted-foreground)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 9) Nav desktop */
@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header .amz-shell-nav-wrap {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  body.amz-woo-shell .amz-shell-header .amz-shell-nav-wrap nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
  }

  body.amz-woo-shell .amz-shell-header .amz-shell-nav-wrap nav > a {
    display: inline-flex !important;
    align-items: center !important;
    color: #fff !important;
    font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  body.amz-woo-shell .amz-shell-header .amz-shell-nav-wrap nav > a:hover {
    color: hsl(var(--foreground)) !important;
  }
}

/* 10) Menú mobile fullscreen */
body.amz-woo-shell #amz-shell-menu {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  background-color: hsl(var(--brand)) !important;
  color: #fff !important;
  overscroll-behavior: none !important;
}

body.amz-woo-shell #amz-shell-menu.hidden {
  display: none !important;
}

body.amz-woo-shell #amz-shell-menu:not(.hidden) {
  display: block !important;
}

body.amz-woo-shell #amz-shell-menu > .flex {
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 12px 12px 16px !important;
  background-color: hsl(var(--brand)) !important;
}

body.amz-woo-shell #amz-shell-menu > .flex > .grid,
body.amz-woo-shell #amz-shell-menu > .flex > [data-amz-open-search],
body.amz-woo-shell #amz-shell-menu [data-amz-open-search] {
  flex: 0 0 auto !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-menu-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-menu-static-links {
  flex: 0 0 auto !important;
  border-top: 1px solid rgb(255 255 255 / 20%) !important;
  padding-top: 8px !important;
  background-color: hsl(var(--brand)) !important;
}

body.amz-woo-shell #amz-shell-menu nav[aria-label="Categorías de la tienda"] {
  padding-bottom: 12px !important;
}

body.amz-woo-shell #amz-shell-menu a {
  color: #fff !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-link,
body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-link {
  min-height: 56px !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-item {
  border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-toggle {
  appearance: none !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-chevron {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform .15s ease !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-link-chevron {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: 0 0 auto !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-category-toggle[aria-expanded="true"] .amz-shell-mobile-category-chevron {
  transform: rotate(180deg) !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-subcategories {
  display: flex !important;
  flex-direction: column !important;
  padding: 6px 0 8px 16px !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-subcategories[hidden] {
  display: none !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-subcategory-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 8px !important;
  border-radius: 6px !important;
  border-bottom: 0 !important;
  color: inherit !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  opacity: 0.9 !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-subcategory-link > span {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-subcategory-arrow {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.9 !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: 0 0 auto !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-mobile-nav-link {
  min-height: 42px !important;
  justify-content: flex-start !important;
  border-bottom: 0 !important;
}

html.amz-menu-open,
body.amz-menu-open {
  overflow: hidden !important;
  height: 100% !important;
}

body.amz-woo-shell #amz-shell-menu .amz-shell-cart-button {
  position: relative !important;
}

/* 11) Acciones */
body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"],
body.amz-woo-shell .amz-shell-header a[aria-label="Ir a la tienda"],
body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"],
body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] {
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"],
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] {
    width: 44px !important;
    height: 44px !important;
  }
}

body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] {
  display: none !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] {
    display: inline-flex !important;
  }

  body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu],
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a la tienda"] {
    display: none !important;
  }
}

body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu]::before,
body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu]::after {
  display: none !important;
  content: none !important;
}

body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg.hidden {
  display: none !important;
}

body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg:not(.hidden) {
  display: block !important;
}

body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] svg,
body.amz-woo-shell .amz-shell-header a[aria-label="Ir a la tienda"] svg,
body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 767px) {
  body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg[data-amz-icon-menu],
  body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg[data-amz-icon-close] {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] svg {
    width: 20px !important;
    height: 20px !important;
  }
}

body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"] svg {
  width: 20px !important;
  height: 20px !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"] svg {
    width: 22px !important;
    height: 22px !important;
  }
}

body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"] svg,
body.amz-woo-shell .amz-shell-header a[aria-label="Ir a la tienda"] svg,
body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"] svg,
body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu] svg {
  color: #fff !important;
  fill: none !important;
  stroke: #fff !important;
}

body.amz-woo-shell .amz-shell-header .amz-shell-cart-button {
  position: relative !important;
}

body.amz-woo-shell .amz-shell-header .amz-shell-cart-badge {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 4px !important;
  border-radius: 9999px !important;
  background: #fff !important;
  color: hsl(var(--brand)) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (hover: hover) {
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a mi cuenta"]:hover,
  body.amz-woo-shell .amz-shell-header a[aria-label="Ir a la tienda"]:hover,
  body.amz-woo-shell .amz-shell-header a[aria-label="Ver carrito"]:hover,
  body.amz-woo-shell .amz-shell-header [data-amz-toggle-menu]:hover {
    background: rgb(255 255 255 / 10%) !important;
  }
}

/* 12) Categorías desktop */
body.amz-woo-shell .amz-shell-categories {
  border-bottom: 1px solid hsl(var(--border)) !important;
  background-color: hsl(var(--background)) !important;
}

body.amz-woo-shell .amz-shell-categories > .mx-auto {
  max-width: 80rem !important;
  margin-inline: auto !important;
  padding: 12px 16px !important;
}

body.amz-woo-shell .amz-shell-categories-track {
  scrollbar-width: none !important;
  color: hsl(var(--brand)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(0.96rem, 0.93rem + 0.16vw, 1.05rem) !important;
  font-weight: 600 !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
}

body.amz-woo-shell .amz-shell-categories-track::-webkit-scrollbar {
  display: none !important;
}

body.amz-woo-shell .amz-shell-categories-track a {
  color: hsl(var(--brand)) !important;
  text-decoration: none !important;
}

body.amz-woo-shell .amz-shell-categories-track a:hover {
  color: color-mix(in oklab, hsl(var(--brand)) 80%, transparent) !important;
}

body.amz-woo-shell .amz-shell-parent-category-active {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell .amz-shell-parent-category .amz-shell-parent-chevron {
  width: 14px !important;
  height: 14px !important;
  transition: transform .15s ease !important;
}

body.amz-woo-shell .amz-shell-parent-category-active .amz-shell-parent-chevron {
  transform: rotate(180deg) !important;
}

body.amz-woo-shell .amz-shell-subcategories {
  border-bottom: 1px solid hsl(var(--border)) !important;
  background: hsl(var(--brand)) !important;
  color: hsl(var(--brand-foreground)) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

body.amz-woo-shell .amz-shell-subcategories-group a {
  color: hsl(var(--brand-foreground)) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
}

body.amz-woo-shell .amz-shell-subcategories-group a:hover {
  background: rgb(255 255 255 / 16%) !important;
  color: hsl(var(--brand-foreground)) !important;
}

body.amz-theme-mono .amz-shell-subcategories {
  background: #fff !important;
  color: #111 !important;
  border-bottom: 1px solid hsl(var(--border)) !important;
}

body.amz-theme-mono .amz-shell-subcategories-group a {
  color: #111 !important;
}

body.amz-theme-mono .amz-shell-subcategories-group a:hover {
  background: rgb(0 0 0 / 6%) !important;
  color: #111 !important;
}

body.amz-woo-shell .amz-shell-subcategories > .mx-auto {
  max-width: 80rem !important;
  margin-inline: auto !important;
  padding: 12px 16px !important;
}

body.amz-woo-shell .amz-shell-categories-scroll {
  appearance: none !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: 9999px !important;
  background: hsl(var(--background)) !important;
  color: hsl(var(--brand)) !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.amz-woo-shell .amz-shell-categories-scroll::before,
body.amz-woo-shell .amz-shell-categories-scroll::after {
  display: none !important;
  content: none !important;
}

body.amz-woo-shell .amz-shell-categories-scroll svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* 13) Overlay búsqueda mobile */
body.amz-woo-shell .amz-shell-search {
  background: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

body.amz-woo-shell .amz-shell-search [data-amz-close-search],
body.amz-woo-shell .amz-shell-search [data-amz-close-search]:hover,
body.amz-woo-shell .amz-shell-search [data-amz-close-search]:focus,
body.amz-woo-shell .amz-shell-search [data-amz-close-search]:active {
  appearance: none !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: hsl(var(--brand)) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  line-height: 1 !important;
}

body.amz-woo-shell .amz-shell-search [data-amz-close-search]::before,
body.amz-woo-shell .amz-shell-search [data-amz-close-search]::after {
  display: none !important;
  content: none !important;
}

body.amz-woo-shell .amz-shell-search [data-amz-close-search] svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

body.amz-woo-shell .amz-shell-search input[name="q"]::-webkit-search-cancel-button {
  appearance: none !important;
  display: none !important;
}

/* 14) Footer parity */
body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground {
  border-top: 1px solid hsl(var(--border)) !important;
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--muted-foreground)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground > .mx-auto.max-w-7xl.px-4.py-12.sm\:px-6.lg\:px-8 {
  max-width: 80rem !important;
  margin-inline: auto !important;
  padding: 3rem 1rem !important;
}

@media (min-width: 640px) {
  body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground > .mx-auto.max-w-7xl.px-4.py-12.sm\:px-6.lg\:px-8 {
    padding-inline: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground > .mx-auto.max-w-7xl.px-4.py-12.sm\:px-6.lg\:px-8 {
    padding-inline: 2rem !important;
  }
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .mb-8.grid.grid-cols-1.gap-8.md\:grid-cols-\[minmax\(0\,1\.15fr\)_repeat\(3\,minmax\(0\,1fr\)\)\].md\:gap-12.lg\:gap-16 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
  margin-bottom: 2rem !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .mb-8.grid.grid-cols-1.gap-8.md\:grid-cols-\[minmax\(0\,1\.15fr\)_repeat\(3\,minmax\(0\,1fr\)\)\].md\:gap-12.lg\:gap-16 {
    grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr)) !important;
    gap: 3rem !important;
  }
}

@media (min-width: 1024px) {
  body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .mb-8.grid.grid-cols-1.gap-8.md\:grid-cols-\[minmax\(0\,1\.15fr\)_repeat\(3\,minmax\(0\,1fr\)\)\].md\:gap-12.lg\:gap-16 {
    gap: 4rem !important;
  }
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground h3.fluid-h1 {
  margin-bottom: 1rem !important;
  color: hsl(var(--brand)) !important;
  font-family: var(--font-serif), Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 1.55rem + 1.85vw, 3.1rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground h4.fluid-p {
  margin-bottom: 1rem !important;
  color: hsl(var(--brand)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.02rem, 0.99rem + 0.18vw, 1.14rem) !important;
  font-weight: 600 !important;
  line-height: 1.72 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground p,
body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground li,
body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground a {
  color: inherit !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.02rem, 0.99rem + 0.18vw, 1.14rem) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground a:hover {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground ul.space-y-3 > li + li {
  margin-top: 0.75rem !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .border-t.border-border.pt-6.text-center.fluid-small.text-muted-foreground {
  border-top: 1px solid hsl(var(--border)) !important;
  padding-top: 1.5rem !important;
  text-align: center !important;
}

body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .fluid-small,
body.amz-woo-shell footer.border-t.border-border.bg-background.text-muted-foreground .fluid-small p {
  font-size: clamp(0.82rem, 0.79rem + 0.14vw, 0.92rem) !important;
  line-height: 1.4 !important;
}

/* 15) Admin bar + sticky */
body.amz-woo-shell .amz-shell-header {
  position: relative !important;
  z-index: 1 !important;
}

body.amz-woo-shell .amz-shell-categories {
  position: relative !important;
  top: 0 !important;
  z-index: 1 !important;
}

body.amz-woo-shell .amz-shell-header [data-amz-desktop-nav-spacer="true"] {
  height: 0 !important;
  display: block !important;
}

@media (min-width: 768px) {
  body.amz-woo-shell.amz-desktop-nav-pinned .amz-shell-header > .bg-primary {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 9990 !important;
    width: 100% !important;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
  }

  body.admin-bar.amz-woo-shell.amz-desktop-nav-pinned .amz-shell-header > .bg-primary {
    top: 32px !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar.amz-woo-shell.amz-desktop-nav-pinned .amz-shell-header > .bg-primary {
    top: 46px !important;
  }
}

body.amz-woo-shell [data-world-cup-stars="true"] {
  display: inline-flex !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translate(-50%, 50%) !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 0 !important;
  color: #fbbf24 !important;
  filter: drop-shadow(0 1px 1px rgb(0 0 0 / 25%));
  z-index: 95 !important;
}

body.amz-woo-shell .amz-shell-logo-wrap {
  position: relative !important;
  padding-bottom: 8px !important;
}

body.amz-woo-shell [data-world-cup-stars="true"] svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  fill: currentColor !important;
  stroke: none !important;
}

@media (max-width: 767px) {
  body.amz-woo-shell .amz-shell-logo-wrap {
    padding-bottom: 8px !important;
  }

  body.amz-woo-shell .amz-shell-header [data-amz-open-search-main] {
    transition: opacity .2s ease !important;
  }

  body.amz-woo-shell.amz-mobile-search-pinned .amz-shell-header [data-amz-open-search-main] {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: 0 !important;
    z-index: 9985 !important;
    width: auto !important;
    margin-top: 0 !important;
    box-shadow: 0 6px 14px rgb(0 0 0 / 10%) !important;
  }

  body.admin-bar.amz-woo-shell.amz-mobile-search-pinned .amz-shell-header [data-amz-open-search-main] {
    top: 46px !important;
  }
}

/* 16) Breadcrumbs Woo/Neve */
nav.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb .nv-breadcrumb-delimiter,
.woocommerce-breadcrumb,
.nv-breadcrumb-delimiter,
.neve-breadcrumbs-wrapper,
.nv-bc-count-wrap {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* Theme sync vars (unificado, sin duplicación) */
body.amz-theme-mono {
  --background: 0 0% 100%;
  --foreground: 0 0% 10%;
  --brand: 0 0% 8%;
  --brand-foreground: 0 0% 100%;
  --brand-soft: 0 0% 95%;
  --brand-strong: 0 0% 18%;
  --brand-accent: 0 0% 76%;
  --cta: 0 0% 14%;
  --cta-foreground: 0 0% 100%;
  --accent-foreground: 0 0% 100%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 38%;
  --border: 0 0% 88%;
  --nav-background: 0 0% 100%;
  --nav-foreground: 0 0% 10%;
  --nav-logo-invert: 0;
  --bg: 0 0% 100%;
  --fg: 0 0% 10%;
  --primary: 0 0% 8%;
  --primary-foreground: 0 0% 100%;
}

body.amz-theme-rose {
  --background: 0 0% 100%;
  --foreground: 0 0% 12%;
  --brand: 0 100% 71%;
  --brand-foreground: 0 0% 100%;
  --brand-soft: 12 100% 96%;
  --brand-strong: 0 85% 63%;
  --brand-accent: 15 78% 65%;
  --cta: 0 72% 48%;
  --cta-foreground: 0 0% 100%;
  --accent-foreground: 0 0% 100%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 42%;
  --border: 0 0% 88%;
  --nav-background: 0 100% 71%;
  --nav-foreground: 0 0% 100%;
  --nav-logo-invert: 1;
  --bg: 0 0% 100%;
  --fg: 0 0% 12%;
  --primary: 0 100% 71%;
  --primary-foreground: 0 0% 100%;
}

body.amz-theme-sync {
  background: hsl(var(--bg));
  color: hsl(var(--fg));
}

/* Navbar WP */
body.amz-theme-sync .amz-shell-header,
body.amz-theme-sync .site-header,
body.amz-theme-sync #masthead {
  background: hsl(var(--nav-background)) !important;
  color: hsl(var(--nav-foreground)) !important;
}

body.amz-theme-sync .amz-shell-header a,
body.amz-theme-sync .site-header a,
body.amz-theme-sync #masthead a {
  color: inherit !important;
}

/* Switch */
.amz-theme-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 10%, transparent);
  color: hsl(var(--nav-foreground));
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}

.amz-theme-switch__icon {
  width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  line-height: 1;
}

/* Switch parity Next/WP: elimina verde heredado y agrega "thumb" circular */
body.amz-woo-shell .amz-shell-header .amz-theme-switch,
body.amz-woo-shell .amz-shell-header button[role="switch"] {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  border: 1px solid rgb(0 0 0 / 18%) !important;
  background: rgb(0 0 0 / 10%) !important;
  color: #111 !important;
  box-shadow: none !important;
}

body.amz-woo-shell .amz-shell-header .amz-theme-switch__icon,
body.amz-woo-shell .amz-shell-header button[role="switch"] > span {
  width: 1.75rem !important;
  height: 1.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  color: inherit !important;
}

body.amz-woo-shell .amz-shell-header button[role="switch"] svg,
body.amz-woo-shell .amz-shell-header .amz-theme-switch svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2 !important;
}

/* Rose: icono activo derecha (sparkles) */
body.amz-woo-shell.amz-theme-rose .amz-shell-header button[role="switch"][aria-checked="true"] > span:first-child {
  background: rgb(255 255 255 / 15%) !important;
  color: #fff !important;
}

body.amz-woo-shell.amz-theme-rose .amz-shell-header button[role="switch"][aria-checked="true"] > span:last-child {
  background: #fff !important;
  color: hsl(var(--brand)) !important;
}

/* Mono: icono activo izquierda (moon) */
body.amz-woo-shell.amz-theme-mono .amz-shell-header button[role="switch"][aria-checked="false"] > span:first-child {
  background: #fff !important;
  color: #111 !important;
}

body.amz-woo-shell.amz-theme-mono .amz-shell-header button[role="switch"][aria-checked="false"] > span:last-child {
  background: rgb(0 0 0 / 12%) !important;
  color: #111 !important;
}

/* Fallback para switch legacy (.amz-theme-switch) */
body.amz-woo-shell.amz-theme-rose .amz-shell-header .amz-theme-switch {
  border-color: rgb(255 255 255 / 26%) !important;
  background: rgb(255 255 255 / 18%) !important;
  color: #fff !important;
}

body.amz-woo-shell.amz-theme-mono .amz-shell-header .amz-theme-switch {
  border-color: rgb(0 0 0 / 22%) !important;
  background: rgb(0 0 0 / 10%) !important;
  color: #111 !important;
}

body.amz-woo-shell.amz-theme-rose .amz-shell-header .amz-theme-switch__icon {
  background: rgb(255 255 255 / 15%) !important;
  color: #fff !important;
}

body.amz-woo-shell.amz-theme-mono .amz-shell-header .amz-theme-switch__icon {
  background: rgb(0 0 0 / 12%) !important;
  color: #111 !important;
}

/* Mono: navbar blanco + texto/iconos negros */
body.amz-theme-mono .amz-shell-header > .bg-primary {
  background-color: #fff !important;
  color: #111 !important;
}

body.amz-theme-mono .amz-shell-header .amz-shell-logo {
  filter: brightness(0) invert(0) !important;
}

body.amz-theme-mono .amz-shell-header a,
body.amz-theme-mono .amz-shell-header .amz-shell-nav-wrap nav > a,
body.amz-theme-mono .amz-shell-header [data-amz-toggle-menu],
body.amz-theme-mono .amz-shell-header [aria-label="Ir a la tienda"],
body.amz-theme-mono .amz-shell-header [aria-label="Ir a mi cuenta"],
body.amz-theme-mono .amz-shell-header [aria-label="Ver carrito"] {
  color: #111 !important;
}

body.amz-theme-mono .amz-shell-header a[aria-label="Ir a mi cuenta"] svg,
body.amz-theme-mono .amz-shell-header a[aria-label="Ir a la tienda"] svg,
body.amz-theme-mono .amz-shell-header a[aria-label="Ver carrito"] svg,
body.amz-theme-mono .amz-shell-header [data-amz-toggle-menu] svg {
  stroke: #111 !important;
  color: #111 !important;
  fill: none !important;
}

@media (hover: hover) {
  body.amz-theme-mono .amz-shell-header a[aria-label="Ir a mi cuenta"]:hover,
  body.amz-theme-mono .amz-shell-header a[aria-label="Ir a la tienda"]:hover,
  body.amz-theme-mono .amz-shell-header a[aria-label="Ver carrito"]:hover,
  body.amz-theme-mono .amz-shell-header [data-amz-toggle-menu]:hover {
    background: rgb(0 0 0 / 8%) !important;
  }
}

body.amz-theme-mono .amz-shell-header .amz-shell-cart-badge {
  background: #111 !important;
  color: #fff !important;
}

body.amz-woo-shell.amz-theme-mono .amz-shell-header .amz-shell-cart-button .amz-shell-cart-badge {
  background: #111 !important;
  color: #fff !important;
}

body.amz-woo-shell.amz-theme-rose .amz-shell-header .amz-shell-cart-button .amz-shell-cart-badge {
  background: #fff !important;
  color: hsl(var(--brand)) !important;
}

/* Menu mobile en mono: fondo blanco + texto negro */
body.amz-woo-shell.amz-theme-mono #amz-shell-menu,
body.amz-woo-shell.amz-theme-mono #amz-shell-menu > .flex,
body.amz-woo-shell.amz-theme-mono #amz-shell-menu .amz-shell-menu-static-links {
  background-color: #fff !important;
  color: #111 !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu a,
body.amz-woo-shell.amz-theme-mono #amz-shell-menu .amz-shell-mobile-category-link,
body.amz-woo-shell.amz-theme-mono #amz-shell-menu .amz-shell-mobile-nav-link {
  color: #111 !important;
  border-bottom-color: rgb(0 0 0 / 16%) !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu .amz-shell-mobile-category-item {
  border-bottom-color: rgb(0 0 0 / 16%) !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu .amz-shell-menu-static-links {
  border-top-color: rgb(0 0 0 / 16%) !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-toggle-menu],
body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-open-search] {
  color: #111 !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-toggle-menu] svg,
body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-open-search] svg {
  stroke: #111 !important;
  color: #111 !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-open-search] {
  background: #fff !important;
  color: #111 !important;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 16%) !important;
}

body.amz-woo-shell.amz-theme-mono #amz-shell-menu [data-amz-mobile-search-label] {
  color: #111 !important;
}

.amz-theme-switch-lucide {
  width: 14px;
  height: 14px;
  display: block;
  stroke: currentColor;
  fill: none;
}

/* 17) Woo notices/buttons: eliminar verde heredado y sincronizar con tema activo */
body.amz-woo-shell .woocommerce-message,
body.amz-woo-shell .woocommerce-info,
body.amz-woo-shell .woocommerce-error {
  border: 1px solid hsl(var(--border)) !important;
  background: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
}

body.amz-woo-shell .woocommerce-message::before,
body.amz-woo-shell .woocommerce-info::before,
body.amz-woo-shell .woocommerce-error::before {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell .woocommerce-message a,
body.amz-woo-shell .woocommerce-info a,
body.amz-woo-shell .woocommerce-error a {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell .woocommerce a.button,
body.amz-woo-shell .woocommerce button.button,
body.amz-woo-shell .woocommerce input.button,
body.amz-woo-shell .woocommerce #respond input#submit,
body.amz-woo-shell .woocommerce-page a.button,
body.amz-woo-shell .woocommerce-page button.button,
body.amz-woo-shell .woocommerce-page input.button,
body.amz-woo-shell .woocommerce-page #respond input#submit {
  border: 1px solid hsl(var(--brand)) !important;
  background: hsl(var(--brand)) !important;
  color: hsl(var(--brand-foreground)) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.amz-woo-shell .woocommerce a.button:hover,
body.amz-woo-shell .woocommerce button.button:hover,
body.amz-woo-shell .woocommerce input.button:hover,
body.amz-woo-shell .woocommerce #respond input#submit:hover,
body.amz-woo-shell .woocommerce-page a.button:hover,
body.amz-woo-shell .woocommerce-page button.button:hover,
body.amz-woo-shell .woocommerce-page input.button:hover,
body.amz-woo-shell .woocommerce-page #respond input#submit:hover {
  background: hsl(var(--brand-strong)) !important;
  border-color: hsl(var(--brand-strong)) !important;
  color: hsl(var(--brand-foreground)) !important;
}

/* 18) Checkout: métodos de pago como cards seleccionables */
body.amz-woo-shell .woocommerce-checkout #payment {
  background: transparent !important;
  border: 0 !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 1rem 0 !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  position: relative !important;
  margin: 0 0 0.6rem 0 !important;
  padding: 0 !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: 10px !important;
  background: hsl(var(--background)) !important;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: block !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  color: hsl(var(--foreground)) !important;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img,
body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label .payment_box_icon {
  vertical-align: middle !important;
}

body.amz-woo-shell .woocommerce-checkout #payment div.payment_box {
  margin: 0 !important;
  padding: 0 1rem 0.9rem 1rem !important;
  border: 0 !important;
  background: transparent !important;
  color: hsl(var(--muted-foreground)) !important;
  font-size: 0.96rem !important;
}

body.amz-woo-shell .woocommerce-checkout #payment div.payment_box::before,
body.amz-woo-shell .woocommerce-checkout #payment div.payment_box::after {
  display: none !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:checked) {
  border-color: hsl(var(--brand)) !important;
  background: color-mix(in oklab, hsl(var(--brand)) 10%, hsl(var(--background))) !important;
  box-shadow: 0 0 0 1px hsl(var(--brand)) inset !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:checked) > label {
  color: hsl(var(--brand)) !important;
}

body.amz-woo-shell .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:focus-visible) {
  outline: 2px solid hsl(var(--brand)) !important;
  outline-offset: 2px !important;
}

/* 19) Scroll-to-top (Neve) con estilo parity Next */
body.amz-woo-shell button.scroll-to-top,
body.amz-woo-shell .scroll-to-top {
  position: fixed !important;
  right: 1rem !important;
  bottom: 4.75rem !important;
  z-index: 40 !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: 9999px !important;
  background: #fff !important;
  color: hsl(var(--brand)) !important;
  box-shadow: 0 10px 22px rgb(0 0 0 / 12%) !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
}

body.amz-woo-shell button.scroll-to-top:hover,
body.amz-woo-shell .scroll-to-top:hover {
  background: hsl(var(--brand-soft)) !important;
  color: hsl(var(--brand)) !important;
  border-color: hsl(var(--brand)) !important;
  transform: translateY(-1px) !important;
}

body.amz-woo-shell button.scroll-to-top:focus-visible,
body.amz-woo-shell .scroll-to-top:focus-visible {
  outline: 2px solid hsl(var(--brand)) !important;
  outline-offset: 2px !important;
}

body.amz-woo-shell button.scroll-to-top svg,
body.amz-woo-shell .scroll-to-top svg,
body.amz-woo-shell button.scroll-to-top i,
body.amz-woo-shell .scroll-to-top i {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

body.amz-woo-shell button.scroll-to-top .amz-shell-scroll-top-icon,
body.amz-woo-shell .scroll-to-top .amz-shell-scroll-top-icon {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.amz-woo-shell .amz-shell-whatsapp-float {
  position: fixed;
  right: 1rem;
  bottom: 1.25rem;
  z-index: 39;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #25d366;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 24px rgb(37 211 102 / 35%);
  transition: transform .2s ease, box-shadow .2s ease;
}

body.amz-woo-shell .amz-shell-whatsapp-float:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgb(37 211 102 / 42%);
}

body.amz-woo-shell .amz-shell-whatsapp-float:focus-visible {
  outline: 2px solid #25d366;
  outline-offset: 3px;
}

body.amz-woo-shell .amz-shell-whatsapp-float svg {
  width: 24px;
  height: 24px;
  display: block;
}

@media (min-width: 768px) {
  body.amz-woo-shell button.scroll-to-top,
  body.amz-woo-shell .scroll-to-top {
    right: 1.5rem !important;
    bottom: 5.5rem !important;
  }

  body.amz-woo-shell .amz-shell-whatsapp-float {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}