/* ===== 商品詳細ページ ===== */
.vxs-product-detail { max-width: 1000px; margin: 0 auto; padding: 0 16px 60px; }

/* メインレイアウト（2カラム） */
.vxs-detail-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 48px;
  align-items: start;
}
@media (max-width: 680px) {
  .vxs-detail-main { grid-template-columns: 1fr; gap: 24px; }
}

/* 画像ギャラリー */
.vxs-gallery-main {
  position: relative;
  aspect-ratio: 1;
  border-radius: var(--vx-radius, 10px);
  overflow: hidden;
  background: #f5f5f5;
}
.vxs-gallery-main img {
  width: 100%; height: 100%;
  object-fit: contain;
  transition: opacity .2s;
}
.vxs-no-image-lg {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  color: #aaa; font-size: 1em;
}
.vxs-sale-ribbon {
  position: absolute; top: 12px; left: 12px;
  background: #e74c3c; color: #fff;
  padding: 4px 12px; border-radius: 4px; font-size: .8em; font-weight: 700;
}
.vxs-gallery-thumbs {
  display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap;
}
.vxs-gallery-thumbs img {
  width: 72px; height: 72px; object-fit: cover;
  border-radius: 6px; border: 2px solid transparent;
  cursor: pointer; transition: border-color .2s;
}
.vxs-gallery-thumbs img.active,
.vxs-gallery-thumbs img:hover { border-color: var(--vx-blue, #1a6ea5); }

/* 商品情報 */
.vxs-detail-category { font-size: .82em; color: var(--vx-blue, #1a6ea5); margin-bottom: 6px; }
.vxs-detail-title    { font-size: 1.5em; font-weight: 700; margin: 0 0 10px; line-height: 1.4; }

/* 評価 */
.vxs-detail-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; font-size: .9em; }
.vxs-rating-num    { font-weight: 700; color: #f59e0b; }
.vxs-rating-count  { color: #888; }

/* 価格 */
.vxs-detail-price  { margin-bottom: 14px; }
.vxs-price-original{ text-decoration: line-through; color: #999; font-size: 1em; margin-right: 8px; }
.vxs-price-sale    { font-size: 1.8em; font-weight: 800; color: #c0392b; }
.vxs-price-current { font-size: 1.8em; font-weight: 800; color: #222; }
.vxs-price-off     { background: #fee2e2; color: #991b1b; padding: 2px 8px; border-radius: 4px; font-size: .82em; font-weight: 700; margin-left: 6px; vertical-align: middle; }
.vxs-price-tax     { font-size: .78em; color: #888; margin-left: 4px; }

/* 在庫 */
.vxs-detail-stock  { margin-bottom: 16px; font-size: .9em; }
.vxs-stock-ok      { color: #059669; font-weight: 600; }
.vxs-stock-low     { color: #d97706; font-weight: 600; }
.vxs-stock-none    { color: #9ca3af; font-weight: 600; }

/* カートエリア */
.vxs-detail-cart   { margin-bottom: 20px; }
.vxs-qty-wrap      { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.vxs-qty-wrap label{ font-size: .88em; font-weight: 600; color: #374151; }
.vxs-qty-ctrl      { display: flex; align-items: center; gap: 0; border: 1px solid #dde3ea; border-radius: 6px; overflow: hidden; }
.vxs-qty-minus,
.vxs-qty-plus      { width: 36px; height: 36px; background: #f9fafb; border: none; font-size: 1.1em; cursor: pointer; }
.vxs-qty-minus:hover,
.vxs-qty-plus:hover{ background: #f3f4f6; }
#vxs-detail-qty    { width: 52px; height: 36px; text-align: center; border: none; border-left: 1px solid #dde3ea; border-right: 1px solid #dde3ea; font-size: 1em; }
.vxs-btn-cart-lg   {
  display: block; width: 100%; background: var(--vx-blue, #1a6ea5); color: #fff;
  border: none; border-radius: 8px; padding: 14px; font-size: 1.05em; font-weight: 700;
  cursor: pointer; margin-bottom: 10px; transition: background .2s;
}
.vxs-btn-cart-lg:hover { background: #155d8a; }
.vxs-btn-cart-lg:disabled { background: #d1d5db; cursor: not-allowed; }
.vxs-btn-buynow    {
  display: block; width: 100%; background: #fff; color: var(--vx-blue, #1a6ea5);
  border: 2px solid var(--vx-blue, #1a6ea5); border-radius: 8px; padding: 12px;
  font-size: 1em; font-weight: 700; text-align: center; text-decoration: none;
  box-sizing: border-box; transition: background .2s, color .2s;
}
.vxs-btn-buynow:hover { background: var(--vx-blue, #1a6ea5); color: #fff; }

/* 配送メタ情報 */
.vxs-detail-meta { border-top: 1px solid #dde3ea; padding-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.vxs-meta-item   { display: flex; align-items: center; gap: 10px; font-size: .88em; color: #4b5563; }
.vxs-meta-icon   { font-size: 16px; flex-shrink: 0; }

/* セクションタイトル */
.vxs-section-title {
  font-size: 1.2em; font-weight: 700; margin-bottom: 20px;
  padding-bottom: 10px; border-bottom: 2px solid #dde3ea;
  display: flex; align-items: center; gap: 10px;
}
.vxs-review-count-badge {
  background: var(--vx-blue, #1a6ea5); color: #fff;
  border-radius: 12px; padding: 2px 10px; font-size: .75em; font-weight: 700;
}

/* 商品説明 */
.vxs-detail-desc  { margin-bottom: 48px; }
.vxs-desc-body    { line-height: 1.8; color: #374151; font-size: .95em; }

/* レビューサマリー */
.vxs-rating-summary {
  display: flex; align-items: center; gap: 20px;
  background: #f9fafb; border-radius: 10px; padding: 16px 20px; margin-bottom: 20px;
}
.vxs-rating-big   { font-size: 3em; font-weight: 800; color: #f59e0b; line-height: 1; }

/* レビュー一覧 */
.vxs-review-list  { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.vxs-review-item  { background: #fff; border: 1px solid #dde3ea; border-radius: 8px; padding: 16px 18px; }
.vxs-review-header{ display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.vxs-reviewer     { font-weight: 700; font-size: .95em; }
.vxs-review-date  { font-size: .8em; color: #9ca3af; margin-left: auto; }
.vxs-review-title { font-weight: 700; margin-bottom: 4px; }
.vxs-review-body  { color: #4b5563; font-size: .92em; line-height: 1.7; margin: 0; }

/* レビュー投稿フォーム */
.vxs-review-form-wrap {
  background: #f9fafb; border-radius: 10px; padding: 24px; margin-top: 24px;
}
.vxs-review-form-wrap h3 { margin-top: 0; font-size: 1.05em; }
.vxs-form-row     { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 480px) { .vxs-form-row { grid-template-columns: 1fr; } }
.vxs-field        { margin-bottom: 14px; }
.vxs-field label  { display: block; font-size: .85em; font-weight: 600; margin-bottom: 5px; color: #374151; }
.vxs-input        { width: 100%; padding: 10px 12px; border: 1px solid #dde3ea; border-radius: 6px; font-size: .95em; box-sizing: border-box; }
.vxs-star-input   { display: flex; gap: 4px; cursor: pointer; }
.vxs-star-sel     { font-size: 1.8em; color: #f59e0b; transition: color .1s; }
.req              { color: #c00; }

/* カート追加通知バー */
.vxs-add-notice {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
  background: #065f46; color: #fff; padding: 14px 24px; border-radius: 8px;
  font-size: .95em; z-index: 9999; box-shadow: 0 4px 16px rgba(0,0,0,.2);
  display: flex; align-items: center; gap: 16px;
}
.vxs-add-notice a { color: #6ee7b7; font-weight: 700; text-decoration: none; }

/* 関連商品 */
.vxs-related      { margin-top: 48px; }
.vxs-card-link    { text-decoration: none; color: inherit; display: block; }

/* 星の色 */
.vxs-product-detail .star.filled { color: #f59e0b; }
.vxs-product-detail .star.empty  { color: #d1d5db; }

/* no-reviews */
.vxs-no-reviews   { color: #9ca3af; font-size: .92em; padding: 20px 0; }
.vxs-alert-success{ background: #d1fae5; color: #065f46; padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; }