/*
 * ASL Store Gallery — infobox styles
 * --------------------------------------------------------------
 * Edit freely. Changes apply as soon as you save (the plugin
 * cache-busts this file via its last-modified time).
 *
 * Layout: one large "hero" image (image 1) with a wrapping row of
 * square thumbnails (images 2–5) beneath it.
 */

/* Outer wrapper. Widen if your infobox has more room. */

.asl-gallery {
  width: 100%;          /* REQUIRED: the fixed ceiling the strip scrolls against */
  max-width: 100%;
}

.asl-hero img {
  width: 100%;           /* hero still fills the space — 260px now */
  height: auto;
  object-fit: cover;
  border-radius: 0px;
  display: block;
}

.asl-thumbs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 6px;
  margin-top: 6px;
  scrollbar-width: thin;  /* slim bar = desktop affordance */
}
.asl-thumbs a {
  flex: 0 0 auto;         /* don't shrink the thumbs — overflow instead */
}
.asl-thumbs img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 0px;
  display: block;
}