/* Runtime bbox normalization. Inert until the corresponding image is measured. */
.card .pic:has(img[data-baseline="ready"]),
.types .th .pic:has(img[data-baseline="ready"]) { overflow: hidden; }
.card .pic img[data-baseline="ready"],
.types .th .pic img[data-baseline="ready"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform-origin: 0 0 !important;
  transform: translate(var(--baseline-x), var(--baseline-y)) scale(var(--baseline-scale)) !important;
  mix-blend-mode: normal !important;
}
/* Home category thumb slots: equal square shelves.
   baseline.js measures .types .th .pic img once slots have a real size. */
.types .th {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.types .th .pic {
  position: relative;
  flex: 0 0 auto;
  width: clamp(64px, 7.5vw, 120px);
  aspect-ratio: 1;
  overflow: hidden;
  background: #fff;
}
.types .th .pic img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  padding: 3% 3% 0 !important;
  mix-blend-mode: normal !important;
  background: #fff !important;
}