/* ABAサイトとの連携関係 */
/* ベーススタイル */
.gourmet-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; /* 画像同士の隙間（デザインに合わせて調整） */
  justify-content: center;
}

.gourmet-item {
  /* 共通設定 */
  aspect-ratio: 1 / 1; /* 正方形を維持 */
  overflow: hidden;
}

.gourmet-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 16:9の両端をクロップして1:1で表示 */
  display: block;
}

/* --- PC表示: 7列 --- */
@media (min-width: 768px) {
  .gourmet-item {
    /* 隙間（gap）を考慮した7列の計算 */
    width: calc((100% - (4px * 6)) / 7);
  }
}

/* --- スマホ表示: 2列 --- */
@media (max-width: 767px) {
  .gourmet-item {
    /* 隙間（gap）を考慮した2列の計算 */
    width: calc((100% - 4px) / 2);
  }

  /* 9個目以降を非表示にする（8個表示にする場合） */
  .gourmet-item:nth-child(n+9) {
    display: none;
  }
}