/*
 * crione-layout.css — pulls left-column content up on product pages so it
 * doesn't stretch to match the (now taller) right column that carries the
 * description, provenance, prior-art, share widget, and Add-to-Cart.
 *
 * Two-column grid on Magento's Luma theme has both columns filling the row
 * height by default. We flip alignment to "start" so each column's content
 * flows top-down naturally, and the downloadable-links section moves up next
 * to the product image instead of sinking to the bottom of an empty column.
 *
 * All rules are scoped to product pages via .catalog-product-view; no side
 * effects on category, CMS, or checkout pages.
 */
@media (min-width: 768px) {
  .catalog-product-view .column.main {
    align-items: flex-start !important;
  }
  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main {
    align-self: flex-start !important;
  }
  /* Downloadable-links block: pull it up to sit tight under the image */
  .catalog-product-view .product.media .product.attribute.downloadable,
  .catalog-product-view .product.media .downloadable-links-list,
  .catalog-product-view .product-item-details .downloadable-links,
  .catalog-product-view .product-add-form .field.downloads {
    margin-top: 16px !important;
  }
  /* Any bare "Downloads" heading or block that sits below the image */
  .catalog-product-view .product.media > .downloads,
  .catalog-product-view .product.media > .product-social-links {
    margin-top: 16px !important;
  }
  /* The tabs/detailed section below both columns — no bottom void */
  .catalog-product-view .product.info.detailed {
    margin-top: 32px !important;
  }
}

/* Some Luma-built templates use CSS Grid rather than flex; belt-and-suspenders. */
.catalog-product-view .column.main {
  grid-auto-rows: min-content;
}
.catalog-product-view .product.media {
  align-self: start;
}
.catalog-product-view .product-info-main {
  align-self: start;
}