.admin-image-preview {
  aspect-ratio: auto;
  background: transparent;
  border-radius: 0;
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: visible;
}

.admin-photo-item {
  background: var(--paper);
  border: 1px solid rgba(23, 60, 42, .12);
  border-radius: 18px;
  display: grid;
  gap: .55rem;
  overflow: hidden;
  padding: .55rem;
}

.admin-photo-item.is-main { border: 2px solid var(--leaf); }
.admin-photo-item button.admin-photo-zoom {
  background: transparent;
  border: 0;
  border-radius: 12px;
  padding: 0;
  width: 100%;
}
.admin-image-preview .admin-photo-item img {
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.admin-photo-item > strong { font-size: .72rem; }
.admin-photo-item > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.admin-photo-item button {
  background: #fff;
  border: 1px solid rgba(23, 60, 42, .18);
  border-radius: 9px;
  color: var(--ink);
  cursor: pointer;
  font-size: .68rem;
  padding: .45rem .6rem;
}
.admin-photo-item button.danger { color: #a6382f; }

.admin-product-thumb { position: relative; }
.admin-product-zoom,
.admin-product-thumb img {
  aspect-ratio: 1;
  border-radius: 13px;
  height: 88px;
  width: 88px;
}
.admin-product-thumb img { object-fit: cover; }
.admin-product-thumb .admin-product-photo-count {
  background: var(--ink);
  border-radius: 999px;
  bottom: .3rem;
  color: #fff;
  font-size: .58rem;
  left: 50%;
  padding: .2rem .45rem;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (max-width: 640px) {
  .admin-image-preview { grid-template-columns: 1fr; }
  .admin-product-zoom, .admin-product-thumb img { height: 70px; width: 70px; }
}