/*
 * Product description v3 — editorial split layout (distinct from v1/v2)
 * Fully scoped to .product-description-v3
 */

.product-description-v3 {
	margin: 34px 0;
}

.product-description-v3__shell {
	display: grid;
	grid-template-columns: minmax(0, 230px) minmax(0, 1fr);
	gap: 18px;
	padding: 14px;
	border-radius: 22px;
	background:
		radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--primary-brand-color, #c9a227) 14%, transparent) 0%, transparent 40%),
		linear-gradient(
			140deg,
			color-mix(in srgb, var(--primary-background-color, #fff) 96%, transparent),
			color-mix(in srgb, var(--secondary-background-color, #f6f3ee) 55%, var(--primary-background-color, #fff))
		);
	border: 1px solid var(--sc-product-description-v3-shell-border, color-mix(in srgb, var(--primary-title-color, #111) 11%, transparent));
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.92) inset,
		0 24px 56px color-mix(in srgb, var(--primary-title-color, #000) 10%, transparent);
}

.product-description-v3__meta {
	position: sticky;
	top: 12px;
	align-self: start;
	padding: 16px;
	border-radius: 16px;
	background: var(--sc-product-description-v3-meta-bg, color-mix(in srgb, var(--primary-background-color, #fff) 92%, transparent));
	border: 1px solid var(--sc-product-description-v3-meta-border, color-mix(in srgb, var(--primary-title-color, #111) 9%, transparent));
	box-shadow: 0 10px 26px color-mix(in srgb, var(--primary-title-color, #000) 8%, transparent);
}

.product-description-v3__eyebrow {
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--sc-product-description-v3-eyebrow-text, color-mix(in srgb, var(--primary-text-color, #666) 85%, transparent));
	margin-bottom: 8px;
}

.product-description-v3__title {
	margin: 0;
	font-size: clamp(18px, 1.6vw, 22px);
	line-height: 1.3;
	color: var(--sc-product-description-v3-title-text, var(--primary-title-color, #121212));
}

.product-description-v3__facts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed var(--sc-product-description-v3-facts-border-top, color-mix(in srgb, var(--primary-title-color, #111) 14%, transparent));
}

.product-description-v3__fact {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--sc-product-description-v3-fact-text, color-mix(in srgb, var(--primary-text-color, #555) 92%, transparent));
}

.product-description-v3__fact i {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	font-size: 10px;
	background: var(--sc-product-description-v3-fact-icon-bg, color-mix(in srgb, var(--primary-brand-color, #c9a227) 14%, transparent));
	color: var(--sc-product-description-v3-fact-icon-text, color-mix(in srgb, var(--primary-title-color, #111) 88%, transparent));
}

.product-description-v3__body {
	background: var(--sc-product-description-v3-body-bg, color-mix(in srgb, var(--primary-background-color, #fff) 94%, transparent));
	border: 1px solid var(--sc-product-description-v3-body-border, color-mix(in srgb, var(--primary-title-color, #111) 8%, transparent));
	border-radius: 16px;
	padding: clamp(16px, 2vw, 24px);
	color: var(--sc-product-description-v3-body-text, var(--primary-text-color));
	line-height: 1.85;
	font-size: 15px;
	white-space: pre-line;
}

/* Distinct editorial typography */
.product-description-v3__body p {
	margin: 0 0 14px;
	max-width: 72ch;
}

.product-description-v3__body p:last-child {
	margin-bottom: 0;
}

.product-description-v3__body h1,
.product-description-v3__body h2,
.product-description-v3__body h3,
.product-description-v3__body h4 {
	margin: 20px 0 10px;
	color: var(--sc-product-description-v3-body-heading-text, var(--primary-title-color, #111));
	line-height: 1.3;
}

.product-description-v3__body ul,
.product-description-v3__body ol {
	margin: 0 0 16px 1.15em;
	padding: 0;
}

.product-description-v3__body li {
	margin: 8px 0;
}

.product-description-v3__body strong,
.product-description-v3__body b {
	color: var(--sc-product-description-v3-body-text-text, var(--primary-title-color, #101010));
}

.product-description-v3__body blockquote {
	margin: 16px 0;
	padding: 12px 14px;
	border-left: 3px solid var(--sc-product-description-v3-body-blockquote-border-left, color-mix(in srgb, var(--primary-brand-color, #c9a227) 72%, transparent));
	background: var(--sc-product-description-v3-body-blockquote-bg, color-mix(in srgb, var(--primary-brand-color, #c9a227) 7%, transparent));
	border-radius: 10px;
}

.product-description-v3__body a {
	color: var(--sc-product-description-v3-body-link-text, color-mix(in srgb, var(--primary-brand-color, #c9a227) 82%, #000));
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

@media (max-width: 992px) {
	.product-description-v3 {
		margin: 24px 0;
	}

	.product-description-v3__shell {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 12px;
		border-radius: 16px;
		margin-inline: 0;
	}

	.product-description-v3__meta {
		position: static;
		padding: 12px 14px;
	}

	.product-description-v3__title {
		font-size: 1.125rem;
	}

	.product-description-v3__facts {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px 12px;
		margin-top: 10px;
		padding-top: 10px;
	}

	.product-description-v3__fact {
		font-size: 11px;
	}

	.product-description-v3__body {
		padding: 14px;
		font-size: 14px;
		line-height: 1.75;
	}
}

[dir='rtl'] .product-description-v3__body blockquote {
	border-left: 0;
	border-right: 3px solid var(--sc-product-description-v3-body-blockquote-border-right, color-mix(in srgb, var(--primary-brand-color, #c9a227) 72%, transparent));
}