/**
 * PDP Related / Upsells section layout only.
 * Product cards reuse assets/css/components/product-card.css + content-product.php.
 */

.single-product .related.products,
.single-product .upsells.products,
.adult-store-pdp .related.products,
.adult-store-pdp .upsells.products {
	width: 100%;
	max-width: 1500px;
	margin: 72px auto 0;
	padding: 0 48px 80px;
	border-top: 1px solid var(--adult-store-border, rgba(255, 255, 255, 0.12));
	clear: both;
	box-sizing: border-box;
}

.single-product .related.products > h2,
.single-product .upsells.products > h2,
.adult-store-pdp .related.products > h2,
.adult-store-pdp .upsells.products > h2 {
	margin: 36px 0 28px;
	padding: 0;
	color: var(--adult-store-text, #f5f5f5);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Grid mirrors archive catalog: 4 → 3 → 2 (card chrome left to product-card.css) */
.single-product .related.products ul.products,
.single-product .upsells.products ul.products,
.adult-store-pdp .related.products ul.products,
.adult-store-pdp .upsells.products ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--adult-store-product-card-gap, 28px) !important;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	box-sizing: border-box;
}

.single-product .related.products ul.products::before,
.single-product .related.products ul.products::after,
.single-product .upsells.products ul.products::before,
.single-product .upsells.products ul.products::after,
.adult-store-pdp .related.products ul.products::before,
.adult-store-pdp .related.products ul.products::after,
.adult-store-pdp .upsells.products ul.products::before,
.adult-store-pdp .upsells.products ul.products::after {
	content: none !important;
	display: none !important;
}

.single-product .related.products ul.products li.product,
.single-product .upsells.products ul.products li.product,
.adult-store-pdp .related.products ul.products li.product,
.adult-store-pdp .upsells.products ul.products li.product {
	position: relative;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
	box-sizing: border-box;
}

@media (max-width: 1100px) {
	.single-product .related.products ul.products,
	.single-product .upsells.products ul.products,
	.adult-store-pdp .related.products ul.products,
	.adult-store-pdp .upsells.products ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.single-product .related.products,
	.single-product .upsells.products,
	.adult-store-pdp .related.products,
	.adult-store-pdp .upsells.products {
		margin-top: 56px;
		padding: 0 16px 56px;
	}
}

@media (max-width: 768px) {
	.single-product .related.products ul.products,
	.single-product .upsells.products ul.products,
	.adult-store-pdp .related.products ul.products,
	.adult-store-pdp .upsells.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px !important;
	}
}

@media (max-width: 360px) {
	.single-product .related.products ul.products,
	.single-product .upsells.products ul.products,
	.adult-store-pdp .related.products ul.products,
	.adult-store-pdp .upsells.products ul.products {
		grid-template-columns: 1fr;
	}
}