		<!--start overlay-->
		<div class="overlay toggle-icon"></div>
		<!--end overlay-->

		<!--Start Back To Top Button-->
		<a href="javaScript:;" class="back-to-top">
			<i class='bx bxs-up-arrow-alt'></i>
		</a>
		<!--End Back To Top Button-->

		<style>
			.page-footer {
				padding: 14px 18px;
				background: rgba(255,255,255,.92);
				border-top: 1px solid rgba(0,0,0,.08);
				box-shadow: 0 -8px 24px rgba(0,0,0,.04);
				backdrop-filter: blur(10px);
			}

			.footer-premium {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				flex-wrap: wrap;
				text-align: center;
				font-size: 13px;
				font-weight: 700;
				color: #111;
				line-height: 1.4;
			}

			.footer-premium .footer-by {
				color: #555;
				font-weight: 700;
			}

			.footer-premium .footer-brand {
				display: inline-flex;
				align-items: center;
				gap: 6px;
				color: #000;
				font-weight: 1000;
				text-decoration: none;
				letter-spacing: .4px;
				padding: 5px 10px;
				border-radius: 999px;
				background: rgba(25,135,84,.10);
				border: 1px solid rgba(25,135,84,.22);
				transition: all .15s ease;
			}

			.footer-premium .footer-brand:hover {
				color: #198754;
				transform: translateY(-1px);
				box-shadow: 0 8px 18px rgba(0,0,0,.10);
			}

			.footer-premium .footer-brand i {
				font-size: 15px;
				color: #198754;
			}

			.footer-premium .footer-copy {
				color: #555;
				font-weight: 700;
			}

			.back-to-top {
				border-radius: 14px !important;
				box-shadow: 0 10px 25px rgba(0,0,0,.18);
			}

			@media (max-width: 575px) {
				.page-footer {
					padding: 12px 8px;
				}

				.footer-premium {
					font-size: 12px;
					gap: 5px;
				}

				.footer-premium .footer-brand {
					padding: 4px 9px;
				}
			}
		</style>
		<style>
			.page-footer {
				padding: 14px 18px;
				background: #111827;
				border-top: 1px solid rgba(255,255,255,.08);
				box-shadow: 0 -8px 24px rgba(0,0,0,.22);
			}

			.footer-premium {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				flex-wrap: wrap;
				text-align: center;
				font-size: 13px;
				font-weight: 700;
				color: rgba(255,255,255,.82);
				line-height: 1.4;
			}

			.footer-premium .footer-by {
				color: rgba(255,255,255,.65);
				font-weight: 700;
			}

			.footer-premium .footer-brand {
				display: inline-flex;
				align-items: center;
				gap: 6px;
				color: #ffffff;
				font-weight: 1000;
				text-decoration: none;
				letter-spacing: .4px;
				padding: 5px 10px;
				border-radius: 999px;
				background: rgba(255,255,255,.08);
				border: 1px solid rgba(255,255,255,.14);
				transition: all .15s ease;
			}

			.footer-premium .footer-brand:hover {
				color: #ffffff;
				background: rgba(25,135,84,.35);
				border-color: rgba(25,135,84,.45);
				transform: translateY(-1px);
				box-shadow: 0 8px 18px rgba(0,0,0,.28);
			}

			.footer-premium .footer-brand i {
				font-size: 15px;
				color: #22c55e;
			}

			.footer-premium .footer-copy {
				color: rgba(255,255,255,.65);
				font-weight: 700;
			}

			.back-to-top {
				border-radius: 14px !important;
				background: #111827 !important;
				border: 1px solid rgba(255,255,255,.14) !important;
				box-shadow: 0 10px 25px rgba(0,0,0,.30);
			}

			.back-to-top i {
				color: #ffffff !important;
			}

			@media (max-width: 575px) {
				.page-footer {
					padding: 12px 8px;
				}

				.footer-premium {
					font-size: 12px;
					gap: 5px;
				}

				.footer-premium .footer-brand {
					padding: 4px 9px;
				}
			}
			
		</style>
	</div>
	<!--end wrapper-->

	<!-- Bootstrap JS -->
	<script src="<?= $BASE_URL ?>/assets/js/bootstrap.bundle.min.js"></script>

	<!--plugins-->
	<script src="<?= $BASE_URL ?>/assets/js/jquery.min.js"></script>
	<script src="<?= $BASE_URL ?>/assets/plugins/simplebar/js/simplebar.min.js"></script>
	<script src="<?= $BASE_URL ?>/assets/plugins/metismenu/js/metisMenu.min.js"></script>
	<script src="<?= $BASE_URL ?>/assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
	<script src="<?= $BASE_URL ?>/assets/plugins/apexcharts-bundle/js/apexcharts.min.js"></script>
	<script src="<?= $BASE_URL ?>/assets/js/index3.js"></script>

	<script>
		if (document.querySelector('.best-selling-products')) {
			new PerfectScrollbar('.best-selling-products');
		}

		if (document.querySelector('.recent-reviews')) {
			new PerfectScrollbar('.recent-reviews');
		}

		if (document.querySelector('.support-list')) {
			new PerfectScrollbar('.support-list');
		}
	</script>

	<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
	<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>

	<script>
		$(document).ready(function() {
			if ($('#myTable').length) {
				$('#myTable').DataTable({
					language: {
						url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/pt-BR.json',
					},
					order: [[0, 'desc']],
					pageLength: 25
				});
			}
		});
	</script>

	<!--app JS-->
	<script src="<?= $BASE_URL ?>/assets/js/app.js"></script>
</body>

</html>