/* ──────────── variationCart ～ 既存のカートまわり ──────────── */
.fs-c-variationCart {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 8px;
  width: 85%;
}

.fs-c-button--primary.fs-c-button--addToCart--variation {
  font-size: 1.8rem;
}

.fs-c-variationCart__cartButton > button {
  -webkit-appearance: none;
  font-size: 1.8rem;
  width: 240px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

/* カート（システム）ボタン文言の書き換え */
.fs-c-variationCart__cartButton .fs-c-button__label {
  font-size: 0;
}
.fs-c-variationCart__cartButton .fs-c-button__label:before {
  font-size: 1.5rem;
  content: 'お買い物かごに入れる';
}

/* variationCart 画像サイズ */
.fs-c-variationCart--withImage .fs-c-variationCart__image > img {
  display: block;
  height: auto;
  max-width: 140px;
  width: 100%;
}

/* ──────────── マイページメニュー間隔調整 ──────────── */
.fs-c-accountService {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

/* ──────────── variationCart お気に入りアイコン調整 ──────────── */
.fs-c-variationCart__wishlist {
  display: grid;
  justify-content: center;
  padding: 2px;
  aspect-ratio: 3 / 4;
  width: 80%;
}

.fs-c-productListItem__control > *:last-child {
  justify-content: center;
  padding: 3px;
  width: 30%;
  margin-left: auto;
}

/* ─────────── マイページ：お気に入りアイコンをブックマークに差し替え ─────────── */

/* 1. 既存のハートアイコン（疑似要素）を消す */
.fs-c-accountService__page--wishList .fs-c-accountService__pageLink::before {
  content: none !important;
}

/* 2. ブックマークアイコンを背景画像で表示 */
.fs-c-accountService__page--wishList .fs-c-accountService__pageLink__label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0em;         /* 他アイコンと縦位置を揃える */
  left: 50%;
  transform: translateX(-50%);
  height: 1.5em;
  background: url("https://denhamano.itembox.design/item/bookmark.png") no-repeat center/contain;
  background-size: 0.7em 0.8em;  /* 画像の描画サイズ */
  opacity: 0.7;       /* 他アイコンと同じ淡さに */
}

/* 3. ラベル文字をアイコン下に正しく配置 */
.fs-c-accountService__page--wishList .fs-c-accountService__pageLink__label {
  position: relative;
  padding-top: 6em;  /* アイコン分の余白を確保 */
  font-size: 0.9rem;   /* 他メニューと同じサイズ */
  color: #3c3c3c;      /* 他リンク色に合わせる */
}

/* ──────────── バリエーション画像サイズ調整 ──────────── */
.fs-c-variationList__item__body {
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  font-size: 1.5rem;
}

/* バリエーション名称のフォントサイズ */
.fs-c-variationCart__variationName__shippingDate,
.fs-c-variationCart__variationName__stock {
  font-size: 1.2rem;
}

/* オプション価格用レイアウト調整 */
.fs-c-productOption {
  display: block !important;
}

.fs-c-productNumber {
  border: none;
  color: #999;
  float: left !important;
}

/* SNS エリア */
.fs-p-snsArea {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 8px 0;
  justify-content: flex-end !important;
}

/* product4 レイアウト調整 */
.fs-l-product4 .fs-l-productLayout > * > * {
  margin-bottom: 3px;
}

/* レビュー件数・購入者情報非表示 */
.fs-c-reviewer__name__reviewNumber,
.fs-c-reviewerStatus {
  display: none;
}

/* マイページメニューの並び順を CSS で制御 */
.fs-c-accountService__page--orderHistoryList { order: 1; } /* 注文履歴 */
.fs-c-accountService__page--wishList      { order: 2; } /* お気に入り */
.fs-c-accountService__page--accountReviews{ order: 3; } /* レビュー履歴 */
.fs-c-accountService__page--accountCard   { order: 4; } /* クレカ一覧 */
.fs-c-accountService__page--addressbook   { order: 5; } /* お届け先リスト */
.fs-c-accountService__page--accountPassword { order: 6; } /* パスワード変更 */
.fs-c-accountService__page--accountSettingsModify { order: 7; } /* 会員情報変更 */
.fs-c-accountService__page--accountDelete { order: 8; } /* 退会手続き */
/* 他のアイテムも同様に order を振ってください */