/* =========================================================
   PRODUCT DETAILS
   管理画面「商品説明」をそのまま活用する共通UI
========================================================= */

.seigan-ec-product-page .p-articleHead.c-postTitle {
	display: none !important;
}

.seigan-product-details {
	clear: both;
	margin: 0;
	padding: clamp(64px, 8vw, 112px) 0;
	background: #fff;
}

.seigan-product-details__inner {
	width: min(100% - 40px, 980px);
	margin: 0 auto;
}

.seigan-product-details__header {
	margin-bottom: clamp(34px, 5vw, 58px);
	text-align: center;
}

.seigan-product-details__title {
	margin: 7px 0 0 !important;
	font-size: clamp(22px, 2.5vw, 30px) !important;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1.45;
}

.seigan-product-details__content {
	color: var(--seigan-text, #333);
	font-size: 15px;
	line-height: 2;
}

.seigan-product-details__content > *:first-child {
	margin-top: 0 !important;
}

.seigan-product-details__content > *:last-child {
	margin-bottom: 0 !important;
}

/* 見出し */
.seigan-product-details__content h2,
.seigan-product-details__content h3 {
	position: relative;
	margin: clamp(46px, 6vw, 74px) 0 22px !important;
	padding: 0 0 14px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--seigan-border, #ded3df) !important;
	background: transparent !important;
	color: var(--seigan-text, #333) !important;
	font-weight: 500 !important;
	letter-spacing: .08em;
	line-height: 1.6;
}

.seigan-product-details__content h2 {
	font-size: clamp(20px, 2.1vw, 25px) !important;
}

.seigan-product-details__content h3 {
	font-size: clamp(17px, 1.8vw, 21px) !important;
}

.seigan-product-details__content h2::after,
.seigan-product-details__content h3::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 72px;
	height: 2px;
	background: var(--seigan-primary, #ab71b0);
	content: "";
}

/* 段落・リスト */
.seigan-product-details__content p {
	margin: 0 0 1.4em;
}

.seigan-product-details__content ul,
.seigan-product-details__content ol {
	margin: 0 0 1.8em;
	padding-left: 1.6em;
}

.seigan-product-details__content li + li {
	margin-top: .45em;
}

/* 画像・バナー */
.seigan-product-details__content figure,
.seigan-product-details__content .wp-block-image,
.seigan-product-details__content .wp-block-gallery {
	margin-top: clamp(30px, 4vw, 48px);
	margin-bottom: clamp(30px, 4vw, 48px);
}

.seigan-product-details__content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 2px;
}

.seigan-product-details__content figcaption {
	margin-top: 10px;
	color: var(--seigan-text-light, #666);
	font-size: 12px;
	line-height: 1.7;
	text-align: center;
}

/* YouTube・Vimeo・動画 */
.seigan-product-details__content .wp-block-embed,
.seigan-product-details__content .wp-block-video {
	margin: clamp(34px, 5vw, 58px) 0;
}

.seigan-product-details__content .wp-block-embed__wrapper {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	background: #f7f7f7;
}

.seigan-product-details__content .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.seigan-product-details__content video {
	width: 100%;
	height: auto;
}

/* WordPress標準「詳細」ブロック = アコーディオン */
.seigan-product-details__content details,
.seigan-product-details__content .wp-block-details {
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--seigan-soft-border, #eee8ef);
	border-bottom-width: 0;
	background: #fff;
}

.seigan-product-details__content details:last-of-type,
.seigan-product-details__content .wp-block-details:last-of-type {
	border-bottom-width: 1px;
}

.seigan-product-details__content details + details,
.seigan-product-details__content .wp-block-details + .wp-block-details {
	margin-top: 0 !important;
}

.seigan-product-details__content summary {
	position: relative;
	padding: 19px 52px 19px 20px;
	color: var(--seigan-text, #333);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .035em;
	line-height: 1.6;
	cursor: pointer;
	list-style: none;
}

.seigan-product-details__content summary::-webkit-details-marker {
	display: none;
}

.seigan-product-details__content summary::before,
.seigan-product-details__content summary::after {
	position: absolute;
	top: 50%;
	right: 21px;
	width: 14px;
	height: 1px;
	background: var(--seigan-primary-dark, #925c96);
	content: "";
	transition: transform .25s ease;
}

.seigan-product-details__content summary::after {
	transform: rotate(90deg);
}

.seigan-product-details__content details[open] summary::after {
	transform: rotate(0);
}

.seigan-product-details__content details > :not(summary) {
	margin-right: 20px;
	margin-left: 20px;
}

.seigan-product-details__content details > p:last-child,
.seigan-product-details__content details > div:last-child {
	margin-bottom: 20px;
}

.seigan-product-details__content details[open] summary {
	border-bottom: 1px solid var(--seigan-soft-border, #eee8ef);
	background: var(--seigan-primary-light, #fcf8fd);
}

/* 表 */
.seigan-product-details__content table {
	width: 100%;
	margin: 28px 0 38px;
	border-collapse: collapse;
	font-size: 14px;
}

.seigan-product-details__content th,
.seigan-product-details__content td {
	padding: 15px 17px;
	border: 1px solid var(--seigan-soft-border, #eee8ef);
	vertical-align: top;
}

.seigan-product-details__content th {
	width: 28%;
	background: var(--seigan-primary-light, #fcf8fd);
	font-weight: 500;
}

/* ボタン */
.seigan-product-details__content .wp-block-button__link {
	padding: 13px 28px;
	border-radius: 2px;
	background: var(--seigan-primary, #ab71b0);
	font-size: 14px;
	letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
	.seigan-product-details {
		padding: 58px 0 72px;
	}

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

	.seigan-product-details__content {
		font-size: 14px;
		line-height: 1.9;
	}

	.seigan-product-details__content h2,
	.seigan-product-details__content h3 {
		margin-top: 42px !important;
	}

	.seigan-product-details__content summary {
		padding: 17px 46px 17px 16px;
		font-size: 14px;
	}

	.seigan-product-details__content summary::before,
	.seigan-product-details__content summary::after {
		right: 17px;
	}

	.seigan-product-details__content details > :not(summary) {
		margin-right: 16px;
		margin-left: 16px;
	}

	.seigan-product-details__content th,
	.seigan-product-details__content td {
		display: block;
		width: 100%;
	}

	.seigan-product-details__content td {
		border-top: 0;
	}
}

/* =========================================================
   商品詳細かんたん入力（Ver1.4）
========================================================= */
.seigan-product-detail-item--normal + .seigan-product-detail-item--normal {
	margin-top: 0;
}

.seigan-product-detail-item__image {
	margin: 24px 0 28px !important;
}

.seigan-product-detail-item__image img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.seigan-product-detail-item__body {
	padding: 0 20px 20px;
}

.seigan-product-detail-item__body > :first-child {
	margin-top: 20px;
}

.seigan-product-detail-item__body > :last-child {
	margin-bottom: 0;
}

.seigan-product-faq {
	margin-top: clamp(58px, 7vw, 92px);
	margin-bottom: clamp(30px, 4vw, 46px);
}

.seigan-product-faq__header {
	margin-bottom: 34px;
	text-align: center;
}

.seigan-product-faq__title {
	margin: 7px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: clamp(22px, 2.5vw, 30px) !important;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1.45;
}

.seigan-product-faq__title::after {
	display: none !important;
}


/* =========================================================
   Ver1.4.1 折りたたみ表示を見つけやすくする
========================================================= */
.seigan-product-details__builder-content .seigan-product-detail-item--accordion,
.seigan-product-faq .seigan-product-detail-item--faq {
	margin-top: 14px !important;
	border: 1px solid var(--seigan-border, #ded3df) !important;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 5px 18px rgba(146, 92, 150, .06);
}

.seigan-product-details__builder-content .seigan-product-detail-item--accordion + .seigan-product-detail-item--accordion,
.seigan-product-faq .seigan-product-detail-item--faq + .seigan-product-detail-item--faq {
	margin-top: 10px !important;
}

.seigan-product-detail-item--accordion > summary,
.seigan-product-detail-item--faq > summary {
	min-height: 58px;
	padding: 18px 64px 18px 22px;
	background: linear-gradient(90deg, var(--seigan-primary-light, #fcf8fd), #fff 72%);
	color: var(--seigan-text, #333);
	font-size: 15px;
	font-weight: 600;
}

.seigan-product-detail-item--accordion > summary::before,
.seigan-product-detail-item--accordion > summary::after,
.seigan-product-detail-item--faq > summary::before,
.seigan-product-detail-item--faq > summary::after {
	right: 22px;
	width: 16px;
	height: 2px;
}

.seigan-product-detail-item--accordion > summary::before,
.seigan-product-detail-item--faq > summary::before {
	box-shadow: 0 0 0 9px #fff, 0 0 0 10px var(--seigan-border, #ded3df);
}

.seigan-product-detail-item--accordion[open] > summary,
.seigan-product-detail-item--faq[open] > summary {
	background: var(--seigan-primary-light, #fcf8fd);
}

.seigan-product-detail-item--accordion .seigan-product-detail-item__body,
.seigan-product-detail-item--faq .seigan-product-detail-item__body {
	padding: 22px 22px 6px;
}

@media screen and (max-width: 767px) {
	.seigan-product-detail-item--accordion > summary,
	.seigan-product-detail-item--faq > summary {
		min-height: 54px;
		padding: 16px 56px 16px 18px;
	}
}


/* =========================================================
   Ver1.4.3 表示順と折りたたみ前の余白
========================================================= */
.seigan-product-faq + .seigan-product-detail-item--accordion,
.seigan-product-detail-item--normal + .seigan-product-detail-item--accordion {
	margin-top: clamp(30px, 4vw, 44px) !important;
}

@media screen and (max-width: 767px) {
	.seigan-product-faq + .seigan-product-detail-item--accordion,
	.seigan-product-detail-item--normal + .seigan-product-detail-item--accordion {
		margin-top: 28px !important;
	}
}

/* =========================================================
   Ver1.5 バナー・画像2列・動画
========================================================= */
.seigan-product-detail-banner {
	margin: clamp(34px, 5vw, 64px) 0 !important;
}
.seigan-product-detail-banner a {
	display: block;
	transition: opacity .2s ease, transform .2s ease;
}
.seigan-product-detail-banner a:hover {
	opacity: .9;
	transform: translateY(-2px);
}
.seigan-product-detail-banner img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 8px 28px rgba(48, 35, 49, .08);
}
.seigan-product-detail-banner figcaption {
	margin-top: 10px;
	text-align: center;
}
.seigan-product-detail-images-two {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(12px, 2vw, 24px);
	margin: 24px 0 28px;
}
.seigan-product-detail-images-two__item {
	margin: 0 !important;
}
.seigan-product-detail-images-two__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.seigan-product-detail-video {
	margin: 24px 0 28px;
}
.seigan-product-detail-video__embed {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	background: #f7f7f7;
}
.seigan-product-detail-video__embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.seigan-product-detail-video video {
	display: block;
	width: 100%;
	height: auto;
	background: #000;
}
@media screen and (max-width: 600px) {
	.seigan-product-detail-images-two { gap: 8px; }
}

/* =========================================================
   Ver1.5.1 FAQ見出しの太さ・FAQ直後の余白調整
========================================================= */

/* FAQの質問文は通常の太さにし、情報系アコーディオンと区別 */
.seigan-product-faq .seigan-product-detail-item--faq > summary {
	font-weight: 400;
}

/* FAQセクション直後の折りたたみ項目に、より明確な間隔を確保 */
.seigan-product-faq + .seigan-product-detail-item--accordion {
	margin-top: clamp(52px, 6vw, 72px) !important;
}

@media screen and (max-width: 767px) {
	.seigan-product-faq + .seigan-product-detail-item--accordion {
		margin-top: 40px !important;
	}
}


/* Ver1.6.3 かんたん装飾エディター出力 */
.seigan-product-detail-item__body a,
.seigan-product-detail-item--normal a,
.seigan-product-detail-item--image-two a,
.seigan-product-detail-item--video a {
	color: var(--seigan-primary-dark, #925c96);
	text-decoration: underline;
	text-underline-offset: .18em;
}
.seigan-product-details font[size="2"] { font-size: .86em; }
.seigan-product-details font[size="3"] { font-size: 1em; }
.seigan-product-details font[size="4"] { font-size: 1.18em; }
.seigan-product-details font[size="5"] { font-size: 1.36em; }