/* 商品詳細 画像集約：下部の写真を「特徴の前」に横並び集約 2026-06-29 (#2 注釈対応)
   復元：このCSS/JS削除＋functions.phpのpd-gallery enqueue除去 */
.pd-photos-row {
  display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0 32px;
}
.pd-photos-row__item {
  flex: 1 1 0; min-width: 150px; margin: 0;
  border: 1px solid #e3ebf2; border-radius: 6px; overflow: hidden;
  background: #fff; cursor: zoom-in;
}
.pd-photos-row__item img { width: 100%; height: auto; display: block; }
@media (max-width: 768px) { .pd-photos-row__item { flex: 1 1 44%; } }

.pd-gallery__lightbox {
  position: fixed; inset: 0; background: rgba(0,0,0,.82); z-index: 9999;
  display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out;
}
.pd-gallery__lightbox img { max-width: 96%; max-height: 96%; box-shadow: 0 4px 30px rgba(0,0,0,.5); }

/* タイトル下：タグ表示＋購入ボタン 2026-06-29 */
.pd-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.pd-tag {
  display:inline-block; font-size:.82rem; line-height:1; padding:7px 12px;
  border-radius:999px; background:#eef4f9; color:#00406B; text-decoration:none; border:1px solid #d4e3ef;
  transition:background .15s,color .15s;
}
.pd-tag:hover { background:#1B88D0; color:#fff; }
.pd-btn--cart { background:#e8601c; }
.pd-btn--cart:hover { opacity:.88; }

/* ===== [0706修正 2026-07-06] 表示エリア内スライダー ===== */
.pd-slider { width: 100%; }
.pd-slider__main {
  position: relative;
  border: 1px solid #e3ebf2; border-radius: 6px; overflow: hidden;
  background: #fff; cursor: zoom-in;
  /* [スタッフ確認反映 2026-07-06] 高さ固定＝画像切替時にページがガタつかないように */
  height: 340px;
}
.pd-slider__main > img {
  /* style.css の .pd-content img { height:auto!important } に勝つため !important 指定 */
  display: block; width: 100% !important; height: 100% !important;
  object-fit: contain; background: #fff;
}
@media (max-width: 599px) {
  .pd-slider__main { height: 240px; }
}
.pd-slider__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border: none; border-radius: 50%;
  background: rgba(9, 47, 72, .55); color: #fff; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .15s; z-index: 2;
}
.pd-slider__nav:hover { background: rgba(9, 47, 72, .8); }
.pd-slider__nav--prev { left: 8px; }
.pd-slider__nav--next { right: 8px; }
.pd-slider__thumbs {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;
}
.pd-slider__thumb {
  width: 64px; height: 64px; padding: 0; border: 2px solid #e3ebf2;
  border-radius: 4px; overflow: hidden; background: #fff; cursor: pointer;
  transition: border-color .15s;
}
.pd-slider__thumb img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.pd-slider__thumb.is-active { border-color: #1B88D0; }

/* ===== [0706修正] 製品一覧表のカートリンク ===== */
.pd-sku-cart {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; margin-left: 8px; vertical-align: middle;
  border-radius: 4px; background: #e8601c; color: #fff !important;
  transition: opacity .15s;
}
.pd-sku-cart:hover { opacity: .85; }

/* ===== [0706修正] 抜型詳細: 関連セクションのグリッド ===== */
.nk-grid--related { margin-top: 8px; }