.catalog-view-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	margin: 0 0 28px;
}

.catalog-view-switcher {
	display: inline-flex;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	overflow: hidden;
}

.catalog-view-switcher__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 8px 15px;
	border: 0;
	border-right: 1px solid #d8d8d8;
	background: #fff;
	color: #222;
	font: inherit;
	cursor: pointer;
}

.catalog-view-switcher__button:last-child { border-right: 0; }
.catalog-view-switcher__button:hover,
.catalog-view-switcher__button.is-active { background: #1d1d1d; color: #fff; }

.catalog-view-switcher__icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: currentColor;
}

.catalog-view-switcher__icon--grid {
	-webkit-mask: linear-gradient(90deg, #000 0 42%, transparent 42% 58%, #000 58%) 0 0 / 100% 42%, linear-gradient(90deg, #000 0 42%, transparent 42% 58%, #000 58%) 0 100% / 100% 42%;
	-webkit-mask-repeat: no-repeat;
	mask: linear-gradient(90deg, #000 0 42%, transparent 42% 58%, #000 58%) 0 0 / 100% 42%, linear-gradient(90deg, #000 0 42%, transparent 42% 58%, #000 58%) 0 100% / 100% 42%;
	mask-repeat: no-repeat;
}

.catalog-view-switcher__icon--list {
	-webkit-mask: repeating-linear-gradient(to bottom, #000 0 3px, transparent 3px 6px);
	mask: repeating-linear-gradient(to bottom, #000 0 3px, transparent 3px 6px);
}

.catalog-view-toolbar__show-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 8px 20px;
	border: 1px solid #1d1d1d;
	border-radius: 3px;
	color: #1d1d1d;
	font-weight: 500;
	text-decoration: none;
}

.catalog-view-toolbar__show-all:hover { background: #1d1d1d; color: #fff; text-decoration: none; }

.catalog-section--list .section-products-inner {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.catalog-section--list .section-products-inner > [class*="product-item"] {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	flex: 0 0 100%;
}

.catalog-section--list .product-item .card {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr) auto auto auto auto;
	grid-template-rows: 1fr;
	column-gap: 20px;
	align-items: center;
	min-height: 100px;
	padding: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.catalog-section--list .product-item-image-wrapper,
.catalog-section--list .product-item-big-card .product-item-image-wrapper {
	grid-column: 1;
	grid-row: 1;
	width: 90px;
	height: 70px;
	margin: 0;
	padding: 0;
}

.catalog-section--list .product-item-sku {
	grid-column: 3;
	grid-row: 1;
	align-self: center;
	justify-self: end;
	margin: 0;
	text-align: right;
}

.catalog-section--list .product-item .card-title {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	margin: 0;
	text-align: left;
	min-height: initial!important;
}

.catalog-section--list .product-item .product-item-info-container:not([data-entity="buttons-block"]),
.catalog-section--list .product-item .product-item-label-ring,
.catalog-section--list .product-item .product-item-label-text,
.catalog-section--list .product-item .product-item-image-slider-control-container,
.catalog-section--list .product-item .product-item-image-slider-progress-bar-container { display: none !important; }

.catalog-section--list .product-item .content.top {
	display: block !important;
	grid-column: 4;
	grid-row: 1;
	align-self: center;
	margin: 0;
	white-space: nowrap;
}

.catalog-section--list .product-item .content.top .price { margin: 0; }

.catalog-section--list .product-item [data-entity="buttons-block"] {
	display: block !important;
	grid-column: 5;
	grid-row: 1;
	align-self: center;
	margin: 0;
}

.catalog-section--list .product-item [data-entity="buttons-block"] .btns-group {
	display: flex !important;
	align-items: center;
	margin: 0;
	padding: 0!important;
}

.catalog-section--list .product-item [data-entity="buttons-block"] .btn-outline-primary { display: none; }
.catalog-section--list .product-item [data-entity="buttons-block"] .btn-primary { white-space: nowrap; }

.catalog-section--list .product-item .product-item-compare-container {
	display: block !important;
	position: static;
	grid-column: 6;
	grid-row: 1;
	align-self: center;
	justify-self: end;
	margin: 0;
	padding: 0;
	min-height: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.catalog-section--list .product-item .product-item-compare-container .checkbox,
.catalog-section--list .product-item .product-item-compare-container label {
	margin: 0;
	padding: 0;
	background: transparent;
}

.catalog-section--list .product-item .product-item-compare-container a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.catalog-section--list .product-item .product-item-compare-container .material-icons-outlined {
	font-size: 28px;
	opacity: .55;
}

@media (max-width: 575px) {
	.catalog-view-toolbar { align-items: flex-end; flex-direction: column; }
	.catalog-view-switcher { width: 100%; }
	.catalog-view-switcher__button { justify-content: center; width: 50%; }
	.catalog-view-toolbar__show-all { width: 100%; }
	.catalog-section--list .product-item .card {
		position: relative;
		grid-template-columns: 72px minmax(0, 1fr);
		grid-template-rows: auto auto auto auto;
		column-gap: 12px;
		row-gap: 5px;
		padding-right: 54px;
	}
	.catalog-section--list .product-item-image-wrapper,
	.catalog-section--list .product-item-big-card .product-item-image-wrapper {
		grid-row: 1 / 5;
		width: 72px;
		height: 58px;
	}
	.catalog-section--list .product-item .card-title { grid-column: 2; grid-row: 1; align-self: end; }
	.catalog-section--list .product-item-sku {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
		justify-self: start;
		text-align: left;
	}
	.catalog-section--list .product-item .content.top {
		grid-column: 2;
		grid-row: 3;
		justify-self: start;
	}
	.catalog-section--list .product-item [data-entity="buttons-block"] {
		grid-column: 2;
		grid-row: 4;
		justify-self: start;
	}
	.catalog-section--list .product-item .product-item-compare-container {
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translateY(-50%);
	}
}
