/* Aeterna — product loop cards.
   Same treatment as the catalog card and the product hero: the cut-out on its
   category gradient. Kept in step with assets/pdp.css. */
.aeterna-loop-frame{
  position:relative;
  aspect-ratio:1/1;
  border-radius:14px;
  overflow:hidden;
  background-color:#fff;
  background-image:linear-gradient(180deg,
    color-mix(in oklab,var(--cat) 5%,#fff) 0%,
    color-mix(in oklab,var(--cat) 58%,#fff) 72%,
    color-mix(in oklab,var(--cat) 64%,#fff) 100%);
  border:1px solid color-mix(in oklab,var(--cat) 20%,#fff);
}
.aeterna-loop-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
/* Astra draws its own border and padding around the thumbnail; the frame is
   the visual now, so the wrapper stops competing with it. */
.astra-shop-thumbnail-wrap{border:0;background:none;padding:0;overflow:visible}