/* ===== Section Title with Diamond ===== */
.concept-title {
  text-align: center;
  margin-bottom: 56px;
}

.concept-title span {
  display: inline-flex;
  align-items: center;
  gap: 20px;

  font-family: 'Playfair Display', serif;
  font-size: 22px;
  letter-spacing: 0.12em;
  color: #bfa36a;
  white-space: nowrap;
}

/* 左右のライン */
.concept-title span::before,
.concept-title span::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #bfa36a;
  min-width: 40px;   /* ← 短い文字でも線を残す */
}

/* ダイヤ */
.concept-title span::before {
  margin-right: 12px;
}

.concept-title span::after {
  margin-left: 12px;
}

/* ダイヤ本体 */
.concept-title span::before,
.concept-title span::after {
  position: relative;
}

.concept-title span::before::after,
.concept-title span::after::after {
  content: "";
}

/* 中央ダイヤ */
.concept-title span::marker {
  content: none;
}

/* ===== Menu Card ===== */
.menu-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.menu-card {
  text-decoration: none;
  border: 1px solid #e6e6e6;
  padding: 36px 24px;
  color: #333;
  transition: all 0.4s ease;
}

.menu-card:hover {
  border-color: #bfa36a;
  transform: translateY(-4px);
}

.menu-card h3 {
  font-family: 'Playfair Display', serif;
  color: #bfa36a;
}
@media (max-width: 768px) {
  .concept-title span {
    white-space: normal;   /* ← 折り返し許可 */
    text-align: center;
  }

  .concept-title span::before,
  .concept-title span::after {
    min-width: 20px;       /* ← 線を短く */
  }
}