/* =====================================================
   features.css
   Why autaxi — 6つの特徴グリッド
   ===================================================== */

#features { background: var(--primary); }
#features .section-title,
#features .section-title-ja { color: var(--white); }
#features .section-desc     { color: rgba(255,255,255,.55); }
#features .section-label    { color: var(--accent); }
#features .gold-line        { opacity: .6; }

/* ─── Grid ─── */
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5px;
  margin-top: 4rem;
  background: rgba(200,162,75,.12);
}

/* ─── Card ─── */
.feature-card {
  background: var(--primary);
  padding: 2.5rem 2rem;
  position: relative;
  transition: background .3s;
}
/* ゴールドライン（ホバー時） */
.feature-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--accent), transparent);
  opacity: 0;
  transition: opacity .3s;
}
.feature-card:hover           { background: #111116; }
.feature-card:hover::before   { opacity: 1; }

/* ─── Icon ─── */
.feature-icon {
  width: 44px; height: 44px;
  margin-bottom: 1.5rem;
  color: var(--accent);
}

/* ─── Text ─── */
.feature-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--white);
  margin-bottom: .25rem;
  line-height: 1.3;
}
.feature-title-ja {
  font-family: 'Shippori Mincho B1', serif;
  font-size: .8rem;
  color: var(--accent);
  margin-bottom: .75rem;
  font-weight: 400;
}
.feature-desc {
  font-size: .85rem;
  color: rgba(255,255,255,.5);
  line-height: 1.75;
}

.features-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: 2.5rem 0 3rem;
}
.features-detail-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(201,168,76,.15);
  border-radius: 12px;
  padding: 2rem 1.75rem;
}
.features-detail-icon { width: 2.5rem; height: 2.5rem; color: var(--accent, #c9a84c); margin-bottom: 1rem; }
.features-detail-icon svg { width: 100%; height: 100%; }
.features-detail-title { font-family: 'Shippori Mincho B1', serif; font-size: 1.05rem; font-weight: 600; color: var(--accent, #c9a84c); margin-bottom: .85rem; line-height: 1.5; }
.features-detail-body { font-family: 'Inter', 'Noto Sans JP', sans-serif; font-size: .85rem; color: rgba(255,255,255,.55); line-height: 1.75; }

@media (max-width: 767px) {
  .features-detail-grid { grid-template-columns: 1fr; }
}