/*
 * Corrige regla legacy en checkout.scss:
 * `.woocommerce { display:flex; justify-content:center; … }`
 * WooCommerce añade la clase `woocommerce` al <body> en ficha, categoría y tienda.
 */
body.woocommerce {
  display: block !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  background: #fafafa !important;
  min-height: 100vh;
}

body.single-product .konoyek-single-product-shell,
body.tax-product_cat .konoyek-category-page,
body.post-type-archive-product .category-wrapper-page {
  width: 100%;
  max-width: none;
}

/* El footer usa imagen fija; sin esto se ve en toda la ficha/categoría */
body.single-product .banner-info,
body.tax-product_cat .banner-info,
body.post-type-archive-product .banner-info {
  isolation: isolate;
  overflow: hidden;
}

body.single-product .banner-info .bg-banner-info,
body.tax-product_cat .banner-info .bg-banner-info,
body.post-type-archive-product .banner-info .bg-banner-info {
  position: absolute !important;
  z-index: 0 !important;
}

body.single-product .container-product > .container,
body.single-product .container-product .row.g-4 {
  width: 100%;
  max-width: 100%;
}

body.single-product .container-product form.variations_form.cart {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  align-items: stretch;
}
