﻿
:root {
	--cor-estabelecimento: red;
}

.icon-delivery {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAS5AAAEuQER4c0nAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAopJREFUWIXt1k2oz1kYB/CPl5S8dF3KwvtmYsxCoZBYEZpSFowimcUUNdiQjaSQugvvL1d2LLhTCJORm4SSzGqGLJQiq1ve5TJMf4tz/v4/5/5+v//9/yUb33rqPOd5Pec8z9PhO74x+iT8cUwq0O3E5gy/EGvj+iD+aiaB/gnfjvFoTWg4/s/ozcEF9I38IszFjWaSaAaHUUnoUDOO0huo4jdMzdm/hz14mSPL26uLvgX7T9GNwZiAGfgZ86P8ALoy+l1xr2GkRdgIRmJpXJ/KJDQOv8T1TVwrc5I+wRKMyNG7h+txPRR/CJW/P0d3CXbF9Z/1Ekjxt57FVRG6o4oDmf3rmJX4WI8OPMALxXXWVAIzhXas4H1GfhY/Jr42RNn0soBFRZiHATgabU5jIk7GIIvxD44JBTsVz6Ld3AZilN7Alrh+gVEZm59wvsCuolYPX5TAVaEtK9iEYZEGZmzn4ZbQwk/xNurvibqDviSBIjpd4qs90e3IU2qkBvKwQBhWeWio+qsYqna9ZdSKx8LJlhf4uqx2+tsYnadUNAl/wGT5p3iNi9iLdTgjDJ8UjzAmw98RZsargpjEgMeVv/sHYQzPjvwbPZ9hSoHtqbLg1IZHPVoj1E/RM7SV2E4rS+BSLxO4EvX36tkNrcKsKLLdV5ZAb9uw7Bm217HtzAZsqlXQTyi8dmyM/HBhXP9ex7alyZifsM3nz5BF9fT39fJweW3YovbRSNEh9PO/MdDzRD4kBl6FE1gt3E4VD4U6K8VA/Kfn271Tm/13c+RVqp5+WY6sLQ2Wd03d2Imtyf6OKCP8D1sLDtAlFOmvyf4T7C6wycVKnIu0ohHDiBE4IvyaDmNsEz6+4+vjI2TH+Yp7UhBIAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: -4px;
	flex: 0 0 20px;
	line-height: 1;
	filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
}

.botao-acao .icon-delivery {
	margin-right: 6px;
}





.colored,
.shop-bag i,
.naver .navbar a i,
.header .naver .navbar .social a:hover i,
.naver .navbar a:hover,
.user-menu i,
.search-bar-mobile button i,
.categoria .vertudo i,
.categoria .counter,
.bread i,
.produto-detalhes .categoria a,
.campo-numero i,
.sacola-table .sacola-remover i,
.adicionado .checkicon,
.title-line i,
.back-button i,
.sidebar-info i,
.filter-select .outside,
.filter-select .fake-select i,
.pagination i,
.funcionamento-mobile i,
.fake-select i,
.search-bar button i,
.holder-shop-bag i
 {
color: var(--cor-estabelecimento) !important;
}

.top {
border-color: var(--cor-estabelecimento) !important;
}

.footer-info,
.copyright,
.copyright-legal-bar,
.categoria .produto .detalhes,
.cover,
.carousel-indicators .active,
.botao-acao,
.sidebar .sidebar-header,
.minitop,
.opcoes .opcao.active .check,
.floatbar {
background: var(--cor-estabelecimento) !important;
}

.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background: var(--cor-estabelecimento) !important;
color: #fff !important;
}


.tv-infinite-menu a.active,
.tv-infinite-menu a:hover,
.fancybox-thumbs__list a::before {
border-color: var(--cor-estabelecimento) !important;
}



















