:root {
	--primary-color: #3d3d3d;
	--secondary-color: #1F1F1F;
	--third-color: #1F1F1F;
	/* Verde médio para botões ou detalhes */
	--fourth-color: #4e4e4e;
	/* Verde mais claro e suave */
	--primary-color-light: #686868;
	/* Versão bem clara do primary */
	--primary-color-dark: #0e1110;
	/* Um verde quase preto */
	--secondary-color-light: #1F1F1F;
	/* Cinza esverdeado claro */
	--secondary-color-dark: #1F1F1F;
	/* Tom mais fechado do secondary */
	--contrast-color: #E8F8C1;
	/* Amarelo-esverdeado suave como destaque */
	--text-color: #1C1F1D;
	/* Quase preto, levemente esverdeado */
	--light-color: #F5F7F6;
	/* Quase branco com leve toque de verde */

	--button-color: #3A8A56;
	/* Verde vibrante, mas não neon */

	--bonus-primary-color: #1F1F1F;
	/* Verde oliva dourado */
	--bonus-secondary-color: #303030;
	/* Verde militar/amarelado */

}



/* Product */
.products {
	position: relative;
}

.products .title {
	text-align: center;
	margin-bottom: 0.75em;
	font-size: 2.25em;
}

@media (max-width: 599px) {
	.products .title {
		font-size: 1.25em;
	}
}

.products .item {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 3px;
	color: var(--text-color);
	background-color: white;
	border-radius: 1em;
	overflow: hidden;
	border: 2px solid var(--secondary-color);
	box-shadow: var(--bs-box-shadow-sm);
}

@media (min-width: 976px) {
	.products .item {
		margin-left: 10px;
		margin-right: 10px;
	}
}

.products .item:hover {
	scale: 1.025;
}

.products .item .wrapper {
	border-radius: 18px;
	overflow: hidden;
}

@media (max-width: 767px) {
	.products .item .wrapper {
		/*display: grid;*/
		grid-template-areas: "header header" "title info" "img info" "img totals" "footer footer";
		grid-template-columns: 1fr 1fr;
		align-items: center;
		-moz-column-gap: 0.5em;
		column-gap: 0.5em;
		padding: 0.5em 0;
	}
}

.products .item .item-header {
	grid-area: title;
	padding: 0.25em 0.5em;
	background-color: #7C8CB9;
	font-weight: 800;
	color: #fff;
}

@media (max-width: 767px) {
	.products .item .item-header {
		background-color: transparent;
		font-size: 1.4em;
		padding: 0;
	}
}

.products .item .item-img {
	grid-area: img;
}

.products .item .item-img .supply {
	padding: 1em 0.5em;
	text-align: center;
	line-height: 1;
}

@media (max-width: 767px) {
	.products .item .item-img .supply {
		font-size: 1em;
		padding: 0;
	}
}

.products .item .item-img .supply b {
	display: block;
	font-size: 1.75em;
}

@media (max-width: 767px) {
	.products .item .item-img .supply b {
		font-size: 1.25em;
	}
}

.products .item .item-img img {
	max-height: 200px;
}

