@charset "UTF-8";

.catalog_list_item {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
.catalog_list_item a {
	display: flex;
	width: calc(33.333% - 3rem);
	background-color: #F5F1EB;
	padding: 2em 1.5em;
}
.catalog_list_item a picture {
	width: 30%;
    max-width: 100px;
	min-width: 50px;
}
.catalog_list_item a div {
	padding-left: 1.5em;
}
.catalog_list_item a h3 {
	transition: 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	display: inline;
	background: linear-gradient(#333, #333) 0 100%/0 1px no-repeat;
}
.catalog_list_item a p {
	color: var(--color-brandGr);
	margin-top: 1em;
	padding-right: 1.8em;
	position: relative;
	max-width: max-content;
}
.catalog_list_item a p::after {
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/icon/icon_blank_gr.svg);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: .4em;
	right: 0;
}

@media screen and (min-width: 1024px) {
	.catalog_list_item a:hover h3 {
	    background-size: 100% 1px;
	}
}

@media screen and (max-width: 1279px) {
	.catalog_list_item {
		gap: 1rem;
	}
	.catalog_list_item a {
		width: calc(50% - .6rem);
	}
	.catalog_list_item a div p {
		text-align: right;
	}
}

@media screen and (max-width: 750px) {
	.catalog_list_item a {
        width: 100%;
    }
	.catalog_list_item a div p {
		text-align: left;
	}
}