.text-busca {
	margin: var(--elements-gap) 0;
	font-family: var(--title-font);
}

.filtros .container {
	background-color: #ffffff;
	padding: 0;
	gap: 8px;
	flex-wrap: wrap;
	border-width: 1px 0;
	margin: var(--elements-gap) auto;
}

.filtros select.input-default {
	width: 140px;
	border-radius: 6px 14px;
}

.favoritos .filtros select.input-default {
	width: 150px;
}

.qtd-items {
	color: #7c878e;
	white-space: nowrap;
}

.filtro-display-mode {
	align-items: center;
	gap: 16px;
	margin-left: auto;
}

.filtro-display-mode-list {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
}

@media (max-width: 374px) {
	.filtro-display-mode-list {
		display: none;
	}
}

.filtro-display-mode-item--mobile{
	display: block;
}

.filtro-display-mode-item--desktop{
	display: none;
}


@media (min-width: 768px){
	.filtro-display-mode-item--mobile{
		display: none;
	}

	.filtro-display-mode-item--desktop{
		display: block;
	}
}


.filtro-display-mode-item rect {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;

	fill: #d1d9dd;
}

.filtro-display-mode-item:hover {
	cursor: pointer;
}

.filtro-display-mode-item:hover :is(rect, path) {
	fill: var(--primary-color);
}

.filtro-display-mode-item.active :is(rect, path) {
	fill: var(--primary-color);
}

.filtros-ativos {
	margin: 24px 0;
}

