/* チームセクション */
.teams {
  padding: 2.4rem 1.2rem 5rem 1.2rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

/* チームカード（共通スタイル） */
.teams__card {
  position: relative;
  border-radius: 1.2rem;
  padding: 2.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  overflow: hidden;
  max-width: 34.4rem;
  margin: 0 auto;
  width: 100%;
}

/* チームカード - 柏レイソル */
.teams__card--reysol {
  background: #beb301;
}

/* チームカード - ジェフユナイテッド */
.teams__card--jefunited {
  background: #00794f;
}

/* ウォーターマーク */
.teams__watermark {
  position: absolute;
  top: 1rem;
  left: 1rem;

  text-align: center;
}

.teams__watermark--reysol {
  /* 柏レイソル固有のスタイル（必要に応じて） */
}

/* ヘッダー */
.teams__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.teams__logo-wrapper {
  background: white;
  border-radius: 0.8rem;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teams__logo {
  width: 5.6rem;
  height: auto;
  display: block;
}

.teams__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: white;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.144rem;
  margin: 0;
  padding: 0.4rem 2.4rem;
}

/* NFT画像 */
.teams__nft {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.teams__nft-image {
  width: 19.2rem;
  height: 19.2rem;
  display: block;
  object-fit: cover;
}

/* 説明テキスト */
.teams__description {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: white;
  line-height: 1.7;
  text-align: left;
  margin: 0;
  width: 32rem;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

/* アクション */
.teams__actions {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: center;
  width: 32rem;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

/* ボタン */
.teams__button {
  width: 100%;
  background: linear-gradient(
    90deg,
    #333333 0%,
    rgba(51, 51, 51, 0.4) 49.5%,
    #333333 100%
  );
  border: none;
  border-radius: 0.4rem;
  padding: 0.6rem 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  text-align: center;
  line-height: 1.43;
  letter-spacing: -0.14rem;
  cursor: pointer;
  transition: opacity 0.3s;
}

.teams__button--reysol {
  box-shadow: 0 0.4rem 0.4rem rgba(172, 162, 1, 1);
}

.teams__button--jefunited {
  box-shadow: 0 0.4rem 0.4rem #006e48;
}

.teams__button:hover {
  opacity: 0.9;
}

/* 注意書き */
.teams__note {
  background: white;
  padding: 0.2rem 0.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fe0000;
  text-align: center;
  line-height: 1;
}

/* Xシェアボタン */
.teams__share-button {
  width: 100%;
  background: #000000;
  border-radius: 0.4rem;
  padding: 1rem 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
  cursor: pointer;
  transition: opacity 0.3s;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}

.teams__share-button:hover {
  opacity: 0.9;
}