.mug-preview { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; width: 100%; padding: 16px 12px; margin: 18px 0; border: 1px solid #e0d2b3; border-radius: 14px; background: var(--mug-preview-background, #f8f3e9); }
.mug-preview.is-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mug-preview-item { display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 10px; min-width: 0; margin: 0; }
.mug-preview-item img { display: block; width: 100%; max-width: 230px; height: clamp(115px, 17vw, 205px); object-fit: contain; mix-blend-mode: normal; }
.mug-preview-item figcaption { color: #174336; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: center; overflow-wrap: anywhere; }
.mug-preview-missing { display: grid; place-items: center; width: 100%; max-width: 150px; height: clamp(115px, 17vw, 205px); padding: 12px; border: 1px dashed #cdbb93; border-radius: 12px; background: #fffcf3b8; color: #71654c; font-size: 12px; line-height: 1.5; text-align: center; }
#goodiesUniverse .mug-preview { margin: 0 0 12px; }
#goodiesUniverse .gn-product-heading.gn-has-mugs { grid-template-columns: minmax(270px, .9fr) minmax(0, 1fr); }
#goodiesUniverse .mug-preview-item img { height: 155px; mix-blend-mode: normal; }
#goodiesUniverse .mug-preview-item figcaption { font-size: 11px; }
#goodiesUniverse .mug-preview-missing { height: 155px; }
@media (max-width: 700px) {
  #goodiesUniverse .gn-product-heading.gn-has-mugs { grid-template-columns: minmax(0, 1fr); }
  .mug-preview { gap: 8px; padding: 14px 10px; }
  .mug-preview-item figcaption { font-size: 11px; }
}
@media print { .mug-preview { background: #fff; break-inside: avoid; } }

.product-card-image.product-card-mug-motifs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 5px; padding: 14px 8px; }
.product-card-mug-motif { display: flex; flex-direction: column; align-items: center; gap: 9px; min-width: 0; color: #174336; font-size: 11px; font-weight: 600; }
.product-card-image.product-card-mug-motifs img { width: 100%; height: clamp(60px, 10vw, 130px); padding: 0; object-fit: contain; mix-blend-mode: normal; }
.mug-preview-item img[src*="sundae"] { transform: scale(.82); transform-origin: center; }
.product-card-mug-motif img[src*="sundae"] { transform: scale(.94); transform-origin: center; }

.mug-preview.is-compact, #goodiesUniverse .mug-preview.is-compact { margin: 0; padding: 5px 3px; gap: 3px; border-radius: 8px; align-self: start; background: #f8f3e9; }
.mug-preview.is-compact .mug-preview-item { gap: 3px; }
.mug-preview.is-compact img, #goodiesUniverse .mug-preview.is-compact img { height: 42px; min-height: 0; }
.mug-preview.is-compact figcaption, #goodiesUniverse .mug-preview.is-compact figcaption { font-size: 8px; line-height: 1.4; }
.mug-preview.is-compact .mug-preview-missing, #goodiesUniverse .mug-preview.is-compact .mug-preview-missing { height: 42px; padding: 2px; border: 0; font-size: 7px; }