.input-group.cupom-group {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.input-group.cupom-group .form-control {
	display: table-cell;
	float: none;
	height: 48px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
}

.input-group.cupom-group .input-group-addon.botao-aplicar {
	display: table-cell;
	gap: 6px;
	width: 1%;
	white-space: nowrap;
	padding: 0 18px;
	border: 1px solid #dbe4db;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	background: var(--cor-estabelecimento) !important;
	color: #ffffff !important;
	font-weight: 400;
	box-shadow: none;
	cursor: pointer;
	transition: 0.2s;
	vertical-align: middle;
}

.input-group.cupom-group .input-group-addon.botao-aplicar i {
color: #ffffff !important;
	margin-right: 6px;
}

.input-group.cupom-group .input-group-addon.botao-aplicar:hover,
.input-group.cupom-group .input-group-addon.botao-aplicar:active,
.input-group.cupom-group .input-group-addon.botao-aplicar:focus {
	background: #e8eee8;
	color: #4f5d50 !important;
}

.pedido .botao-enviar-pedido {
	background: #22a447 !important;
	border-color: #22a447 !important;
	color: #ffffff !important;
	animation: pedido_vibrar 5s ease-in-out infinite;
	transform-origin: center;
}

.pedido .botao-enviar-pedido:hover,
.pedido .botao-enviar-pedido:active,
.pedido .botao-enviar-pedido:focus {
	background: #18883a !important;
	border-color: #18883a !important;
	color: #ffffff !important;
}

.pedido .botao-enviar-pedido i,
.pedido .botao-enviar-pedido span {
	color: #ffffff !important;
}

@keyframes pedido_vibrar {
	0%, 84% { transform: translateX(0) scale(1); }
	86% { transform: translateX(-2px) scale(1.01) rotate(-1deg); }
	88% { transform: translateX(2px) scale(1.01) rotate(1deg); }
	90% { transform: translateX(-3px) scale(1.02) rotate(-1deg); }
	92% { transform: translateX(3px) scale(1.02) rotate(1deg); }
	94% { transform: translateX(-2px) scale(1.01) rotate(0deg); }
	96% { transform: translateX(2px) scale(1.01) rotate(-1deg); }
	98% { transform: translateX(-1px) scale(1.01) rotate(1deg); }
	100% { transform: translateX(0) scale(1); }
}

@media (max-width: 991px) {
	.top {
	border-top: 0;
	background: var(--cor-estabelecimento) !important;
	}

	html.page-pedido .header .top {
		top: 0;
	}

	.pedido-mobile-brand {
		height: 64px;
		position: relative;
	}

	.pedido-mobile-brand .pedido-avatar-fixo {
		height: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 15 !important;
	}

	.pedido-mobile-brand .pedido-avatar-fixo .avatar {
		top: 0;
	}

	.header-interna-produto {
		min-height: 58px;
	}

	.header-interna-produto .locked-bar-produto {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 58px;
		padding: 10px 0 0 0;
		width: 100%;
		z-index: 2;
	}

	.header-interna-produto .locked-bar-produto .avatar {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: 0 auto;
		width: 58px !important;
		height: 58px !important;
		flex: 0 0 58px;
	}

	.header-interna-produto .locked-bar-produto .avatar .holder {
		height: 50px;
		margin: 4px;
	}

	.header-interna-produto .locked-bar-produto .avatar img {
		width: 100%;
		height: auto;
	}

	.header-interna-produto .holder-interna-nopadd {
		height: 0;
	}

	.scene-produto .locked-bar .avatar {
		position: fixed;
		top: 6px;
		margin-top: 0 !important;
		height: 70px !important;
		width: 70px !important;
		transition: 0.5s;
		z-index: 1050;
	}

	.header .top {
		z-index: 10;
	}

	.header .top .align-middle-mobile a,
	.header .top .align-middle-mobile i,
	.header .top .align-middle-mobile span {
		color: #fff !important;
	}

	.header .top .align-middle-mobile .shop-bag .counter {
		background: rgba(0, 0, 0, .35) !important;
		border-color: rgba(255, 255, 255, .9) !important;
		color: #fff !important;
	}

	.header-interna-sacola {
		position: relative;
	}

	.header-interna-sacola .locked-bar-sacola {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 58px;
		padding: 10px 0 0 0;
		width: 100%;
		z-index: 2;
	}

	.header-interna-sacola .locked-bar-sacola .avatar {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: 0 auto;
		width: 58px !important;
		height: 58px !important;
		flex: 0 0 58px;
	}

	.header-interna-sacola .locked-bar-sacola .avatar .holder {
		height: 50px;
		margin: 4px;
	}

	.header-interna-sacola .locked-bar-sacola .avatar img {
		width: 100%;
		height: auto;
	}

	.header-interna-sacola .holder-interna-sacola {
		height: 0;
	}

	.header-interna-pedido .locked-bar-pedido,
	.header-interna-sacola .locked-bar-sacola {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 58px;
		padding: 10px 0 0 0;
		width: 100%;
	}

	.header-interna-pedido .locked-bar-pedido .avatar,
	.header-interna-sacola .locked-bar-sacola .avatar {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: 0 auto;
		width: 58px !important;
		height: 58px !important;
		flex: 0 0 58px;
	}

	.header-interna-pedido .locked-bar-pedido .avatar .holder,
	.header-interna-sacola .locked-bar-sacola .avatar .holder {
		height: 50px;
		margin: 4px;
	}

	.header-interna-pedido .locked-bar-pedido .avatar img,
	.header-interna-sacola .locked-bar-sacola .avatar img {
		width: 100%;
		height: auto;
	}

	.header-interna-pedido .holder-interna-sacola,
	.header-interna-sacola .holder-interna-sacola {
		height: 0px;
	}

	.comprar .line.botoes .sacola-adicionar,
	.comprar .line.botoes a.botao-acao,
	.line.botoes .sacola-adicionar {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		float: none !important;
		width: 100%;
		min-height: 54px;
		padding: 14px 16px;
		margin: 10px 0 0 0;
		border: 0;
		border-radius: 14px;
		background: var(--cor-estabelecimento);
		box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
		color: #fff !important;
		font-size: 16px;
		font-weight: 800;
		letter-spacing: .2px;
		text-transform: none;
		animation: sacola_vibrar 0.85s ease-in-out 5s 1;
		transform-origin: center;
	}

	.comprar .line.botoes .sacola-adicionar i {
		font-size: 20px;
		color: #fff !important;
	}

	.comprar .line.botoes .sacola-adicionar span {
		line-height: 1;
		color: #fff !important;
	}

	.comprar .line.botoes .sacola-adicionar:active {
		transform: scale(.98);
	}

	.scene-produto + .footer .copyright-legal-bar {
		padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
	}

	.sacola-table tr.sacola-alterar {
		display: grid;
		grid-template-columns: 84px minmax(0, 1fr) auto;
		grid-template-areas:
			"foto nome nome"
			"foto detalhes remover"
			"foto quantidade valor";
		gap: 6px 10px;
		align-items: center;
		margin: 0;
		padding: 12px 10px;
		text-align: left;
	}

	.sacola-table tr.sacola-alterar > td {
		display: block;
		float: none;
		width: auto;
		min-width: 0;
		padding: 0;
		text-align: left;
	}

	.sacola-table tr.sacola-alterar > .td-foto {
		grid-area: foto;
	}

	.sacola-table tr.sacola-alterar > .td-foto .imagem {
		width: 84px;
		height: 84px;
		margin: 0;
	}

	.sacola-table tr.sacola-alterar > .td-foto .imagem img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sacola-table tr.sacola-alterar > .td-nome {
		grid-area: nome;
	}

	.sacola-table tr.sacola-alterar > .td-nome .nome {
		width: auto;
		margin: 0;
		padding: 0;
		font-size: 16px;
		line-height: 20px;
		text-align: left;
	}

	.sacola-table tr.sacola-alterar > .td-detalhes {
		grid-area: detalhes;
	}

	.sacola-table tr.sacola-alterar > .td-detalhes span {
		width: auto;
		max-height: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 17px;
		text-align: left;
	}

	.sacola-table tr.sacola-alterar > .td-remover {
		grid-area: remover;
		justify-self: end;
	}

	.sacola-table tr.sacola-alterar > .td-remover .sacola-remover {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		float: none;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
	}

	.sacola-table tr.sacola-alterar > .td-remover .sacola-remover i {
		margin: 0;
		font-size: 18px;
	}

	.sacola-table tr.sacola-alterar > .td-quantidade {
		grid-area: quantidade;
	}

	.sacola-table tr.sacola-alterar > .td-quantidade .holder-acao {
		justify-content: flex-start;
		gap: 6px;
	}

	.sacola-table tr.sacola-alterar > .td-quantidade .item-acao {
		display: flex;
		align-items: center;
		gap: 8px;
		width: auto;
		flex: 0 0 auto;
	}

	.sacola-table tr.sacola-alterar > .td-quantidade .quantidade-label {
		color: rgba(0, 0, 0, .58);
		font-size: 12px;
		font-weight: 600;
	}

	.sacola-table tr.sacola-alterar > .td-quantidade .campo-numero {
		width: auto;
		margin: 0;
	}

	.sacola-table tr.sacola-alterar > .td-valor {
		grid-area: valor;
		justify-self: end;
		white-space: nowrap;
		padding: 0;
		font-size: 17px;
		font-weight: 700;
		text-align: right;
	}

	.sacola-table tr.sacola-alterar > .td-valor > span {
		display: none;
	}

	.sacola-table tr.sacola-alterar > .td-valor .valor {
		margin: 0;
	}

	.sacola-table tr.sacola-alterar > .td-valor .valor span {
		font-weight: 700;
	}

	.subtotal-adicionar.mobile-bottom-action {
		bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	}

	.has-mobile-bottom-action .cookie-consent {
		bottom: calc(112px + env(safe-area-inset-bottom, 0px));
	}

	.sacola-mobile-cta {
		position: fixed;
		left: 10px;
		right: 10px;
		bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		z-index: 1000;
		align-items: center;
		gap: 10px;
		padding: 10px;
		border: 1px solid rgba(0, 0, 0, .10);
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
	}

	.sacola-mobile-cta.visible-xs.visible-sm {
		display: flex !important;
	}

	.sacola-mobile-cta-total {
		display: flex;
		min-width: 78px;
		flex-direction: column;
		gap: 2px;
	}

	.sacola-mobile-cta-total span,
	.pedido-mobile-total span {
		color: rgba(0, 0, 0, .58);
		font-size: 12px;
		font-weight: 600;
		line-height: 16px;
	}

	.sacola-mobile-cta-total strong,
	.pedido-mobile-total strong {
		color: rgba(0, 0, 0, .88);
		font-size: 17px;
		line-height: 21px;
		white-space: nowrap;
	}

	.sacola-mobile-cta-link {
		display: inline-flex;
		min-height: 48px;
		flex: 1 1 auto;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 0 12px;
		border-radius: 10px;
		background: var(--cor-estabelecimento);
		color: #fff !important;
		font-size: 14px;
		font-weight: 800;
		line-height: 18px;
		text-align: center;
	}

	.sacola-mobile-cta-link i {
		color: #fff !important;
		font-size: 16px;
	}

	.pedido {
		padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px));
	}

	/* O rodape ja reserva espaco para a barra fixa; evita uma faixa branca antes dele. */
	html.page-pedido .pedido {
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.pedido-actions.mobile-bottom-action {
		position: fixed;
		left: 10px;
		right: 10px;
		bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		z-index: 1000;
		margin: 0;
		padding: 10px 12px;
		border: 0;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
	}

	.pedido-mobile-total.visible-xs.visible-sm {
		display: flex !important;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		padding: 0 4px 8px;
	}

	.pedido-actions.mobile-bottom-action > .row:last-child {
		display: flex;
		align-items: center;
		margin: 0;
	}

	.pedido-actions.mobile-bottom-action > .row:last-child > [class*="col-"] {
		float: none;
		padding: 0 4px;
	}

	.pedido-actions.mobile-bottom-action > .row:last-child > .col-xs-5 {
		width: 34%;
		flex: 0 0 34%;
	}

	.pedido-actions.mobile-bottom-action > .row:last-child > .col-xs-7 {
		width: 66%;
		flex: 1 1 auto;
	}

	.pedido-actions.mobile-bottom-action .back-button,
	.pedido-actions.mobile-bottom-action .botao-enviar-pedido {
		min-height: 48px;
		margin: 0;
	}

	.pedido-actions.mobile-bottom-action .back-button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		white-space: nowrap;
	}

	.marketplace-categories-nav {
		position: relative;
	}

	.marketplace-categories-scroll {
		scroll-behavior: smooth;
		scroll-snap-type: x proximity;
		padding-right: 30px;
	}

	.marketplace-categories-scroll a {
		scroll-snap-align: center;
	}

	.marketplace-categories-nav::before,
	.marketplace-categories-nav::after {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 2;
		width: 34px;
		content: "";
		pointer-events: none;
		opacity: 0;
		transition: opacity .2s ease;
	}

	.marketplace-categories-nav::before {
		left: 0;
		background: linear-gradient(90deg, #fff 12%, rgba(255, 255, 255, 0));
	}

	.marketplace-categories-nav::after {
		right: 0;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 88%);
	}

	.marketplace-categories-nav.is-scrollable:not(.is-at-start)::before,
	.marketplace-categories-nav.is-scrollable:not(.is-at-end)::after {
		opacity: 1;
	}

	@keyframes sacola_vibrar {
		0%   { transform: translateX(0) scale(1); }
		10%  { transform: translateX(-2px) scale(1.01) rotate(-1deg); }
		20%  { transform: translateX(2px) scale(1.01) rotate(1deg); }
		30%  { transform: translateX(-3px) scale(1.02) rotate(-1deg); }
		40%  { transform: translateX(3px) scale(1.02) rotate(1deg); }
		50%  { transform: translateX(-2px) scale(1.01) rotate(0deg); }
		60%  { transform: translateX(2px) scale(1.01) rotate(-1deg); }
		70%  { transform: translateX(-1px) scale(1.01) rotate(1deg); }
		80%  { transform: translateX(1px) scale(1.01) rotate(0deg); }
		100% { transform: translateX(0) scale(1); }
	}
}
