/* 写真を横に送る帯(src/components/owner/PhotoStrip.astro)。採用情報と店舗情報で共通 */
.photo-strip {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0 0 12px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}
.photo-strip:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: 2px;
}
.photo-strip li {
  flex: 0 0 min(380px, 78vw);
  scroll-snap-align: start;
}
.photo-strip img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
/* 自動で流す帯(public/nd/photo-strip-auto.js が付ける)。手で送る帯のつまみと吸い付きを外す */
.photo-strip.is-auto {
  padding-bottom: 0;
  cursor: grab;
  scroll-snap-type: none;
  scrollbar-width: none;
}
.photo-strip.is-auto::-webkit-scrollbar {
  display: none;
}
.photo-strip.is-auto li {
  scroll-snap-align: none;
}
.photo-strip.is-dragging {
  cursor: grabbing;
  user-select: none;
}