/* Product-template safeguard: WordPress assigns the gallery a fixed basis.
 * The information column must keep a readable width on desktop instead of
 * shrinking to a single character. Mobile keeps the existing stacked layout. */
@media (min-width: 821px) {
  .llpe-product-page main > .wp-block-columns {
    width: 100% !important;
    max-width: 1340px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: clamp(34px, 7vw, 108px) !important;
  }

  .llpe-product-page main > .wp-block-columns > .wp-block-column:first-child {
    flex: 0 1 min(51%, 620px) !important;
    min-width: 0 !important;
    max-width: 620px !important;
  }

  .llpe-product-page main > .wp-block-columns > .wp-block-column:last-child {
    flex: 1 1 0 !important;
    min-width: min(420px, 100%) !important;
    max-width: none !important;
  }

  .llpe-product-page main > .wp-block-columns > .wp-block-column:last-child > * {
    max-width: 680px !important;
  }

  .llpe-product-page .woocommerce-product-gallery,
  .llpe-product-page .woocommerce-product-gallery__wrapper {
    width: 100% !important;
  }
}