/**
 * Cat Tree Sourcing Guide final pre-production page-scoped layout.
 * No shared or global component rules are changed here.
 */

.homvnd-page.homvnd-pillar #sourcing-checklist {
	scroll-margin-block-start: 7rem;
}

.homvnd-page.homvnd-pillar #materials-construction > .homvnd-cat-tree-materials-review {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: center;
}

.homvnd-page.homvnd-pillar #materials-construction .homvnd-cat-tree-materials-review__content {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

.homvnd-page.homvnd-pillar #materials-construction .homvnd-cat-tree-materials-review__media {
	inline-size: 100%;
	margin: 0;
}

.homvnd-page.homvnd-pillar #materials-construction .homvnd-cat-tree-materials-review__media img {
	max-inline-size: none;
	aspect-ratio: 4 / 3 !important;
}

.homvnd-page.homvnd-pillar #materials-construction .homvnd-cat-tree-materials-review__media img,
.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review > .homvnd-pillar-media img,
.homvnd-page.homvnd-pillar #oem-odm .homvnd-cat-tree-specification-review > .homvnd-pillar-media img,
.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__media img,
.homvnd-page.homvnd-pillar #packaging-ecommerce .homvnd-pillar-media-split__media img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	max-block-size: none;
	object-fit: contain;
}

.homvnd-page.homvnd-pillar #stability-safety > .homvnd-cat-tree-stability-intro {
	max-inline-size: none;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-intro > .homvnd-pillar-section__heading,
.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-intro > .homvnd-pillar-reading {
	max-inline-size: none;
}

.homvnd-page.homvnd-pillar #stability-safety > .homvnd-cat-tree-stability-review {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review > .homvnd-pillar-media {
	order: 2;
	inline-size: 100%;
	max-inline-size: 36rem;
	margin: 0 auto;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review > .homvnd-pillar-media img {
	max-inline-size: none;
	aspect-ratio: 3 / 4 !important;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review__support {
	display: contents;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review__support > .homvnd-pillar-side-panel {
	order: 1;
}

.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review__support > .homvnd-pillar-callout {
	order: 3;
	margin: 0;
}

.homvnd-page.homvnd-pillar #oem-odm > .homvnd-pillar-process,
.homvnd-page.homvnd-pillar #sourcing-faq > .homvnd-pillar-component-grid {
	grid-template-columns: minmax(0, 1fr);
}

.homvnd-page.homvnd-pillar #oem-odm > .homvnd-cat-tree-specification-review {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
}

.homvnd-page.homvnd-pillar #oem-odm .homvnd-cat-tree-specification-review > .homvnd-pillar-callout,
.homvnd-page.homvnd-pillar #oem-odm .homvnd-cat-tree-specification-review > .homvnd-pillar-media {
	inline-size: 100%;
	max-inline-size: none;
	margin: 0;
}

.homvnd-page.homvnd-pillar #oem-odm .homvnd-cat-tree-specification-review > .homvnd-pillar-media img {
	max-inline-size: none;
	aspect-ratio: 3 / 2 !important;
}

.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__copy,
.homvnd-page.homvnd-pillar #packaging-ecommerce .homvnd-pillar-media-split__content {
	order: 1;
}

.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__media,
.homvnd-page.homvnd-pillar #packaging-ecommerce .homvnd-pillar-media-split__media {
	order: 2;
}

.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__intro {
	margin-block-end: 1.5rem;
}

.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__copy h4 {
	margin-block-start: 0;
}

.homvnd-page.homvnd-pillar #manufacturer-evaluation .homvnd-pillar-manufacturer-bridge__media img {
	aspect-ratio: 1 / 1;
}

.homvnd-page.homvnd-pillar #packaging-ecommerce .homvnd-pillar-media-split__media img {
	aspect-ratio: 4 / 3;
}

.homvnd-page.homvnd-pillar #sourcing-faq .homvnd-pillar-component > h3,
.homvnd-page.homvnd-pillar #supporting-insights .homvnd-article-card__title {
	font-weight: 600;
}

.homvnd-page.homvnd-pillar #sourcing-to-bulk-order > .homvnd-pillar-section__heading > .homvnd-pillar-eyebrow {
	margin-block-end: 0.875rem;
}

.homvnd-page.homvnd-pillar #sourcing-to-bulk-order > .homvnd-pillar-section__heading > h2 {
	margin-block-end: 1.25rem;
}

.homvnd-page.homvnd-pillar #sourcing-to-bulk-order > .homvnd-pillar-section__heading > p:last-child {
	margin-block-end: 0;
}

