html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	background-color: #F9F9F9;
	scroll-behavior: smooth;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, span, button, input, textarea{
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
a{
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	width:90%;
	max-width: 1200px;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}

/*HEADER*/
	header{
		width: 100%;
		position: fixed;
		z-index: 999;
		background-color: #030;
	}
	.header{
		background-image: linear-gradient(to bottom, #000, #000);
	}
	.headerMenu{
		width: 100%;
	}
	.headerMenu ul{
		display: flex;
		justify-content: space-between;
		gap: 15px;
		list-style: none;
	}
	.headerMenu li{
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 1px;
		margin: 10px 0;
		position: relative;
		text-transform: uppercase;
		color: #FFFC;
	}
	.headerMenu li:hover{
		color: #FFF;
	}
	.headerMenuResponsivo{
		display: none;
	}
	
/*BANNER*/
	.bannerGeral{
		width: 100%;
		background-size: cover;
		background-position: center;
	}
	.bannerGeralBackground{
		width: 100%;
		padding: 100px 0;
		background-color: #0005;
	}	
	.bannerGeralBackground .container{
		align-items: center;
		gap: 25px;
	}
	.bannerGeralMarca{
		width: 150px;
		min-width: 150px;
		height: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100px;
		overflow: hidden;
		margin: 20px 0 0;
		display: none;
	}
	.bannerGeralMarca img{
		width: 100%;
		height: auto;
	}
	.bannerGeralMarcaInfo{
		width: 100%;
	}
	.bannerGeralMarcaInfo h1{
		font-size: 48px;
		text-transform: uppercase;
		color: #FFF;
	}
	.bannerGeralMarcaInfo p{
		font-size: 36px;
		font-style: italic;
		font-weight: 300;
		color: #FFF;
	}

/*FRASE*/
	.frase{
		width: 100%;
		margin: 50px 0;
	}
	.frase p{
		font-size: 24px;
		font-weight: 300;
		font-style: italic;
		text-align: center;
		color: #030;
	}

/*CATALOGO FILTRO*/
	.catalogoConteudo{
		width: 100%;
		margin: 25px 0;
		display: flex;
	}
	.catalogoConteudoMarca{
		width: 100%;	
	}
	.catalogoConteudoMarca img{
		width: 100%;
		border-radius: 10px;	
	}
	.catalogoConteudoFiltro{
		width: 300px;
		margin: 0 20px 0 0;
	}
	.catalogoConteudoFiltroBg{
		margin: 0 0 25px;
		background-color: #FFF;
	}
	.catalogoConteudoFiltroBg p{
		font-weight: bold;
		padding: 25px;
		text-transform: uppercase;
		background-color: #030;
		color: #FFF;
	}
	.catalogoConteudoFiltroBg ul{
		list-style: none;
		padding: 20px 0;
	}
	.catalogoConteudoFiltroBg li{
		padding: 5px 25px;
		color: #555;
	}
	.catalogoConteudoFiltroBg li a{
		display: block;
		padding: 4px 0;
	}
	.catalogoConteudoFiltroBg li a:hover,
	.catalogoConteudoFiltroBg li a.catalogoCategoriaAtiva{
		font-weight: bold;
		color: #030;
	}

/*CATALOGO FILTRO*/
	.catalogoItems{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
	}
	.catalogoBg{
		width: 19%;
		margin: 0 0.5% 10px;
		border-radius: 5px;
		overflow: hidden;
		background-color: #FFF;
		box-shadow: 0 0 30px #0001;
	}
	.catalogoItems .catalogoBg{
		width: 24%;
		margin: 0 0.5% 10px;
	}
	.catalogoItems .catalogoBg.catalogoOculto{
		display: none;
	}
	.catalogoVazio{
		display: none;
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		text-align: center;
		color: #666;
		background: #FFF;
	}
	.catalogoVazio.catalogoVazioVisivel{
		display: block;
	}
	.catalogoBgImagem01{
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		display: flex;
		align-items: center;
		background-size: cover;
		background-position: center;
	}
	.catalogoImagemAmpliar{
		display: block;
		cursor: zoom-in;
	}
	.catalogoGaleriaOculta{
		display: none;
	}
	.catalogoBgImagem01 img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.catalogoBg:hover .catalogoBgImagem01 img{
		transform: scale(1.1);
	}
	.catalogoBgTexto{
		width: 100%;
		min-height: 60px;
		padding: 15px 0 0;
	}
	.catalogoBgTexto p:first-of-type{
		font-size: 12px;
		text-align: center;
		text-transform: uppercase;
		color: #060;
	}
	.catalogoBgTexto p:last-of-type{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
		color: #555;
	}
	.catalogoBgValor{
		width: 100%;
		padding: 10px 0;
	}
	.catalogoBgValor p:first-of-type{
		text-align: center;
		font-size: 12px;
		letter-spacing: 2px;
		color: #999;
	}
	.catalogoBgValor p:first-of-type span{
		text-decoration: line-through;
	}
	.catalogoBgValor p:last-of-type{
		text-align: center;
		font-size: 22px;
		font-weight: 600;
		color: #333;
	}
	.catalogoBgValor p:last-of-type span{
		font-size: 18px;
		font-weight: 600;
	}
	.catalogoCompras{
		width: 100%
		display:flex;
		padding: 10px;
	}
	.catalogoQuantidade{
		width: 100%;
		display: flex;
	}	
	.catalogoQuantidade input{
		width: 100%;
		height: 30px;
		margin: 10px 0 0;
		border: 1px solid #CCC;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.catalogoQuantidade input::placeholder{
		font-size: 11px;
		letter-spacing: 1px;
	}
	.catalogoAdicionar{
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		border: none;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		background-color: #CCC;
	}

/*FEED INSTAGRAM*/
	.feed{
		padding: 75px 0;
	}
	.feedTitulo{
		margin: 0 0 50px;
		text-align: center;
	}
	.feedTitulo p{
		font-size: 14px;
		letter-spacing: 2px;
		color: #030;
	}

/*INFORMACOES*/
	.informacoes{
		width: auto;
		padding: 20px;
		margin: 10px 0;
		border-radius: 5px;
		background-color: #FFF;
	}
	.informacoesTitulo{
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
		display: flex;
		border-bottom: 1px solid #CCC;
	}
	.informacoesTitulo h2{
		font-size: 14px;
		text-transform: uppercase;
		color: #060;
	}	
	.informacoesTexto{
		width: 100%;
		columns: 1;
	}		
	.informacoesTexto p{
		width: 100%;
		font-size: 16px;
		padding: 10px 0;
		font-weight: 300;
		color: #777;
	}
	.informacoesTexto p:last-of-type{
		border-bottom: 0px solid #EEE;
	}
	.informacoesPagamento{
		width: 100%;
		display: flex;
	}
	.informacoesPagamentoBg{
		width: 100%;
		margin: 10px 0 0;
		display: flex;
		align-items: center;
	}
	.informacoesPagamentoBg img{
		width: 20px;
		height: 20px;
		margin: 0 10px 0 0;
		opacity: 0.7;
	}
	.informacoesPagamentoBg p{
		font-size: 14px;
		font-weight: 500;
	}
	.informacoesContatoBg{
		width: 100%;
		display: flex;
		align-items: center;
	}
	.informacoesContatoBg p{
		width: 100%;
		font-size: 12px;
		padding: 10px;
		border-bottom: 1px solid #EEE;
		color: #777;
	}
	.informacoesContatoBg p span{
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	.informacoesContatoImagem {
		width: 40px;
		min-width: 40px;
		height: 40px;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.facebook{
		background-color: #359;
	}
	.whatsapp{
		background-color: #2D6;
	}
	.telefone{
		background-color: #000;
	}
	.instagram{
		background-size: cover;
		background-image: url(https://img.magnific.com/vetores-gratis/instagram-fundo-em-cores-gradientes_23-2147819865.jpg);
	}
	.informacoesContatoImagem img{
		width: 20px;
		height: auto;
		filter: brightness(10);
	}

/*INFORMAÇÃO MODAL*/
	.informacoesModalFonte{
		display: none;
	}
	body.modalAberto{
		overflow: hidden;
	}
	.informacoesModal{
		display: none;
		position: fixed;
		z-index: 1001;
		inset: 0;
		padding: 24px;
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, .62);
	}
	.informacoesModalJanela{
		width: 100%;
		max-width: 760px;
		max-height: calc(100vh - 48px);
		margin: 24px auto;
		padding: 34px 32px 32px;
		box-sizing: border-box;
		overflow-y: auto;
		position: relative;
		border-radius: 8px;
		background-color: #FFF;
		box-shadow: 0 18px 48px rgba(0, 0, 0, .3);
	}
	.informacoesModalFechar{
		width: 34px;
		height: 34px;
		position: absolute;
		top: 14px;
		right: 14px;
		border: 0;
		border-radius: 50%;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		color: #FFF;
		background-color: #030;
	}
	.informacoesModalConteudo h2{
		margin: 0 42px 20px 0;
		font-size: 24px;
		color: #030;
	}
	.informacoesModalConteudo .informacoesTexto{
		width: auto;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	.informacoesModalConteudo .informacoesTexto p{
		font-size: 16px;
		line-height: 1.6;
		text-align: left;
		color: #333;
	}
	.informacoesModalConteudo .informacoesTexto h3{
		margin: 24px 0 8px;
		font-size: 18px;
		color: #030;
	}

/*FIXO CARRINHO*/
	.fixoCarrinho{
		width: 100%;
		height: 100vh;
		display: none;
		position: fixed;
		z-index: 9999999;
		top: 0px;
		background-color: #0009;
	}
	.fixoCarrinhoAberto{
		display: block;
	}
	.fixoCarrinhoFechar{
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 10px;
		left: 335px;
		border-radius: 50px;
		z-index: 999;
		background-color: #FFF;
		cursor: pointer;
	}
	.fixoCarrinhoFechar:hover{
		background-color: #CCC;
	}
	.fixoCarrinhoBackground{
		width: 350px;
		height: 100vh;
		position: fixed;
		left: 0;
		z-index: 998;
		background-color: #F9F9F9;
		box-shadow: -5px 0 25px #0009;
	}
	.fixoCarrinhoTitulo{
		padding: 20px;
		background-color: #555;
	}
	.fixoCarrinhoTitulo p{
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: #FFF;
	}
	.fixoCarrinhoItens{
		overflow: auto;
		padding: 20px 20px 0;
		position: absolute;
		top: 70px;
		bottom: 190px;
	}
	.fixoCarrinhoItens::-webkit-scrollbar {
		width: 0px;
	}
	.fixoCarrinhoItensBg{
		width: 100%;
		padding: 20px 0;
		display: flex;
		position: relative;
		border-bottom: 1px solid #DDD;
	}
	.fixoCarrinhoItensImagem{
		min-width: 100px;
		min-height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		overflow: hidden;
		border: 1px solid #CCC;
	}
	.fixoCarrinhoItensImagem img{
		max-width: 80px;
		max-height: 80px;
	}
	.fixoCarrinhoItensTexto{
		width: 100%;
		margin: 0 0 0 10px;
		display: flex;
		flex-wrap: wrap;
	}
	.fixoCarrinhoItensProdutos{
		width: 100%;
	}
	.fixoCarrinhoItensProdutos p{
		font-size: 14px;
		font-weight: 500;
		line-height: 125%;
	}
	.fixoCarrinhoItensValor{
		width: 100%;
		margin: 0px 0 10px;
	}
	.fixoCarrinhoItensValor p{
		font-size: 18px;
		font-weight: bold;
		line-height: 125%;
	}
	.fixoCarrinhoItensAcoes{
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.fixoCarrinhoItensAcoesBg{
		width: 30px;
		height: 30px;
		margin: 0 0 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #777;
	}
	.fixoCarrinhoItensAcoesBg:hover{
		filter: brightness(1.1);
	}
	.fixoCarrinhoItensAcoesBg:last-of-type{
		background-color: #000;
	}
	.fixoCarrinhoItensAcoesBg p{
		font-size: 20;
		font-weight: bold;
		color: #FFF;
	}
	.fixoCarrinhoItensAcoesBg img{
		width: 12px;
		filter: invert(1);
	}
	.fixoCarrinhoResumo{
		width: 100%;
		padding: 20px 0;
		position: absolute;
		z-index: 999;
		bottom: 0;
		right: 0;
		background-color: #2D6;
	}
	.fixoCarrinhoResumo{
		padding: 30px 0 0;
		padding: 10px 0 50px;
		position: absolute;
		z-index: 999;
		bottom: 0;
		right: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		border-top: 1px solid #CCC;
		background-color: #EEE;
	}
	.fixoCarrinhoSubtotal{
		width: 100%;
		display: flex;
		margin: 0 20px 20px;
		justify-content: space-between;
	}
	.fixoCarrinhoSubtotal p{
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.fixoCarrinhoSubtotal p:last-of-type{
		font-size: 18px;
		font-weight: bold;
	}
	.fixoCarrinhoBotoes{
		width: 100%;
		height: 50px;
		position: absolute;
		bottom: 0;
		display: flex;
		padding: 0;
		bottom: 0;
		z-index: 999;
		background-color: #C00;
	}
	.fixoCarrinhoBotoes a{
		width: 100%;
		padding: 15px;
		margin: 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0009;
		background-color: #2D8;
	}
	.fixoCarrinhoBotoes a:hover{
		background-color: #999;
	}
	.fixoCarrinhoFechar{
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 10px;
		right: 335px;
		border-radius: 50px;
		z-index: 999;
		background-color: #FFF;
		cursor: pointer;
	}
	.fixoCarrinhoFechar:hover{		
		background-color: #CCC;
	}
	.fixoCarrinhoVazio{
		width: 100%;
		height: 90%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.fixoCarrinhoVazio img{
		width: 100%;
		max-width: 200px;
		opacity: 0.5;
	}
	.fixoCarrinhoVazio p{
		padding: 0 20px;
		font-size: 18px;
		text-align: center;
		color: #999;
	}

/*ICONE CARRINHO*/
	.iconeCarrinho{
		width: 60px;
		height: 60px;
		border-radius: 100px;
		position: fixed;
		z-index: 998;
		bottom: 150px;
		right: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #000;
		transform: scale(1.1);
		box-shadow: 0 0 30px #0006;
	}
	.iconeCarrinho:hover{
		transform: scale(1.2);
	}
	.iconeCarrinho img{
		width: 20px;
		height: auto;
		filter: brightness(10);
	}

/*POPUP
	.popUp {
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 999;
		background-color: #0006;
	}
	.popUp .container {
		max-width: 90%
	}
	.popUp .flex {
		height: 100%;
		position: relative;
		z-index: 999;
		justify-content: center;
		align-items: center
	}
	.popUpBg {
		width: 100%;
		height: auto;
		max-width: 800px;
		max-height: 500px;
		overflow: auto;
		padding: 10px;
		background: #FFF;
		border-radius: 5px;
		position: relative;
		box-shadow: 0 0 5px #000
	}
	.popUpBgFechar{
		width: 30px;
		height: 30px;
		position: absolute;
		z-index: 99;
		top: 10px;
		right: 10px;
		border-radius: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		color: #FFF;
		background-color: #000
	}
	.popUpConteudo{
		position: relative;
		z-index: 2;
	}
	.popUpCardapioImagem{
		width: 100%;
		max-height: 400px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.popUpCardapioImagem img{
		width: 100%;
	}
	.popUpCardapioDescricao{
		width: 100%;
		max-height: 400px;
		overflow: auto;
		margin: 0 0 0 25px;
	}
	.popUpCardapioTitulo h3{
		width: 100%;
		height: 30px;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		color: #000;
	}
	.popUpCardapioTitulo p{
		width: 100%;
		margin: 10px 0;
		font-size: 16px;
		font-weight: 300;
		text-align: center;
		color: #999;
	}
	.popUpCardapioTitulo p:last-of-type{
		margin: 0;
		font-weight: bold;
		color: #000;
	}
	.popUpCardapioTitulo p:last-of-type span{
		font-weight: 300;
		text-decoration: line-through;
	}
	.popUpCardapioTitulo form{
		margin: 25px 0 0;
	}
	.popUpCompartilhar{
		width: 100%;
		margin: 30px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.popUpCompartilhar p{
		width: 100%;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: #777;
	}
	.popUpCompartilharBg{
		width: 40px;
		height: 40px;
		margin: 5px 10px;
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #2D4;
	}
	.popUpCompartilharBg img{
		width: 20px;
		filter: brightness(10);
	}*/

/*FOOTER*/
	footer{
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		border-top:1px solid #CCC;
		background-color: #F9F9F9;
	}
	footer p{
		width: 100%;
		text-align: center;
		font-size: 12px;
		letter-spacing: 1px;
		color: #999;
	} 

/* CHECKOUT */
	.checkout{
		width: 100%;
		min-height:100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background:#F9F9F9;
	}
	.checkoutCard{
		padding:30px;
		background:#FFF;
	}
	.checkoutCard h1{
		margin: 0 0 25px;
		font-size: 18px;
		text-transform: uppercase;
	}
	.checkoutCard p{
		margin: 10px 0;
	}
	.checkoutGrid{
		width: 100%;
		display: flex;		
		gap: 50px;
	}
	.checkoutForm{
		width: 100%;
	}
	.checkoutForm label{
		margin:0 0 10px;
	}
	.checkoutForm input,
	.checkoutForm textarea{
		width:100%;
		height: 50px;
		font-size: 16px;
		font-weight: bold;
		padding:10px;
		margin:0;
		display:block;
		box-sizing:border-box;
		border:1px solid #ccc;
		border-radius:3px;
	}
	.checkoutEnderecoLinha{
		display:grid;
		grid-template-columns:minmax(0, 1.4fr) minmax(70px, .45fr) minmax(105px, .75fr);
		gap:10px;
	}
	.checkoutForm button{
		height: 50px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 10px 0 0;
		padding:10px 20px;
		border:0;
		border-radius:3px;
		background:#222;
		cursor:pointer;
		color:#FFF;
	}
	.checkoutForm button:disabled{
		opacity:.65;
		cursor:wait
	}
	.checkoutResumo{
		width: 75%;
		padding:20px;
		background:#F9F9F9;
	}
	.checkoutResumo h2{
		text-transform: uppercase;
		margin: 0 0 20px;
		color: #777;
	}
	.checkoutResumoBg,
	.checkoutTotal{
		display:flex;
		justify-content:space-between;
		gap:15px;
		padding:10px 0;
		border-bottom:1px solid #DDD
	}
	.checkoutTotal{
		border-top:1px solid #CCC;
		border-bottom: 0;
	}
	.checkoutTotal p{
		text-transform: uppercase;
		font-weight: bold;
	}
	.checkoutFrete{
		width: 100%;
		margin: 15px 0 0;
	}
	.checkoutFrete p{
		font-size: 12px;
		font-style: italic;
	}
	.checkoutMessage{
		margin:15px 0 0
	}
	.checkoutErro{
		color:#A11
	}

@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}
	
	/*HEADER*/
		.headerMenu{
			display: none;
			background-color: #030;
		}
		.headerMenu ul{
			display: block;
			padding: 5px 20px 10px;
		}
		.headerMenu li{
			margin: 0;
			border-top: 1px solid #0009;
		}
		.headerMenu li a{
			display: block;
			padding: 12px 0;
		}
		.headerMenuResponsivo{
			display: block;
			padding: 15px 20px;
			cursor: pointer;
			display: flex;
			align-items: center;
			color: #FFFC;
		}
		.headerMenuResponsivo p{
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 1px;
		}
		.headerMenuResponsivo p span{
			transform: translateX(-3px);
		}

	/*BANNER*/
		.bannerGeralBackground{
			padding: 75px 0 25px;
		}
		.bannerGeralMarca{
			width: 130px;
			min-width: 130px;
			height: 130px;
			margin: 0 auto;
			display: block;
		}
		.bannerGeralMarcaInfo h1{
			font-size: 28pxpx;
			text-align: center;
		}
		.bannerGeralMarcaInfo p{
			font-size: 24px;
			text-align: center;
		}

	/*FRASE*/
		.frase{
			max-width: 300px;
			margin: 25px auto;
		}

	/*CATALOGO FILTRO*/
		.catalogoConteudo{
			margin: 25px 0;
		}
		.catalogoConteudoFiltro{
			width: 100%;
			margin: 0 auto;
		}
		.catalogoConteudoFiltroBg{
			margin: 0 0 25px;
			background-color: #FFF;
		}
		.catalogoConteudoFiltroBg p{
			padding: 15px;
			color: #FFF;
		}

	/*CATALOGO PRODUTOS*/
		.catalogoItems .catalogoBg{
			width: 48%;
			margin: 0 1% 10px;
		}
		.catalogoBgValor p:first-of-type{
			letter-spacing: 1px;
		}

	/*FEED INSTAGRAM*/
		.feed{
			padding: 50px 0;
		}
		.feedTitulo{
			margin: 0 0 25px;
			text-align: center;
		}
		.feedTitulo p{
			padding: 15px 0;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 2px;
			color: #FFF;
			background-color: #030;
		}

		






		.informacoesModal{
			padding: 14px;
		}
		.informacoesModalJanela{
			max-height: calc(100vh - 28px);
			margin: 0 auto;
			padding: 30px 22px 24px;
		}
		.informacoesModalConteudo h2{
			font-size: 21px;
		}
		

		.checkoutGrid{
			flex-wrap: wrap;
		}
		.checkoutEnderecoLinha{
			grid-template-columns:1fr;
			gap:0;
		}
		.checkoutForm{
			order: 2;
		}
		.checkoutForm button{
			width: 100%;
		}
		.checkoutResumo{
			width: 100%;
			order: 1;
		}
		.checkoutResumo p:last-of-type{
			min-width: 100px;
			text-align: right;
		}

		.headerMarca{
			justify-content: center;
		}
		
		/*POPUP*/
			.popUpCardapioDescricao{
				margin: 10px;
			}

		/*COOKIES*/
			.cookiesAviso p:nth-child(1){
				margin: 0 10px 20px;
			}

	/*INFORMACOES*/
		.informacoesPagamento{
			flex-wrap: wrap;
		}
		.informacoesPagamentoBg{
			width: 100%;
		}

	/*ICONE CARRINHO*/
		.iconeCarrinho{
			bottom: 100px;
		}
}