/* --- カード全体（角丸なし、黒背景、枠線なし、白文字）--- */
.sf-model-card {
  border: none !important;
  background: #181818 !important;
  color: #fff !important;
  box-shadow: 0 8px 32px #000a;
  border-radius: 0 !important;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* --- 画像も角丸なし・中央寄せ・サイズ統一 --- */
.sf-model-card img {
  width: 100%;
  max-width: 220px;
  height: 260px;
  object-fit: cover;
  border-radius: 0 !important;
  margin-bottom: 0.6em;
  background: #222;
  border-bottom: 1px solid #444;
  box-shadow: 0 2px 10px #0008;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* --- ホバー時：ほんの少しだけ浮く（色変化禁止）--- */
.sf-model-card:hover {
  background: #181818 !important;
  box-shadow: 0 16px 48px #000c;
  transform: translateY(-4px) scale(1.02);
}

/* --- 全リンク色・下線・装飾を消す：白統一 --- */
.sf-model-card a,
.sf-model-card a:visited,
.sf-model-card a:active,
.sf-model-card a:hover {
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* --- 英字名・ひらがな名・カテゴリ名も白 --- */
.sf-model-en, .sf-model-jp, .sf-model-cat, .sf-model-name {
  color: #fff !important;
  font-weight: normal;
  letter-spacing: 0.05em;
}

/* --- スライダー背景黒 --- */
.sf-model-slider {
  display: flex;
  overflow-x: auto;
  gap: 2rem;
  padding: 2em 0 2em 1em;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  background: #111 !important;
}

/* --- モバイル対応 --- */
@media (max-width: 700px) {
  .sf-model-slider {
    gap: 1rem;
    padding: 1em 0 1em 0.5em;
  }
  .sf-model-card {
    min-width: 160px;
    height: 300px;
    border-radius: 0 !important;
  }
  .sf-model-card img {
    max-width: 160px;
    height: 150px;
    border-radius: 0 !important;
  }
}


.sf-model-slider {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  padding: 2em 0 2em 1em;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  background: #111 !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* 各カードがスナップするように */
.sf-model-card {
  scroll-snap-align: start;
}

/* スクロールバーの見た目もダークに（Chrome/Edge/Safari対応） */
.sf-model-slider::-webkit-scrollbar {
  height: 8px;
  background: #111;
}
.sf-model-slider::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

/* マウスドラッグでスクロール可（PCはそのまま） */