/* Keep WooCommerce product recommendations inside the product content area. */
body.single-product.woocommerce div.product,
body.single-product .woocommerce div.product {
  align-items: start;
  grid-auto-flow: row;
  column-gap: 7%;
  row-gap: 56px;
}

body.single-product.woocommerce div.product .woocommerce-tabs,
body.single-product.woocommerce div.product .related.products,
body.single-product.woocommerce div.product .upsells.products,
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .related.products,
body.single-product .woocommerce div.product .upsells.products,
body.single-product .related.products,
body.single-product .upsells.products {
  position: relative;
  float: none !important;
  clear: both;
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100%;
}

body.single-product .related.products,
body.single-product .upsells.products {
  margin: 64px 0 0 !important;
  padding: 48px 0 12px;
  border-top: 1px solid var(--line);
}

body.single-product .related.products > h2,
body.single-product .upsells.products > h2 {
  margin: 0 0 34px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(1.9rem, 3.2vw, 3rem);
  font-weight: 600;
  line-height: 1.15;
}

body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products {
  display: grid !important;
  width: 100% !important;
  max-width: 100%;
  padding: 0;
  margin: 0 !important;
  list-style: none;
}

body.single-product .related.products ul.products li.product,
body.single-product .upsells.products ul.products li.product {
  float: none !important;
  min-width: 0;
  margin: 0 !important;
}

body.single-product .lanco-woo {
  overflow: visible;
  padding-bottom: 110px;
}

body.single-product .lanco-woo::after {
  display: table;
  clear: both;
  content: "";
}

body.single-product .lanco-footer {
  position: relative;
  z-index: 1;
  clear: both;
}

@media (max-width: 900px) {
  body.single-product.woocommerce div.product,
  body.single-product .woocommerce div.product {
    row-gap: 48px;
  }

  body.single-product .related.products,
  body.single-product .upsells.products {
    margin-top: 52px !important;
    padding-top: 40px;
  }
}

@media (max-width: 640px) {
  body.single-product.woocommerce div.product,
  body.single-product .woocommerce div.product {
    row-gap: 40px;
  }

  body.single-product .related.products,
  body.single-product .upsells.products {
    margin-top: 42px !important;
    padding-top: 34px;
  }

  body.single-product .lanco-woo {
    padding-bottom: 78px;
  }
}