/* Etsy listing photo shown (by reference) in the project card's photo slot. */

/* The image sits inside .projectPhotoSavedMedia, so it inherits that figure's
   square, contained sizing — matching an uploaded photo. This wrapper only adds
   the positioning context for the "From your listing" tag. */
.projectPhotoEtsy{ position:relative; }

.projectPhotoEtsyTag{
  position:absolute; left:8px; bottom:8px;
  display:inline-flex; align-items:center; gap:5px;
  padding:3px 8px; border-radius:999px;
  background:rgba(0,0,0,.66); color:#fff;
  font-size:.6rem; font-weight:800; letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(6px);
}
/* Override the figure's `img{width:100%;aspect-ratio:1/1}` rule for the tiny
   Etsy logo inside the tag. */
.projectPhotoEtsyTag img{
  width:12px !important; height:12px !important;
  aspect-ratio:auto !important; object-fit:contain !important;
  background:none !important;
}