.homvnd-page.homvnd-pillar #sourcing-to-bulk-order > .homvnd-pillar-workflow {
	margin-block-start: 2rem;
}

@media (min-width: 48rem) {
	.homvnd-page.homvnd-pillar #product-positioning > .homvnd-pillar-editorial-grid {
		grid-template-columns: minmax(0, 3fr) minmax(17rem, 2fr);
		align-items: start;
	}

	.homvnd-page.homvnd-pillar #oem-odm > .homvnd-pillar-process,
	.homvnd-page.homvnd-pillar #sourcing-faq > .homvnd-pillar-component-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.homvnd-page.homvnd-pillar #materials-construction > .homvnd-cat-tree-materials-review {
		grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
		gap: 3rem;
	}

	.homvnd-page.homvnd-pillar #stability-safety > .homvnd-cat-tree-stability-review {
		grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
		gap: 3rem;
		align-items: center;
	}

	.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review > .homvnd-pillar-media {
		order: 1;
		max-inline-size: none;
		margin: 0;
	}

	.homvnd-page.homvnd-pillar #stability-safety .homvnd-cat-tree-stability-review__support {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		order: 2;
	}

	.homvnd-page.homvnd-pillar #oem-odm > .homvnd-pillar-process,
	.homvnd-page.homvnd-pillar #sourcing-faq > .homvnd-pillar-component-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.homvnd-page.homvnd-pillar #oem-odm > .homvnd-cat-tree-specification-review {
		grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
		gap: 2.5rem;
		align-items: center;
	}

	.homvnd-page.homvnd-pillar #manufacturer-evaluation > .homvnd-pillar-manufacturer-bridge {
		grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
		align-items: center;
	}

	.homvnd-page.homvnd-pillar #packaging-ecommerce > .homvnd-pillar-media-split {
		grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
		align-items: center;
	}
}

/* Materials media sizing guard: production-only page-scoped correction. */
.homvnd-page.homvnd-pillar
#materials-construction
.homvnd-cat-tree-materials-review__media {
	align-self: center;
	height: auto !important;
	block-size: auto !important;
	min-height: 0 !important;
	min-block-size: 0 !important;
}

.homvnd-page.homvnd-pillar
#materials-construction
.homvnd-cat-tree-materials-review__media img {
	display: block;
	width: 100%;
	inline-size: 100%;
	height: auto !important;
	block-size: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: contain;
}

/* Unified Guide content gutter; full-width backgrounds, Hero and final CTA remain unchanged. */
.homvnd-page.homvnd-pillar > .homvnd-page-content > .homvnd-pillar-takeaways,
.homvnd-page.homvnd-pillar > .homvnd-page-content > .homvnd-pillar-toc,
.homvnd-page.homvnd-pillar > .homvnd-page-content > .homvnd-pillar-section {
	padding-inline: var(--homvnd-gutter);
}

/* Readability polish for the two sourcing comparison tables. */
.homvnd-page.homvnd-pillar
:is(#manufacturer-evaluation, #buyer-decision-matrix)
.homvnd-pillar-table :where(th, td) {
	padding: 0.75rem 0.875rem;
	line-height: 1.5;
	border-block-end: var(--homvnd-border-width) solid var(--homvnd-color-border);
}

.homvnd-page.homvnd-pillar
:is(#manufacturer-evaluation, #buyer-decision-matrix)
.homvnd-pillar-table tbody tr:last-child td {
	border-block-end: 0;
}

/* Keep the desktop section rhythm consistent without changing tablet or mobile spacing. */
@media (min-width: 64rem) {
	.homvnd-page.homvnd-pillar > .homvnd-page-content > .homvnd-pillar-toc > .homvnd-pillar-toc__support {
		margin-block-start: 0;
	}

	.homvnd-page.homvnd-pillar > .homvnd-page-content >
	:is(#manufacturer-evaluation, #buyer-decision-matrix) {
		padding-block: 1.75rem;
	}

	.homvnd-page.homvnd-pillar > .homvnd-page-content >
	:is(#product-positioning, #materials-construction, #stability-safety, #oem-odm, #quality-control, #packaging-ecommerce, #sourcing-to-bulk-order, #sourcing-faq, #supporting-insights) {
		padding-block: 1.5rem;
	}

	.homvnd-page.homvnd-pillar > .homvnd-page-content {
		margin-block-end: var(--homvnd-space-8);
	}
}