/* See ./product-hero.md for design notes and rationale. */

.product-hero,
.product-hero:empty {
  display: block;
  margin-block: 0;
  padding-inline: 0;
  padding-block: 20px;

  --lss-sticky-buffer: var(--ll-space-11);
  --lss-gap-lg: var(--ll-space-8);
  --lss-rgap-sm: 0px;
}

/* LG/XL */
@media (width >= 1024px) {
  .product-hero,
  .product-hero:empty {
    padding-block: 40px;

    --lss-right-padding: var(--ll-space-8);
    --lss-right-bg: var(--ll-color-bg-default);
    --lss-right-radius: var(--ll-radius-card);
    --lss-right-shadow: 0 8px 28px rgb(0 0 0 / 12%);
  }

  .product-hero > .l-split-sticky__left > *:first-child,
  .product-hero > .l-split-sticky__right > *:first-child {
    margin-block-start: 0;
  }
}