/* Retain WooCommerce's .images two-column geometry, but not its zoom/lightbox gallery. */
.single-product .product .extras-paul-product-column { opacity: 1 !important; height: auto; min-height: 0; box-sizing: border-box; }
.extras-paul-product-column #extras-paul-ad-builder { width: 100%; max-width: none; margin: 0; }
.extras-paul-product-column .extras-product-paul-wrap { margin: 0; }
.extras-paul-product-column .pab-size-row { display: none !important; }
.extras-paul-product-column .extras-paul-product-help { background: #f6f6f6; border-left: 4px solid #237c48; padding: 12px 14px; margin: 14px 0 20px; color: #222; font-size: 14px; line-height: 1.55; }
.extras-paul-product-column .pab-preview-stage { overflow-x: auto; }

/* Modern copy for products that previously directed advertisers to Canva/Fiverr. */
.single-product .summary .extras-paul-design-message { margin-top: 14px; line-height: 1.55; }
.single-product .woocommerce-Tabs-panel .extras-paul-description-message { margin-top: 14px; }


/* Mobile resilience: some themes suppress WooCommerce's .images gallery on
   narrow screens. That class now contains the Paul builder, not an image.
   Keep the replacement column visible and stack it before the summary. */
@media screen and (max-width: 800px) {
  body.single-product div.product .extras-paul-product-column {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 22px !important;
  }
  body.single-product .extras-paul-product-column #extras-paul-ad-builder {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.single-product .extras-paul-product-column .pab-preview-stage {
    overflow-x: auto;
  }
}