/* Hadof Content System 2.0.8 — calmer industrial depth and faster model access. */

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) {
	background: #fff;
	overflow: clip;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) {
	background: #f3f6f8;
	color: #101923;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__layout,.hx-packaging-catalog-hero__layout) {
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
	min-height: 520px;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__copy,.hx-packaging-catalog-hero__copy) {
	padding: clamp(3.25rem, 5vw, 5.25rem) clamp(2rem, 4vw, 4.5rem) clamp(3rem, 4.5vw, 4.75rem) 0;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) .hx-eyebrow {
	color: #874400 !important;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) h1 {
	color: #101923 !important;
	font-size: clamp(2.65rem, 4vw, 4rem);
	line-height: 1.04;
	max-width: 16ch;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) .hx-lead {
	color: #506174 !important;
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.6;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) .hx-button--quiet {
	background: #fff;
	box-shadow: inset 0 0 0 1px #b9c4ce;
	color: #101923 !important;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) {
	gap: 0;
	margin-top: 2rem;
	border-top: 1px solid #ccd4da;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) > div {
	background: transparent;
	border-right: 1px solid #ccd4da;
	padding: 1rem 1rem 0 0;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) dt {
	color: #874400 !important;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) dd {
	color: #45576a !important;
}

.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__media,.hx-packaging-catalog-hero__media) {
	background: #e5eaed;
	min-height: 520px;
}

.hx-catalog-aligned.hx-packaging-catalog .hx-packaging-catalog-hero__media img {
	height: min(500px, 100%);
	min-height: 0;
	margin: auto;
	max-width: 560px;
	padding: clamp(2rem, 4vw, 3.5rem);
}

.hx-catalog-aligned .hx-decision-rail {
	box-shadow: 0 8px 22px rgba(13, 23, 34, .06);
}

.hx-model-quicknav {
	background: #fff;
	border-bottom: 1px solid #dce2e7;
	padding: 1.15rem 0;
}

.hx-model-quicknav > .hx-shell {
	align-items: center;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: minmax(180px, .55fr) minmax(0, 2fr);
}

.hx-model-quicknav__intro span {
	color: #874400;
	display: block;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.hx-model-quicknav__intro b { color: #172431; font-size: .94rem; }
.hx-model-quicknav__links { display: flex; gap: .65rem; overflow-x: auto; padding: .2rem 0; scrollbar-width: thin; }
.hx-model-quicknav__links a { background: #f1f4f6; color: #172431; flex: 0 0 auto; min-width: 160px; padding: .7rem .9rem; text-decoration: none; }
.hx-model-quicknav__links a:hover,.hx-model-quicknav__links a:focus-visible { background: #172431; color: #fff; }
.hx-model-quicknav__links span,.hx-model-quicknav__links small { display: block; }
.hx-model-quicknav__links span { font-size: .86rem; font-weight: 800; }
.hx-model-quicknav__links small { margin-top: .25rem; opacity: .72; }

.hx-catalog-aligned [data-hadof-module="models-and-parameters"] {
	background: #f7f8f8 !important;
}

.hx-catalog-aligned [data-hadof-module="models-and-parameters"] .hx-model-group {
	background: #fff;
	box-shadow: 0 14px 40px rgba(13, 23, 34, .07);
	margin-top: 1.5rem;
	padding: clamp(1.25rem, 2.4vw, 2rem);
	scroll-margin-top: 130px;
}

.hx-catalog-aligned .hx-model-disclosure summary { min-height: 68px; }
.hx-catalog-aligned .hx-model-disclosure[open] { box-shadow: inset 4px 0 0 #ff9f1c; }

@media (max-width: 900px) {
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__layout,.hx-packaging-catalog-hero__layout) { grid-template-columns: 1fr; min-height: 0; }
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__copy,.hx-packaging-catalog-hero__copy) { padding: 3rem 0 2.5rem; }
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__media,.hx-packaging-catalog-hero__media) { min-height: 340px; }
	.hx-model-quicknav > .hx-shell { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero,.hx-packaging-catalog-hero) h1 { font-size: clamp(2.15rem, 10vw, 2.75rem); }
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) { grid-template-columns: 1fr; }
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__basis,.hx-packaging-catalog-hero__basis) > div { border-bottom: 1px solid #ccd4da; border-right: 0; padding: .8rem 0; }
	.hx-catalog-aligned:is(.hx-freeze-catalog,.hx-packaging-catalog) :is(.hx-freeze-catalog-hero__media,.hx-packaging-catalog-hero__media) { min-height: 270px; }
}
