/* VOBOM single-product layout v3 — 2026-10-28
 * Removes the duplicate GeneratePress featured image while preserving the WooCommerce gallery.
 * Gives the empty product sidebar back to the product detail content and uses a desktop two-column layout.
 */
body.single-product .woocommerce-product-gallery {
  opacity: 1 !important;
  visibility: visible !important;
}

body.single-product .featured-image.page-header-image-single {
  display: none !important;
}

body.single-product #right-sidebar,
body.single-product .widget-area {
  display: none !important;
}

body.single-product #content.site-content {
  display: block;
}

body.single-product #primary.content-area {
  float: none;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

body.single-product main.site-main {
  float: none;
  width: 100%;
  max-width: none;
}

body.single-product .entry-content {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  body.single-product div.product {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    column-gap: clamp(32px, 4vw, 64px);
    align-items: start;
  }

  body.single-product div.product > .woocommerce-product-gallery {
    grid-column: 1;
    grid-row: 1;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.single-product div.product > .summary {
    grid-column: 2;
    grid-row: 1;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.single-product div.product > .woocommerce-tabs,
  body.single-product div.product > .up-sells,
  body.single-product div.product > .related {
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box;
  }

  body.single-product .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 1023px) {
  body.single-product div.product {
    display: block;
  }
}
@media (max-width: 1023px) {
  /* Reserve a clear right gutter for the fixed sourcing assistant beside long product titles. */
  body.single-product .entry-summary .product_title {
    max-width: calc(100% - 60px);
  }
}



@media (min-width: 768px) and (max-width: 1023px) {
  /* Keep the fixed sourcing assistant clear of the tablet gallery. */
  body.single-product .woocommerce-product-gallery {
    max-width: calc(100% - 60px);
  }
}