/* ===== グリッド ===== */
.car-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  padding: 20px 0 !important;
}

/* ===== カード本体 ===== */
.car-card {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1) !important;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  padding: 0 !important; /* ✅ これが重要（余白完全削除） */
}

/* ホバー */
.car-card:hover {
  transform: translateY(-6px);
}

/* ===== 画像（完全密着）===== */
.car-card img {
  display: block;
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
}

/* ===== 中身 ===== */
.car-inner {
  padding: 12px !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ===== タイトル ===== */
.car-card h3 {
  margin: 10px 0 5px !important;
  font-size: 16px !important;
  color: #333 !important;
}

/* ===== 情報行 ===== */
.car-card p {
  font-size: 13px !important;
  color: #666 !important;
}

.info-line {
  font-size: 13px;
  color: #666;
  margin: 4px 0;
  line-height: 1.3;
}

.maker { font-size: 12px; color: #888; }
.year { font-size: 12px; color: #888; }
.area { font-size: 12px; color: #aaa; }

/* ===== 価格 ===== */
.price {
  font-size: 18px !important;
  color: #e60023 !important;
  font-weight: bold !important;
  margin-top: auto !important;
}

/* ===== ボタン（完全一体型）===== */
.detail-btn {
  width: 100%;
  padding: 14px;
  background: #111;
  color: #fff;
  border: none;
  border-top: 1px solid #eee;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  display: block;
  transition: background 0.2s ease;
}

/* ホバー */
.detail-btn:hover {
  background: #000;
}

/* ===== モバイル ===== */
@media (max-width: 768px) {

  .car-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .car-card img {
    height: 120px !important;
  }

  .car-card h3 {
    font-size: 14px !important;
  }

  .price {
    font-size: 16px !important;
  }

  .detail-btn {
    padding: 10px;
  }
}