/**
 * Glendale Designs Custom Programming
 * Product List with Header
 *
 * Glendale Designs -- GDMZ
 *
 * Copyright Glendale Designs - Our optimizations are not freeware.
 * Do not use, copy or distribute without written permission.
 * Ask us, we're nice! support@glendaledesigns.com
 */
.gd-product-list-with-header {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-bottom: 2rem;
}

.gd-product-list-with-header__header {
	align-self: var(--align-self, unset);
	display: flex;
	flex-direction: column;
	text-align: center;
}

.gd-product-list-with-header__icon {
	aspect-ratio: 8/5;
	background-color: var(--background-color, unset);
	display: block;
	margin: auto;
	mask: var(--mask-image, unset) no-repeat;
	mask-size: cover;
	width: 3rem;
}

.gd-product-list-with-header__heading {
	font-family: "Fontin Sans", sans-serif;
	font-size: clamp(1.375rem, 1.063rem + 1.563vw, 2rem);
	letter-spacing: .015em;
	line-height: 1.25;
}

.gd-product-list-with-header__products:has(> :nth-child(-n+3):last-child),
.gd-product-list-with-header__products:has(> :nth-child(7):last-child),
.gd-product-list-with-header__products:has(> :nth-child(8):last-child) {
	justify-content: space-around;
}

.gd-product-list-with-header__products:has(> :nth-child(4):last-child),
.gd-product-list-with-header__products:has(> :nth-child(9):last-child) {
	justify-content: space-between;
}

.gd-product-list-with-header__products:has(> :nth-child(1):last-child) {
	justify-content: unset;
}

.gd-product-list-with-header__products .gd-product-list-with-header__product:nth-of-type(5) {
	display: none;
}

.gd-product-list-with-header__link {
	display: block;
	transition: ease-in-out 250ms;
}

.gd-product-list-with-header__link:is(:hover, :focus, :focus-visible) {
	box-shadow: 0 0 4px 2px #de701e;
}

.gd-product-list-with-header__image {
	margin-bottom: 0.75rem;
}

.gd-product-list-with-header__image img[width],
.gd-product-list-with-header__image img[height] {
	max-width: 100%;
}


@media all and (min-width: 40em) {
	.gd-product-list-with-header__info {
		padding: 0 .5rem
	}
}

.gd-product-list-with-header__name {
	color: #6f6f6f;
	font-size: 0.6875rem;
	letter-spacing: 0.05em;
	line-height: 1.25;
	margin-bottom: 0.25rem
}

.gd-product-list-with-header__price {
	color: #474747;
	font-size: 0.8125rem;
	letter-spacing: 0.01em
}

@media screen and (min-width: 60em) {
	.gd-product-list-with-header__name {
		font-size: 0.9375rem;
		height: 5em;
	}

	.gd-product-list-with-header__price {
		font-size: 1rem;
	}
}

@media screen and (min-width: 90em) {
	.gd-product-list-with-header__products .gd-product-list-with-header__product:nth-of-type(5) {
		display: block;
	}
}


/* This styles our custom flex components debug section.
    =========================================== */
.gd-mmx-debug {
	background-color: #21252b;
	box-shadow: 0 0 8px 4px #21252b;
	color: #abb2bf;
	margin: 1rem;
	outline: 4px dotted #ff9800;
	overflow: auto;
	padding: 0 1rem;
	white-space: break-spaces;
}