/**
 * Product category / tag banner — centered copy (test3 shoptimizer-child).
 */

body.tax-product_cat .hq-category-banner, body.hq-plp-archive .hq-category-banner,
body.tax-product_tag .hq-category-banner,
body.tax-product_brand .hq-category-banner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: min(640px, 72vh);
	padding: 0;
	border-bottom: 0;
}

body.tax-product_cat .hq-category-banner .col-full, body.hq-plp-archive .hq-category-banner .col-full,
body.tax-product_tag .hq-category-banner .col-full,
body.tax-product_brand .hq-category-banner .col-full {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 1.5rem;
	text-align: left;
}

body.tax-product_cat .hq-category-banner__copy, body.hq-plp-archive .hq-category-banner__copy,
body.tax-product_tag .hq-category-banner__copy,
body.tax-product_brand .hq-category-banner__copy {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
}

body.tax-product_cat .hq-category-banner--has-media .hq-category-banner__copy, body.hq-plp-archive .hq-category-banner--has-media .hq-category-banner__copy,
body.tax-product_tag .hq-category-banner--has-media .hq-category-banner__copy,
body.tax-product_brand .hq-category-banner--has-media .hq-category-banner__copy {
	padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 2.5vw, 1.5rem);
	background-color: rgba(201, 150, 199, 0.62);
	border-radius: 8px;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 6px 28px rgba(92, 48, 90, 0.14);
}

body.tax-product_cat .hq-category-banner h1, body.hq-plp-archive .hq-category-banner h1,
body.tax-product_tag .hq-category-banner h1,
body.tax-product_brand .hq-category-banner h1 {
	margin: 0 0 0.5rem;
	color: #ffffff;
}

body.tax-product_cat .hq-category-banner--has-media h1, body.hq-plp-archive .hq-category-banner--has-media h1,
body.tax-product_tag .hq-category-banner--has-media h1,
body.tax-product_brand .hq-category-banner--has-media h1 {
	text-shadow: 0 1px 2px rgba(72, 32, 70, 0.35);
}

body.tax-product_cat .hq-category-banner .taxonomy-description, body.hq-plp-archive .hq-category-banner .taxonomy-description,
body.tax-product_tag .hq-category-banner .taxonomy-description,
body.tax-product_brand .hq-category-banner .taxonomy-description {
	margin: 0;
	color: #ffffff;
}

body.tax-product_cat .hq-category-banner--has-media .taxonomy-description, body.hq-plp-archive .hq-category-banner--has-media .taxonomy-description,
body.tax-product_tag .hq-category-banner--has-media .taxonomy-description,
body.tax-product_brand .hq-category-banner--has-media .taxonomy-description {
	text-shadow: 0 1px 2px rgba(72, 32, 70, 0.3);
}

body.tax-product_cat .hq-category-banner .taxonomy-description p, body.hq-plp-archive .hq-category-banner .taxonomy-description p,
body.tax-product_tag .hq-category-banner .taxonomy-description p,
body.tax-product_brand .hq-category-banner .taxonomy-description p {
	margin: 0;
}

body.tax-product_cat .hq-category-banner--has-media, body.hq-plp-archive .hq-category-banner--has-media,
body.tax-product_tag .hq-category-banner--has-media,
body.tax-product_brand .hq-category-banner--has-media {
	position: relative;
	overflow: hidden;
	background-image: none !important;
}

body.tax-product_cat .hq-category-banner__media, body.hq-plp-archive .hq-category-banner__media,
body.tax-product_tag .hq-category-banner__media,
body.tax-product_brand .hq-category-banner__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform: scale(1.32);
	will-change: transform;
}

body.tax-product_cat .hq-category-banner--zoom-active .hq-category-banner__media, body.hq-plp-archive .hq-category-banner--zoom-active .hq-category-banner__media,
body.tax-product_tag .hq-category-banner--zoom-active .hq-category-banner__media,
body.tax-product_brand .hq-category-banner--zoom-active .hq-category-banner__media {
	animation: hq-category-banner-zoom 2.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes hq-category-banner-zoom {
	from {
		transform: scale(1.32);
	}

	to {
		transform: scale(1);
	}
}

/* After zoom: same fill as animation end (inset: 0, scale 1) — only parallax translate in JS. */
body.tax-product_cat .hq-category-banner--parallax-ready .hq-category-banner__media, body.hq-plp-archive .hq-category-banner--parallax-ready .hq-category-banner__media,
body.tax-product_tag .hq-category-banner--parallax-ready .hq-category-banner__media,
body.tax-product_brand .hq-category-banner--parallax-ready .hq-category-banner__media {
	animation: none;
}

@media (prefers-reduced-motion: reduce) {
	body.tax-product_cat .hq-category-banner--zoom-active .hq-category-banner__media, body.hq-plp-archive .hq-category-banner--zoom-active .hq-category-banner__media,
	body.tax-product_tag .hq-category-banner--zoom-active .hq-category-banner__media,
	body.tax-product_brand .hq-category-banner--zoom-active .hq-category-banner__media {
		animation: none;
		transform: scale(1);
	}
}

@media (max-width: 992px) {
	body.tax-product_cat .hq-category-banner, body.hq-plp-archive .hq-category-banner,
	body.tax-product_tag .hq-category-banner,
	body.tax-product_brand .hq-category-banner {
		min-height: min(320px, 50vh);
	}

	/* Keep zoomed hero media inside the banner (no bleed under the masthead). */
	body.tax-product_cat .hq-category-banner--has-media, body.hq-plp-archive .hq-category-banner--has-media,
	body.tax-product_tag .hq-category-banner--has-media,
	body.tax-product_brand .hq-category-banner--has-media {
		isolation: isolate;
		contain: paint;
	}

	body.tax-product_cat .hq-category-banner--has-media .hq-category-banner__media, body.hq-plp-archive .hq-category-banner--has-media .hq-category-banner__media,
	body.tax-product_tag .hq-category-banner--has-media .hq-category-banner__media,
	body.tax-product_brand .hq-category-banner--has-media .hq-category-banner__media {
		background-position: center 22%;
		transform-origin: center 22%;
	}

	body.tax-product_cat .hq-category-banner .col-full, body.hq-plp-archive .hq-category-banner .col-full,
	body.tax-product_tag .hq-category-banner .col-full,
	body.tax-product_brand .hq-category-banner .col-full {
		width: min(100% - 1.5rem, var(--hq-col-full, 1170px));
		padding-inline: 0;
	}

	body.tax-product_cat .hq-category-banner__copy, body.hq-plp-archive .hq-category-banner__copy,
	body.tax-product_tag .hq-category-banner__copy,
	body.tax-product_brand .hq-category-banner__copy {
		max-width: 100%;
	}

	body.tax-product_cat .hq-category-banner h1, body.hq-plp-archive .hq-category-banner h1,
	body.tax-product_tag .hq-category-banner h1,
	body.tax-product_brand .hq-category-banner h1 {
		font-size: clamp(1.5rem, 6vw, 2.25rem);
	}

	body.tax-product_cat .hq-category-banner .taxonomy-description, body.hq-plp-archive .hq-category-banner .taxonomy-description,
	body.tax-product_tag .hq-category-banner .taxonomy-description,
	body.tax-product_brand .hq-category-banner .taxonomy-description {
		font-size: clamp(0.875rem, 3.5vw, 1rem);
	}
}