.filtros-ativos .container {
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.filtros-ativos-label {
	font-size: 14px;
	font-family: var(--text-font);
	color: #7c878e;
	line-height: 18.2px;
}

.filtros-ativos-list {
	gap: 8px;
}

.filtros-ativos-item {
	display: flex;
	gap: 16px;
	align-items: center;

	font-size: 14px;
	font-family: var(--text-font);
	color: #7c878e;
	line-height: 18.2px;

	padding: 11px 16px;
	border: 0.5px solid #a29161;
	border-radius: 2px;
}

.filtros-ativos-close {
	align-items: center;
	justify-content: center;
}

.paginacao-top .container,
.paginacao-bottom .container {
	justify-content: center;
	align-items: center;
}

.paginacao-top-label {
	color: #7c878e;
	margin-right: 16px;
}

.paginacao-select .flex-container {
	align-items: center;
	gap: 10px;
}

.paginacao-select .input-default {
	border-radius: 2px;
}

.resultados-perpage {
	align-items: center;
	margin-left: auto;
}

.resultados-perpage-btn {
	color: #7c878e;
	padding: 7px 9px;
	border: 1px solid #7c878e;
	border-radius: 2px;
	background-color: transparent;

	margin-left: 2px;
	margin-right: 2px;

	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.resultados-perpage-btn:hover {
	background-color: #ffffff;
	border-color: #e0a3a3;
	color: #e0a3a3;
}

.resultados-perpage-btn.active {
	background-color: #ffffff;
	border: 1px solid #e0a3a3;
	color: #e0a3a3;
}

.paginacao-buttons {
	margin-left: auto;
}

.paginacao-buttons-item {
	color: #000;
	border-radius: 4px;
	background-color: transparent;
	margin: 0 2px;
	padding: 8px 16px;
	border: 1px solid var(--color-cinza-escuro);

	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;

	width: 48px;
	height: 48px;
}

/* @media screen and (max-width: 767px) {
	.paginacao-buttons-item {
		padding: 5px;
		width: 25px;
		height: 25px;
	}
} */

.paginacao-buttons-item.separator {
	border: 0;
	cursor: default;
}

.paginacao-buttons-item:not(.separator).active,
.paginacao-buttons-item:not(.separator):hover {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: 4px;
	color: #fff;
	padding: 5px 16px;

}

.grid-produtos {
	margin: 64px 0;
	width: 100%;
}

.grid-produtos > * {
	gap: 32px;
}

@media screen and (max-width: 767px) {
	.grid-produtos {
		margin: 32px 0;
	}
}

.grid-produtos-empty {
	text-align: center;
	width: 100%;
	color: #999;
	flex: 0 0 100%;
}

.grid-produtos .grid-container {
	gap: 32px;
	grid-template-rows: auto;
}

.grid-produtos .card-produto {
	width: 288px;
	display: flex;
	position: relative;
	height: 490px !important;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	border: 1px solid #e5e5e5;
}

.products-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.card-produto:hover,
.spp-item-single-card {
	box-shadow: 0px 0px 40px rgb(229 186 193 / 25%);
}

.product-quick-view,
.product-title,
.product-price,
.product-original-price,
.product-see-more-btn,
.spp-item-single-card-title,
.spp-item-single-card-price,
.spp-item-single-card-button {
	font-family: var(--text-font);
}

.product-images {
	width: 100%;
}
.product-image-secondary {
	display: none;
}

.product-images .product-image-secondary + .product-image-featured {
	animation: 0.6s ease appear-product-image-secondary;
}

.product-images:hover .product-image-secondary + .product-image-featured {
	display: none;
	animation: none;
}

.product-images:hover .product-image-secondary {
	display: block;
	animation: 0.6s ease appear-product-image-secondary;
}

.skeleton-load .product-images,
.spp-item-single-card-image {
	height: 350px !important;
}

@keyframes appear-product-image-secondary {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.product-quick-view {
	z-index: 2;
	bottom: 100%;

	height: 58px;
	position: absolute;
	width: 100%;
	max-height: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--secondary-theme-color);
	color: #fff;

	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}

.product-quick-view > a {
	opacity: 0;
}

.card-produto:hover .product-quick-view {
	max-height: 58px;
}

.card-produto:hover .product-quick-view > a {
	opacity: 100%;
}

.product-parceled {
	font-family: var(--text-font);
	font-size: 12px;
	color: #7c878e;
}

.product-wish {
	background-color: transparent;
}

.product-wish::after {
	content: url("../../images/svgs/heart2.svg");
}

.product-wish.active::after {
	content: url("../../images/svgs/heart2-red.svg");
}

.product-wish:hover {
	cursor: pointer;
}

.product-color-ball {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.product-color-ball:hover {
	cursor: pointer;
}

.product-color-ball.active {
	border: 1px solid var(--secondary-theme-color);
}

.product-color-ball-plus {
	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(206, 215, 220, 0.39);
	font-family: var(--text-font);
	font-size: 10px;
	color: #292e31;
}

.product-info {
	width: 100%;
}

.product-info-head,
.product-info-middle {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.product-info-head {
	text-overflow: ellipsis;
	white-space: wrap;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.product-title {
	text-align: center;
	width: 100%;
}

#mais-produtos .product-title,
#mais-produtos .product-price {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mais-produtos .glide__slides {
	padding: 50px 0;
}

.product-info-foot {
	justify-content: space-between;
}

.product-stock-msg {
	font-family: var(--text-font);
	color: red;
	font-size: 14px;
	margin-bottom: 4px;
}

.product-info-middle {
	flex-wrap: wrap;
}

.product-price,
.product-original-price {
	width: 100%;
	margin-bottom: 4px;
	text-align: center;
}

.product-original-price {
	font-size: 12px;
	color: #ccc;
	text-decoration: line-through;
}

.product-colors {
	display: flex;
	gap: 8px;
}

.product-see-more-btn {
	line-height: 21px;
	text-align: center;
	color: #fff;
	padding: 12px 4px;
	display: block;
	width: 50%;

	background-image: linear-gradient(
		30deg,
		var(--primary-color) 50%,
		transparent 50%
	);
	background-size: 850px;
	background-repeat: no-repeat;
	background-position: 0;
	border: 1px solid var(--primary-color);

	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.product-see-more-btn:hover {
	color: var(--secondary-color);
	border-color: var(--secondary-color);
	background-image: linear-gradient(
		30deg,
		var(--primary-color) 50%,
		transparent 50%
	);
	background-size: 850px;
	background-repeat: no-repeat;
	background-position: 100%;
}

.product-quick-view-btn {
	line-height: 21px;
	border-radius: 0px;
	text-align: center;
	padding: 12px 4px;
	display: block;
	width: 50%;
}

.product-quick-view-button-holder {
	display: block;
}

.card-produto:hover .product-quick-view-button {
	margin-bottom: 0;
}

.product-quick-view-button {
	padding: 10px 20px 10px 10px;
	background-color: #fff;
	color: var(--primary-color);
	opacity: 0.95;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top-left-radius: 10px;
	cursor: pointer;
	margin-bottom: -100px;
	transition: 0.3s all ease;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-quick-view-button-text {
	color: var(--primary-color);
	margin-right: -90px;
	margin-left: 5px;
	transition: 0.3s all ease;
	opacity: 0;
}

.product-quick-view-button:hover .product-quick-view-button-text {
	margin-right: 0;
	display: block;
	opacity: 1;
}

.product-label {
	background-color: #e1b76a;
	color: #0f1714;
	padding: 2px 5px;
	position: absolute;
	left: -5px;
	top: 5px;
	z-index: 1;
	border-radius: 2px;
}

#listagem > div.grid-produtos > div {
	row-gap: 45px;
}

@media (max-width: 1199px) {
	#listagem > div.grid-produtos > div {
		row-gap: 55px;
	}
}

@media screen and (max-width: 768px) {
	.filtros-ativos-list {
		flex-wrap: wrap;
	}

	.filtros .container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.filtro-display-mode {
		width: 100%;
	}

	.card-produto:hover,
	.spp-item-single-card {
		box-shadow: none !important;
	}
}

@media screen and (max-width: 750px) {
	.product-quick-view-button .product-quick-view-button-text {
		margin-right: 0;
		display: block;
		opacity: 1;
	}

	.card-produto .product-quick-view-button {
		margin-bottom: 0;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

.card-produto .product-info-foot button {
	width: 100% !important;
}

@media screen and (max-width: 480px) {
	.filtros .container {
		display: flex;
		flex-wrap: nowrap;
		padding: 16px 0;
	}
}