/* 7.1.0: keep Spanish product/cart navigation fully inside the phone viewport. */
@media (max-width: 650px) {
  html[lang="es"] #wbc-store.ct-product-view > .wb-header nav,
  html[lang="es"] #wbc-store:has(#wb-bag:not([hidden])) > .wb-header nav {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html[lang="es"] #wbc-store.ct-product-view #ct-header-back,
  html[lang="es"] #wbc-store:has(#wb-bag:not([hidden])) #ct-header-back {
    display: inline-flex !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    gap: 6px !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
  }
  html[lang="es"] #wbc-store.ct-product-view .wb-header #wb-cart,
  html[lang="es"] #wbc-store:has(#wb-bag:not([hidden])) .wb-header #wb-cart {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
}