/* HILCAM PRODUCT CATALOG — scoped component styles. */
.hilcam-product-catalog,
.hilcam-product-catalog * { box-sizing: border-box; }

.hilcam-product-catalog .hilcam-product-catalog__shell {
	--hpc-list-width: 38%;
	--hpc-gap: 48px;
	--hpc-list-background: #f3eee6;
	--hpc-item-background: transparent;
	--hpc-active-background: #e8e0d4;
	--hpc-title-color: #36563f;
	--hpc-active-color: #36563f;
	--hpc-description-color: #36563f;
	--hpc-item-padding: 18px;
	--hpc-item-radius: 12px;
	--hpc-icon-size: 28px;
	--hpc-image-max-height: 600px;
	--hpc-image-fit: contain;
	--hpc-fade-duration: 400ms;
	width: 100%;
}

.hilcam-product-catalog .hilcam-product-catalog__layout {
	display: grid;
	grid-template-columns: minmax(240px, var(--hpc-list-width)) minmax(0, 1fr);
	grid-template-areas: "list visual";
	align-items: stretch;
	gap: var(--hpc-gap);
	width: 100%;
}

.hilcam-product-catalog .hilcam-product-catalog__list {
	grid-area: list;
	display: grid;
	align-content: start;
	gap: 8px;
	min-width: 0;
	padding: clamp(10px, 2vw, 24px);
	border-radius: calc(var(--hpc-item-radius) * 1.25);
	background: var(--hpc-list-background);
}

.hilcam-product-catalog .hilcam-product-catalog__list > *,
.hilcam-product-catalog .hilcam-product-catalog__item { min-width: 0; width: 100% !important; max-width: none !important; margin: 0 !important; }
.hilcam-product-catalog .hilcam-product-catalog__item { overflow: hidden; border-radius: var(--hpc-item-radius); background: var(--hpc-item-background); transition: background-color 220ms ease, box-shadow 220ms ease; }
.hilcam-product-catalog .hilcam-product-catalog__item.is-active { background: var(--hpc-active-background); box-shadow: 0 8px 24px rgba(54, 86, 63, .08); }

