.phoenix-product-banner {
	position: relative;
	padding-block: 40px;
	background-color: var(--color-main);
	color: var(--color-soft-white);
	display: flex;
	align-items: center;
	margin-bottom: 48px
}

.phoenix-product-banner.has-background {
	min-height: 450px;
	padding-block: 80px
}

.phoenix-product-banner.phoenix-product-banner-center {
	text-align: center
}

.phoenix-product-banner .phoenix-product-banner-image {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .8
}

.phoenix-product-banner .container {
	position: relative;
	z-index: 2
}

.phoenix-product-banner .container .phoenix-product-banner-title {
	margin: 0 0 24px;
	font-size: clamp(1.5rem, .75rem + 3vw, 3rem);
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
	line-height: 1.2
}

.phoenix-product-banner .container .phoenix-product-banner-description {
	margin-top: 24px;
	font-size: clamp(.875rem, -.1875rem + 4.25vw, 1.25rem);
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.phoenix-product-banner .container .phoenix-product-banner-description :first-child {
	margin-top: 0
}

.phoenix-product-banner .container .phoenix-product-banner-description :last-child,
.phoenix-product-banner .container :last-child {
	margin-bottom: 0
}

.phoenix-product-categories {
	margin-block: 32px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px
}

.phoenix-product-categories .phoenix-product-category {
	color: var(--color-soft-white)
}

.phoenix-product-categories .phoenix-product-category .phoenix-product-category-main {
	padding: 16px;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 16px;
	background-color: var(--color-main);
	align-items: start
}

.phoenix-product-categories .phoenix-product-category .phoenix-product-category-image {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.phoenix-product-categories .phoenix-product-category .phoenix-product-category-title {
	z-index: 2;
	font-size: 1.125rem;
	margin: 0;
	font-weight: 400
}

.phoenix-product-categories .phoenix-product-category .phoenix-product-category-title a:hover {
	color: var(--color-black)
}

.phoenix-product-categories .phoenix-product-category .phoenix-product-category-description {
	z-index: 2;
	font-size: .875rem;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.phoenix-product-categories .phoenix-product-category .readmore {
	margin-top: 8px;
	font-size: .875rem
}

.phoenix-product-categories .phoenix-product-category .readmore a:hover {
	color: var(--color-black)
}

.phoenix-product-categories .feature-categories-list {
	background: var(--color-light-main);
	padding: 16px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px
}

.phoenix-product-categories .feature-categories-list .feature-category-item {
	text-align: center
}

.phoenix-product-categories .feature-categories-list .feature-category-item .thumb {
	margin-bottom: 4px
}

.phoenix-product-categories .feature-categories-list .info .feature-category-title {
	font-size: .875rem;
	font-weight: 400;
	margin: 0
}

@media (min-width:768px) {
	.phoenix-product-categories {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width:992px) {
	.phoenix-product-categories {
		grid-template-columns: repeat(3, 1fr)
	}
}