/* Technical badges share one responsive row on narrow screens.
   Stock / origin stickers retain their position above the image. */
@media (max-width: 767px) {
  .product-miniature .thumbnail-top {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 3px;
    row-gap: 6px;
    width: 100%;
    container-type: inline-size;
  }
  .product-miniature .thumbnail-top > .product-thumbnail {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    margin: 0;
  }
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"] {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    margin: 0 !important;
    text-align: center !important;
  }
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"][style*="left:50%"],
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"][style*="left: 50%"] {
    grid-column: 2;
    justify-self: center;
  }
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"][style*="right:"] {
    grid-column: 3;
    justify-self: end;
  }
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"] > .sticker-text {
    display: block;
    width: auto !important;
    min-height: 24px;
    padding: 4px clamp(2px, 2cqw, 5px);
    box-sizing: border-box;
    font-size: clamp(8px, 7cqw, 11px) !important;
    line-height: 16px;
    white-space: nowrap;
    border-radius: 6px;
  }
  .product-miniature .thumbnail-top > .fmm_title_text_sticker[style*="bottom"] > .sticker-text > i {
    line-height: inherit;
  }
}