.products .item .item-info {
	grid-area: info;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.products .item .item-info .price {
	display: flex;
	text-align: start;
	gap: 0.25em;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	align-items: center;
	line-height: 1;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.products .item .item-info .price b {
	font-size: 4em;
	text-align: center;
}

@media (max-width: 767px) {
	.products .item .item-info .price b {
		font-size: 5em;
		letter-spacing: -0.06em;
	}
}

.products .item .item-info .price sup {
	font-size: 0.6em;
	top: -0.5em;
}

.products .item .item-info .price span {
	font-weight: 800;
}

@media (max-width: 767px) {
	.products .item .item-info .price span {
		font-size: 0.8em;
	}
}

.products .item .item-info .savings {
	font-size: 0.8em;
	font-weight: 800;
}

@media (max-width: 767px) {
	.products .item .item-info .savings {
		font-size: 1em;
	}
}

.products .item .item-info .savings>div {
	padding: 0.5em;
	align-items: center;
	justify-content: center;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.4196078431);
}

.products .item .item-info .savings>div:first-child {
	border-top: 1px dashed rgba(0, 0, 0, 0.4196078431);
	color: var(--primary-color);
	color: #000;
}

.products .item .item-info .savings>div:nth-child(2) {
	display: none;
}

@media (max-width: 767px) {
	.products .item .item-info .savings>div {
		padding: 0.5em 0;
	}
}

.products .item .item-info .savings span {
	display: flex;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	gap: 0.25em;
	line-height: 1;
}

@media (max-width: 767px) {
	.products .item .item-info .savings span {
		letter-spacing: -0.4px;
	}
}

.products .item .item-info .savings span::before {
	content: "\f270";
	font-family: "bootstrap-icons";
	font-size: 1.5em;
	font-weight: normal;
}

@media (max-width: 767px) {
	.products .item .item-info .savings span::before {
		font-size: 1em;
	}
}

.products .item .item-buy {
	grid-area: footer;
}

.products .item .item-buy .button {
	padding: 0.65em;
	margin: 0.5em 0.25em;
}

@media (max-width: 767px) {
	.products .item .item-buy .button {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.15em;
	}

	.products .item .item-buy .buy-button-label {
		font-size: 1.2em;
	}
}

.products .item .item-buy .button span {
	display: flex;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	gap: 0.25em;
}

.products .item .item-buy .button span::before {
	content: "\f23e";
	font-family: "bootstrap-icons";
	font-weight: normal;
	margin-top: -0.1em;
}

.products .item .item-buy .card-flags {
	max-width: 220px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.products .item .item-buy .card-flags {
		display: none;
	}
}

.products .item .item-totals {
	grid-area: totals;
	font-size: 0.9em;
}

@media (max-width: 767px) {
	.products .item .item-totals {
		font-size: 1em;
	}
}

.products .item .item-totals .totals s {
	text-decoration-color: red;
	text-decoration-thickness: 2px;
}

.products .item .item-totals .totals span {
	color: var(--contrast-color);
}

.products .item .item-totals .shipping {
	font-weight: 800;
}

.products .item .item-totals .shipping span {
	color: #dc3545;
}

.products .item.promo {
	color: white;
	background-color: white;
	border: 2px solid var(--primary-color);
}

.products .item.promo .wrapper {

	background-color: #7C8CB9;
}

@media (max-width: 767px) {
	.products .item.promo .wrapper {
		grid-template-areas: "header header" "img info" "img totals" "footer footer";
	}
}

.products .item.promo .item-header {
	grid-area: header;
	background-color: white;
	color: var(--primary-color);
	text-shadow: none;
}

@media (max-width: 767px) {
	.products .item.promo .item-header {
		margin: -0.55em 0 0.5em;
		padding: 0.25em;
	}
}

.products .item.promo .item-img img {
	max-height: 240px;
}

.products .item.promo .item-info .savings>div {
	color: white;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.4196078431);
}

.products .item.promo .item-info .savings>div:first-child {
	/* color: var(--contrast-color); */
	border-top: 1px dashed rgba(255, 255, 255, 0.4196078431);
}

.products .item.promo .item-info .savings>div:nth-child(2) {
	display: block;
}

.products .item.promo .item-buy .button {
	color: var(--text-color);
	background-image: linear-gradient(to top, #fccd15 50%, #ffd814 51%);
	text-shadow: none;
}

.products .item.promo .item-buy .button:hover {
	background-image: linear-gradient(to bottom, #fccd15 50%, #ffd814 51%);
}

.products .item.promo .item-totals .shipping span {
	color: var(--contrast-color);
}

.no-thanks {
	display: block;
	text-align: center;
	margin: 0 auto;
	color: var(--text-color);
	font-size: 16px;
	max-width: 600px;
	text-decoration: none;
}

.buy-button {
	text-decoration: none;
	display: block;
	font-size: 1.5rem;
	padding: 0.8rem 0.5rem;
	text-transform: uppercase;
	background: linear-gradient(0deg, #1ca11e, #0c9c0e);
	margin: 1rem;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: .3s;
}

.buy-button:hover {
	box-shadow: 0px 4px 10px var(--contrast-color);
	transform: scale(1.05);
}

.buy-button-label {
	background: linear-gradient(180deg, var(--primary-color), var(--primary-color-dark));
	background: linear-gradient(180deg, #fff, #fff);
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	background-clip: text;
	-webkit-background-clip: text;
	text-align: center;
	-webkit-text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
	.buy-button {
		padding: 0.85em;
		font-size: 1.15em;
	}
}

.products .item .item-buy .button .buy-button-label::before {
	content: "\f23e";
	font-family: "bootstrap-icons";
	font-weight: normal;
	margin-top: -0.1em;
}


.products .item.promo .item-img img,
.products .item .item-img img {
	max-width: 100%;
	margin: 0 auto;
}