/* v0.5.1 shop page (owner: shop/footer/logo work) */

/* Shop artwork is a true background behind the existing hero copy. */
.collection-hero {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	height: clamp(340px, 36vw, 470px) !important;
	min-height: 0 !important;
	padding: 100px 24px 28px !important;
	margin: 0 !important;
	background-color: #1c1612 !important;
	background-image: linear-gradient(rgba(28, 22, 18, .48), rgba(28, 22, 18, .62)), var(--shop-hero-background) !important;
	background-size: cover !important;
	background-position: center 48% !important;
	text-align: center;
}
.collection-hero-art { display: none !important; }
.collection-hero .collection-hero-copy {
	position: relative !important;
	z-index: 1;
	width: 100%;
	padding: 0 !important;
	background: transparent !important;
}
.collection-hero .collection-hero-copy .section-header {
	margin: 0 auto !important;
}
.collection-hero .collection-hero-copy h2,
.collection-hero .collection-hero-copy p { color: #faf8f4 !important; }
@media (max-width: 768px) {
	.collection-hero {
		height: clamp(270px, 82vw, 350px) !important;
		padding: 82px 16px 26px !important;
		background-position: center 48% !important;
	}
}

/* Let the full desktop filter list participate in normal page scrolling. */
@media (min-width: 769px) {
	.shop-sidebar {
		max-height: none !important;
		height: auto !important;
		overflow: visible !important;
		overflow-y: visible !important;
		overscroll-behavior: auto;
	}
}
/* Keep the small-screen filter drawer contained and usable. */
@media (max-width: 768px) {
	.shop-sidebar {
		max-height: 100vh;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}