/* =================================================
				   BASE
				   ================================================= */

				.leo-economizar,
				.leo-economizar * {
					box-sizing: border-box;
				}


				.leo-economizar {
					width: 100vw;
					max-width: 100vw;

					margin-left: calc(50% - 50vw);
					margin-right: calc(50% - 50vw);

					background: #f3f3f3;

					padding: 38px 0 48px;
				}


				.leo-economizar__inner {
					width: min(
						1280px,
						calc(100% - 48px)
					);

					margin: 0 auto;
				}


				.leo-economizar__title {
					margin: 0 0 20px;

					text-align: center;

					font-size: clamp(
						26px,
						2vw,
						34px
					);

					line-height: 1.15;
					font-weight: 700;

					color: #111827;
				}


				/* =================================================
				   CARROSSEL
				   ================================================= */

				.leo-economizar__carousel {
					position: relative;
				}


				.leo-economizar__track {
					display: flex;

					gap: 16px;

					width: 100%;

					overflow-x: auto;
					overflow-y: hidden;

					scroll-behavior: smooth;
					scroll-snap-type: x mandatory;

					padding: 2px;

					-ms-overflow-style: none;
					scrollbar-width: none;
				}


				.leo-economizar__track::-webkit-scrollbar {
					display: none;
				}


				/* =================================================
				   CARD
				   ================================================= */

				.leo-economizar-card {
					flex: 0 0 calc(
						(100% - 64px) / 5
					);

					min-width: 0;

					scroll-snap-align: start;

					display: flex;
					flex-direction: column;

					background: #fff;

					border:
						1px solid #dedede;

					border-radius: 18px;

					overflow: hidden;
				}


				.leo-economizar-card__image {
					position: relative;

					display: flex;
					align-items: center;
					justify-content: center;

					height: 220px;

					padding:
						16px 16px 5px;
				}


				.leo-economizar-card__image a {
					display: flex;
					align-items: center;
					justify-content: center;

					width: 100%;
					height: 100%;
				}


				.leo-economizar-card__image img {
					display: block;

					width: 100%;
					height: 100%;

					object-fit: contain;

					margin: 0;
				}


				.leo-economizar-card__sale {
					position: absolute;

					top: 14px;
					left: 14px;

					z-index: 2;

					padding: 5px 9px;

					background: #ff374c;
					color: #fff;

					border-radius: 999px;

					font-size: 11px;
					line-height: 1;
					font-weight: 800;
				}


				/* =================================================
				   CONTEÚDO
				   ================================================= */

				.leo-economizar-card__content {
					display: flex;
					flex-direction: column;
					flex: 1;

					padding:
						10px 14px 14px;
				}


				.leo-economizar-card__title {
					display: -webkit-box;

					min-height: 42px;

					overflow: hidden;

					color: #242424;

					font-size: 15px;
					line-height: 1.35;
					font-weight: 500;

					text-decoration: none;

					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}


				.leo-economizar-card__title:hover {
					color: #123B82;
				}


				/* =================================================
				   AVALIAÇÕES
				   Sistema próprio para não brigar com Blocksy
				   Dados continuam reais do WooCommerce
				   ================================================= */

				.leo-economizar-card__rating {
					min-height: 25px;

					display: flex;
					align-items: center;

					margin: 5px 0 2px;
				}


				.leo-economizar-stars {
					display: flex !important;
					align-items: center !important;

					gap: 5px !important;

					width: auto !important;

					margin: 0 !important;
					padding: 0 !important;

					line-height: 1 !important;
				}


				.leo-economizar-stars__icons {
					display: flex !important;
					align-items: center !important;

					gap: 1px !important;
				}


				.leo-economizar-star {
					position: relative !important;

					display: inline-block !important;

					width: 1em !important;
					height: 1em !important;

					margin: 0 !important;
					padding: 0 !important;

					overflow: hidden !important;

					font-size: 15px !important;
					line-height: 1 !important;

					font-family:
						Arial,
						sans-serif !important;
				}


				.leo-economizar-star__base {
					display: block !important;

					color: #d7dadd !important;

					line-height: 1 !important;
				}


				.leo-economizar-star__fill {
					position: absolute !important;

					top: 0 !important;
					left: 0 !important;

					display: block !important;

					height: 100% !important;

					overflow: hidden !important;

					white-space: nowrap !important;

					color: #f5a000 !important;

					line-height: 1 !important;
				}


				.leo-economizar-stars__count {
					color: #777 !important;

					font-size: 12px !important;
					line-height: 1 !important;
				}


				/* =================================================
				   PREÇO
				   ================================================= */

				.leo-economizar-card__price {
					min-height: 42px;

					display: flex;
					align-items: center;
					flex-wrap: wrap;

					margin: 1px 0 10px;

					color: #111;

					font-size: 20px;
					line-height: 1.2;
					font-weight: 700;
				}


				.leo-economizar-card__price del {
					margin-right: 6px;

					color: #999;

					font-size: 13px;
					font-weight: 400;
				}


				.leo-economizar-card__price ins {
					text-decoration: none;
				}


				/* =================================================
				   BOTÃO - COR CONTROLADA PELO PAINEL
				   ================================================= */

				.leo-economizar-card__button {
					margin-top: auto;
				}


				.leo-economizar-add,
				.leo-economizar-add.button {
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;

					gap: 9px !important;

					width: 100% !important;

					min-height: 45px !important;

					margin: 0 !important;

					padding:
						10px 12px !important;

					border: 0 !important;

					border-radius:
						10px !important;

					background:
						var(
							--leo-economizar-button,
							#1A7A53
						) !important;

					color: #fff !important;

					font-size: 15px !important;
					line-height: 1 !important;
					font-weight: 700 !important;

					text-decoration: none !important;

					box-shadow: none !important;

					transition:
						filter .2s ease,
						transform .2s ease !important;
				}


				.leo-economizar-add:hover,
				.leo-economizar-add.button:hover {
					background:
						var(
							--leo-economizar-button,
							#1A7A53
						) !important;

					color: #fff !important;

					filter: brightness(.87);
				}


				.leo-economizar-add svg {
					flex: 0 0 auto;
				}


				/* =================================================
				   SETAS
				   ================================================= */

				.leo-economizar__arrow {
					position: absolute;

					z-index: 5;

					top: 50%;

					transform:
						translateY(-50%);

					display: flex;
					align-items: center;
					justify-content: center;

					width: 38px;
					height: 38px;

					padding: 0;

					background: #eceff1;
					color: #3b3b3b;

					border: 0;
					border-radius: 50%;

					font-size: 30px;
					line-height: 1;

					cursor: pointer;
				}


				.leo-economizar__arrow--prev {
					left: -18px;
				}


				.leo-economizar__arrow--next {
					right: -18px;
				}


				.leo-economizar__arrow:disabled {
					opacity: .35;
					cursor: default;
				}


				/* =================================================
				   BOLINHAS
				   ================================================= */

				.leo-economizar__dots {
					display: flex;
					align-items: center;
					justify-content: center;

					gap: 7px;

					min-height: 12px;

					margin-top: 18px;
				}


				.leo-economizar__dot {
					width: 10px;
					height: 10px;

					padding: 0;

					border: 0;
					border-radius: 999px;

					background: #c7cbd0;

					cursor: pointer;

					transition:
						width .2s ease,
						background .2s ease;
				}


				.leo-economizar__dot.is-active {
					width: 42px;

					background: #ffae00;
				}


				/* =================================================
				   TABLET
				   ================================================= */

				@media (max-width: 999px) {

					.leo-economizar__inner {
						width:
							min(
								calc(100% - 32px),
								940px
							);
					}


					.leo-economizar__track {
						gap: 14px;
					}


					.leo-economizar-card {
						flex-basis:
							calc(
								(100% - 28px) / 3
							);
					}


					.leo-economizar__arrow--prev {
						left: -14px;
					}


					.leo-economizar__arrow--next {
						right: -14px;
					}
				}


				/* =================================================
				   CELULAR - 2 PRODUTOS
				   ================================================= */

				@media (max-width: 767px) {

					.leo-economizar {
						padding:
							26px 0 32px;
					}


					.leo-economizar__inner {
						width:
							calc(100% - 24px);
					}


					.leo-economizar__title {
						margin-bottom: 14px;

						font-size: 21px;
						line-height: 1.15;
					}


					.leo-economizar__track {
						gap: 9px;

						padding: 1px;
					}


					.leo-economizar-card {
						flex:
							0 0
							calc(
								(100% - 9px) / 2
							);

						border-radius: 17px;
					}


					.leo-economizar-card__image {
						height: 170px;

						padding:
							12px 10px 3px;
					}


					.leo-economizar-card__content {
						padding:
							8px 11px 12px;
					}


					.leo-economizar-card__title {
						min-height: 40px;

						font-size: 14px;
						line-height: 1.3;
					}


					.leo-economizar-star {
						font-size:
							13px !important;
					}


					.leo-economizar-stars__count {
						font-size:
							11px !important;
					}


					.leo-economizar-card__price {
						min-height: 37px;

						margin-bottom: 8px;

						font-size: 18px;
					}


					.leo-economizar-card__price del {
						font-size: 11px;
					}


					.leo-economizar-add,
					.leo-economizar-add.button {
						min-height:
							44px !important;

						padding:
							9px 6px !important;

						font-size:
							14px !important;
					}


					.leo-economizar-add svg {
						width: 21px;
						height: 21px;
					}


					.leo-economizar__arrow {
						display: none;
					}


					.leo-economizar__dots {
						margin-top: 18px;
					}


					.leo-economizar-card__sale {
						top: 10px;
						left: 9px;

						font-size: 10px;
					}
				}


				@media (max-width: 390px) {

					.leo-economizar-card__image {
						height: 150px;
					}


					.leo-economizar-add,
					.leo-economizar-add.button {
						font-size:
							13px !important;
					}
				}