/* ReFS: scoped image cards for completed fire-modeling areas 03, 04, and 06-12. */
/* Areas 01, 02, 05 and all other website components are unaffected. */
#service-fire-modeling .fm-batch-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
#service-fire-modeling .fm-batch-gallery > .fm-batch-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  padding:9px 9px 8px;
  border:1px solid #d7e2ec;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
}
#service-fire-modeling .fm-batch-code {
  display:block;
  color:#8095a8;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  margin:0 0 6px;
}
#service-fire-modeling .fm-batch-image {
  display:flex;
  width:100%;
  min-width:0;
  height:auto;
  aspect-ratio:4 / 3;
  max-height:245px;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  background:#fff;
}
#service-fire-modeling .fm-batch-image img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  flex-shrink:1;
}
#service-fire-modeling .fm-batch-card figcaption {
  margin:4px 0 0;
  padding:0 2px;
  min-height:0;
  font-size:12px;
  font-weight:600;
  line-height:1.55;
  color:#334e70;
  text-align:center;
  word-break:keep-all;
}
/* The supplied PNGs have transparent margins. Keep every gallery on a white canvas. */
/* 04-C has rounded transparent corners in its source PNG: present it on a square mat. */
#service-fire-modeling .fm-batch-card[data-image-slot="fm-04-C"] .fm-batch-image {
  background:#fff;
  border-radius:0;
  outline:1px solid #d7e2ec;
  outline-offset:-1px;
}
#service-fire-modeling .fm-batch-card[data-image-slot="fm-04-C"] .fm-batch-image img {
  background:#fff;
  border-radius:0;
}
@media (max-width:800px) {
  #service-fire-modeling .fm-batch-gallery {
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #service-fire-modeling .fm-batch-gallery::-webkit-scrollbar {display:none;}
  #service-fire-modeling .fm-batch-gallery > .fm-batch-card {
    flex:0 0 100%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  /* No fixed blank band above images when viewed in the one-at-a-time slider. */
  #service-fire-modeling .fm-batch-image {
    height:auto;
    aspect-ratio:auto;
    max-height:none;
    display:block;
    text-align:center;
  }
  #service-fire-modeling .fm-batch-image img {
    width:auto;
    max-height:none;
    margin:0 auto;
  }
}
@media (max-width:560px) {
  #service-fire-modeling #fm-entry-03 .fm-photos-head span,
  #service-fire-modeling #fm-entry-04 .fm-photos-head span,
  #service-fire-modeling #fm-entry-06 .fm-photos-head span,
  #service-fire-modeling #fm-entry-07 .fm-photos-head span,
  #service-fire-modeling #fm-entry-08 .fm-photos-head span,
  #service-fire-modeling #fm-entry-09 .fm-photos-head span,
  #service-fire-modeling #fm-entry-10 .fm-photos-head span,
  #service-fire-modeling #fm-entry-11 .fm-photos-head span,
  #service-fire-modeling #fm-entry-12 .fm-photos-head span {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  #service-fire-modeling .fm-batch-gallery {scroll-behavior:auto;}
}
