.coyote-category-block{
	@extend .coyote-block-wrapper;
	background: linear-gradient(145deg, color-mix(in srgb, var(--contrast-color) 16%, var(--background)) 0%, var(--background) 48%, color-mix(in srgb, var(--contrast-color) 12%, var(--background)) 100%) !important;
	.category-wrapper{
		height: 100%;
		.category-inner{
			@include coyote-surface-card(var(--icon-block-background), var(--icon-block-color));
			padding: 1.25rem;
			height: 100%;
		}
		.category-title{
			white-space: nowrap;
			overflow: hidden;
			width: 100%;
			text-overflow: ellipsis;
		}
		a{
			text-decoration: unset;
			color: var(--icon-block-color);
		}
		.product-wrapper{
			border-radius: calc(var(--coyote-border-radius) * .85);
			padding: .6rem;
			transition: background-color .2s ease;
			&:hover{
				background: rgba(255,255,255,.08);
			}
		}
		&:hover .category-inner{
			@include coyote-surface-hover;
		}
	}
	.rich-text{
		h1, h2, h3, h4{
			i{
				color: var(--coyote-primary);
				font-style: unset;
			}
		}
	}
	.stock_price{
		*{
			color: inherit;
		}
		.second-session-price{
			display: none;
		}
	}
	&.layout2{
		.category-block{
			@include coyote-surface-card(var(--background));
			text-decoration: unset;
			color: inherit;
			display: block;
			overflow: hidden;
			height: 100%;
			img{
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
				aspect-ratio: 4 / 3;
				object-fit: cover;
				width: 100%;
			}
			.bottom-wrapper{
				position: relative;
				background: var(--background);
				padding: 1.1rem 1.15rem 1.2rem;
				h5{
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
			&:hover{
				@include coyote-surface-hover;
			}
		}
	}
}