.hilcam-product-catalog .hilcam-product-catalog__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 52px;
	padding: var(--hpc-item-padding);
	border: 0;
	border-radius: inherit;
	background: transparent;
	color: var(--hpc-title-color);
	text-align: left;
	cursor: pointer;
}
.hilcam-product-catalog .hilcam-product-catalog__header:hover,
.hilcam-product-catalog .hilcam-product-catalog__header:focus-visible,
.hilcam-product-catalog .hilcam-product-catalog__item.is-active .hilcam-product-catalog__header { color: var(--hpc-active-color); }
.hilcam-product-catalog .hilcam-product-catalog__header:focus-visible { outline: 3px solid #b99a62; outline-offset: -3px; }
.hilcam-product-catalog .hilcam-product-catalog__heading { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.hilcam-product-catalog .hilcam-product-catalog__title { overflow-wrap: anywhere; }
.hilcam-product-catalog .hilcam-product-catalog__icon { display: block; flex: 0 0 auto; width: var(--hpc-icon-size); height: var(--hpc-icon-size); object-fit: contain; opacity: .85; }
.hilcam-product-catalog .hilcam-product-catalog__arrow { flex: 0 0 auto; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: transform 220ms ease; }
.hilcam-product-catalog .hilcam-product-catalog__header[aria-expanded="true"] .hilcam-product-catalog__arrow { transform: rotate(225deg) translate(-2px, -2px); }

.hilcam-product-catalog .hilcam-product-catalog__content { height: 0; overflow: hidden; color: var(--hpc-description-color); transition: height 300ms ease; }
.hilcam-product-catalog .hilcam-product-catalog__content[hidden] { display: none !important; }
.hilcam-product-catalog .hilcam-product-catalog__content-inner { padding: 0 var(--hpc-item-padding) var(--hpc-item-padding); }
.hilcam-product-catalog .hilcam-product-catalog__content-inner > :first-child { margin-top: 0; }
.hilcam-product-catalog .hilcam-product-catalog__content-inner > :last-child { margin-bottom: 0; }
.hilcam-product-catalog .hilcam-product-catalog__link { color: inherit; text-decoration: underline; text-underline-offset: .2em; }

.hilcam-product-catalog--shortcode .hilcam-product-catalog__title { font-family: var(--hpc-title-font-family); font-size: var(--hpc-title-font-size-desktop); font-weight: var(--hpc-title-font-weight); font-style: var(--hpc-title-font-style); line-height: var(--hpc-title-line-height); letter-spacing: var(--hpc-title-letter-spacing); text-transform: var(--hpc-title-text-transform); }
.hilcam-product-catalog--shortcode .hilcam-product-catalog__content { font-family: var(--hpc-body-font-family); font-size: var(--hpc-body-font-size-desktop); font-weight: var(--hpc-body-font-weight); font-style: var(--hpc-body-font-style); line-height: var(--hpc-body-line-height); letter-spacing: var(--hpc-body-letter-spacing); text-transform: var(--hpc-body-text-transform); }
.hilcam-product-catalog--shortcode .hilcam-product-catalog__link { font-family: var(--hpc-link-font-family); font-size: var(--hpc-link-font-size-desktop); font-weight: var(--hpc-link-font-weight); font-style: var(--hpc-link-font-style); line-height: var(--hpc-link-line-height); letter-spacing: var(--hpc-link-letter-spacing); text-transform: var(--hpc-link-text-transform); }

@media (max-width: 980px) {
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__title { font-size: var(--hpc-title-font-size-tablet); }
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__content { font-size: var(--hpc-body-font-size-tablet); }
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__link { font-size: var(--hpc-link-font-size-tablet); }
}

.hilcam-product-catalog .hilcam-product-catalog__visual {
	grid-area: visual;
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 320px;
	overflow: hidden;
	opacity: 1;
	transition: opacity calc(var(--hpc-fade-duration) / 2) ease;
}
.hilcam-product-catalog .hilcam-product-catalog__visual.is-fading { opacity: 0; }
.hilcam-product-catalog .hilcam-product-catalog__figure { display: grid; place-items: center; width: 100%; height: 100%; margin: 0; }
.hilcam-product-catalog .hilcam-product-catalog__image { display: block; width: 100%; height: auto; max-height: var(--hpc-image-max-height); object-fit: var(--hpc-image-fit); object-position: center; }
.hilcam-product-catalog .hilcam-product-catalog__visual-placeholder,
.hilcam-product-catalog .hilcam-product-catalog__image-placeholder { display: grid; place-items: center; width: min(100%, 540px); min-height: 260px; border: 1px dashed rgba(54,86,63,.3); border-radius: 18px; color: var(--hpc-title-color); }

.hilcam-product-catalog .hilcam-product-catalog__shell.is-stacked .hilcam-product-catalog__layout {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "visual" "list";
	gap: clamp(20px, 6vw, 42px);
}
.hilcam-product-catalog .hilcam-product-catalog__shell.is-stacked .hilcam-product-catalog__visual { min-height: 220px; }

@media (max-width: 767px) {
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__title { font-size: var(--hpc-title-font-size-mobile); }
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__content { font-size: var(--hpc-body-font-size-mobile); }
	.hilcam-product-catalog--shortcode .hilcam-product-catalog__link { font-size: var(--hpc-link-font-size-mobile); }
	.hilcam-product-catalog .hilcam-product-catalog__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "visual" "list"; gap: 24px; }
	.hilcam-product-catalog .hilcam-product-catalog__visual { min-height: 210px; }
	.hilcam-product-catalog .hilcam-product-catalog__header { min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
	.hilcam-product-catalog .hilcam-product-catalog__visual,
	.hilcam-product-catalog .hilcam-product-catalog__content,
	.hilcam-product-catalog .hilcam-product-catalog__arrow,
	.hilcam-product-catalog .hilcam-product-catalog__item { transition-duration: .01ms !important; }
}