/**
 * EC Pack Ver1.8.0
 * Chi cChi 公開前ブラッシュアップ
 *
 * 既存機能は変更せず、5枚ギャラリー・2×2画像・長文追加を前提に
 * 余白、視認性、レスポンシブ、ブランド感だけを最終調整します。
 */

/* =========================================================
   ページ全体：白を基調に、読みやすいリズムへ
========================================================= */
.seigan-ec-product-page {
	--seigan-polish-shadow: 0 18px 50px rgba(64, 49, 65, .07);
	--seigan-polish-shadow-hover: 0 22px 58px rgba(64, 49, 65, .11);
}

.seigan-ec-product-page div.product {
	padding-bottom: 0;
}

/* 商品画像・購入情報の上下位置を揃える */
@media screen and (min-width: 960px) {
	.seigan-ec-product-page div.product .summary {
		padding-top: 8px;
	}
}

/* =========================================================
   TOPギャラリー：5枚運用に最適化
========================================================= */
.seigan-ec-product-page .woocommerce-product-gallery__image {
	overflow: hidden;
	border: 1px solid rgba(222, 211, 223, .42);
	border-radius: 8px;
	box-shadow: var(--seigan-polish-shadow);
}

.seigan-ec-product-page .woocommerce-product-gallery__image img {
	transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
	.seigan-ec-product-page .woocommerce-product-gallery__image:hover img {
		transform: scale(1.008);
	}
}

.seigan-ec-product-page .woocommerce-product-gallery .flex-control-thumbs {
	margin-top: 12px !important;
}

.seigan-ec-product-page .woocommerce-product-gallery .flex-control-thumbs li {
	border-radius: 6px;
	box-shadow: 0 5px 16px rgba(64, 49, 65, .035);
}

/* =========================================================
   購入情報：情報量が増えても窮屈に見えない調整
========================================================= */
.seigan-ec-product-page .seigan-product-summary {
	margin-bottom: 26px;
}

.seigan-ec-product-page .seigan-product-summary__brand {
	letter-spacing: .08em;
}

.seigan-ec-product-page .seigan-product-summary__lead {
	max-width: 34em;
}

.seigan-ec-product-page .seigan-shipping-box,
.seigan-ec-product-page .seigan-trust-box {
	box-shadow: 0 8px 26px rgba(64, 49, 65, .035);
}

/* フォーカス表示を明確にする */
.seigan-ec-product-page button:focus-visible,
.seigan-ec-product-page select:focus-visible,
.seigan-ec-product-page a:focus-visible,
.seigan-ec-product-page summary:focus-visible {
	outline: 2px solid var(--seigan-primary, #ab71b0);
	outline-offset: 3px;
}

/* =========================================================
   FEATURES：PCのみ控えめな反応、タッチ端末は静かなまま
========================================================= */
@media (hover: hover) and (pointer: fine) {
	.seigan-ec-product-page .seigan-feature-card:hover {
		transform: translateY(-4px);
		box-shadow: var(--seigan-polish-shadow-hover);
	}
}

@media (hover: none) {
	.seigan-ec-product-page .seigan-feature-card:hover {
		transform: none;
	}
}

/* =========================================================
   商品詳細：今後文章が増える前提の可読性調整
========================================================= */
.seigan-ec-product-page .seigan-product-details__content {
	color: #4f4a50;
	line-height: 2.05;
}

.seigan-ec-product-page .seigan-product-details__content p,
.seigan-ec-product-page .seigan-product-details__content li {
	word-break: normal;
	overflow-wrap: anywhere;
}

.seigan-ec-product-page .seigan-product-details__content h2::after,
.seigan-ec-product-page .seigan-product-details__content h3::after {
	width: 64px;
	height: 1px;
}

/* 2×2画像：差し替え後も統一感を保つ */
.seigan-ec-product-page .seigan-product-detail-images-two {
	gap: clamp(12px, 1.8vw, 20px);
	margin-top: clamp(26px, 4vw, 42px);
	margin-bottom: clamp(26px, 4vw, 42px);
}

.seigan-ec-product-page .seigan-product-detail-images-two__item {
	overflow: hidden;
	border-radius: 9px;
	background: #faf9fa;
	box-shadow: 0 12px 32px rgba(64, 49, 65, .06);
}

.seigan-ec-product-page .seigan-product-detail-images-two__item img {
	border-radius: inherit;
	transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
	.seigan-ec-product-page .seigan-product-detail-images-two__item:hover img {
		transform: scale(1.018);
	}
}

/* FAQ・全成分など、押せることを穏やかに示す */
.seigan-ec-product-page .seigan-product-detail-item--accordion > summary,
.seigan-ec-product-page .seigan-product-detail-item--faq > summary {
	transition: background-color .25s ease, color .25s ease;
}

@media (hover: hover) and (pointer: fine) {
	.seigan-ec-product-page .seigan-product-detail-item--accordion > summary:hover,
	.seigan-ec-product-page .seigan-product-detail-item--faq > summary:hover {
		background: #f8f1f9;
	}
}

.seigan-ec-product-page .seigan-product-detail-item--accordion[open],
.seigan-ec-product-page .seigan-product-detail-item--faq[open] {
	box-shadow: 0 12px 30px rgba(146, 92, 150, .08);
}

/* =========================================================
   フッター：商品ページのみChi cChiの紫へ統一
========================================================= */
.seigan-ec-product-page .l-footer,
.seigan-ec-product-page footer.l-footer {
	background: linear-gradient(135deg, #a86dae 0%, #98629f 100%);
	color: #fff;
}

.seigan-ec-product-page .l-footer a {
	color: rgba(255, 255, 255, .92);
}

/* =========================================================
   追従購入バー：PCは情報量、SPは操作性を優先
========================================================= */
@media screen and (max-width: 767px) {
	.seigan-ec-product-page .seigan-sticky-cart__thumb {
		display: none;
	}

	.seigan-ec-product-page .seigan-sticky-cart__title {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal;
		line-height: 1.35;
	}

	.seigan-ec-product-page .seigan-sticky-cart__inner {
		grid-template-columns: minmax(0, 1fr) minmax(146px, 45vw);
	}
}

/* =========================================================
   SP：ギャラリー・2列画像・本文の最終調整
========================================================= */
@media screen and (max-width: 767px) {
	.seigan-ec-product-page div.product .woocommerce-product-gallery {
		margin-bottom: 42px;
	}

	.seigan-ec-product-page .woocommerce-product-gallery__image {
		border-radius: 6px;
		box-shadow: 0 12px 34px rgba(64, 49, 65, .055);
	}

	.seigan-ec-product-page .seigan-product-details {
		padding-top: 72px;
	}

	.seigan-ec-product-page .seigan-product-details__inner {
		width: min(100% - 30px, 980px);
	}

	.seigan-ec-product-page .seigan-product-details__content {
		font-size: 14px;
		line-height: 2;
	}

	.seigan-ec-product-page .seigan-product-detail-images-two {
		gap: 9px;
	}

	.seigan-ec-product-page .seigan-product-detail-images-two__item {
		border-radius: 6px;
		box-shadow: 0 8px 22px rgba(64, 49, 65, .05);
	}
}

/* =========================================================
   アニメーションを望まない環境
========================================================= */
@media (prefers-reduced-motion: reduce) {
	.seigan-ec-product-page *,
	.seigan-ec-product-page *::before,
	.seigan-ec-product-page *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}