/**
 * SEO topic / product-grid pages (prodlist + category tabs).
 * Full-bleed section backgrounds + centered 1380px content column.
 *
 * Examples: /aluminum-cnc-machining.html, /plastic-parts.html, /products.html
 */

body.jcproto-topic-list.jcproto-has-legacy-body .jcproto-page-shell {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.jcproto-topic-list.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container,
body.jcproto-topic-list.jcproto-has-legacy-body .jcproto-page-shell > .container {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(#outerContainer_1774317314878),
body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(#outerContainer_1774317314878) > .container,
body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(#outerContainer_1774317314878) > .container-opened,
body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap .siteblocks-container {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

/* Quote CTA band — keep existing full-bleed shell */
body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 > .container,
body.jcproto-topic-list .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1774317314878 > .container-opened {
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Category tab row — centered within full-bleed band */
body.jcproto-topic-list .jcproto-legacy-body-wrap .sitewidget-buttonGroup .sitewidget-bd,
body.jcproto-topic-list .jcproto-legacy-body-wrap .sitewidget-prodlist .sitewidget-bd {
	max-width: 100% !important;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .sitewidget-prodlist .prodlist-wrap {
	margin-left: auto;
	margin-right: auto;
}

/* One product card = one thumbnail (hide empty label slots / hover duplicates). */
body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlistAsync_label_img_tl,
body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlistAsync_label_img_tr,
body.jcproto-topic-list .jcproto-legacy-body-wrap .prod_img_t12_p2,
body.jcproto-topic-list .jcproto-legacy-body-wrap .sku_img_data {
	display: none !important;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-picbox .prod_img_t12_p1 {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Equal-height product cards + consistent title size. */
body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap > ul.fix {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap > ul.fix > li.sitewidget-prodlist-noborder {
	display: flex;
	flex-direction: column;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap > ul.fix > li .prodlist-box-hover {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: 100%;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap > ul.fix > li .prodlist-parameter-wrap {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap .prodlist-pro-name {
	font-size: 14px !important;
	line-height: 1.6em !important;
	height: 3.2em !important;
}

body.jcproto-topic-list .jcproto-legacy-body-wrap .prodlist-wrap .prodlist-parameter-btns {
	margin-top: auto !important;
}