/**
 * 動的生成される商品詳細テンプレート（detail_template）専用。
 * ギャラリー・仕様表・モバイル時の下部固定バー分の余白。
 */

.thumb-active {
  border-color: #7a9082;
  opacity: 1;
}

.spec-table th {
  background-color: #f9f9f9;
  font-weight: 700;
  text-align: left;
  width: 30%;
}

.po-btn {
  cursor: pointer;
}

.po-btn:focus-visible {
  outline: 2px solid #7a9082;
  outline-offset: 1px;
}

.po-btn-selected {
  border-color: #7a9082 !important;
  color: #7a9082 !important;
  background-color: rgba(122, 144, 130, 0.08);
  font-weight: 700;
}

@media (max-width: 767px) {
  body {
    padding-bottom: 80px;
  }
}