:root {
	 --dc1: #7e8186 !important;
}
 header {
	 margin-bottom: 0 !important;
}
 .secao-banners {
	 margin-top: 0px !important;
}
 .g_ .ordenar-listagem label + .btn-group > .btn {
	 border-radius: 0 2rem 2rem 0 !important;
	 line-height: 2.1rem;
	 padding: 0 1rem 0 0.7rem;
	 opacity: 0.4;
}
 .listagem .titulo-categoria, .g_ .pagina-pagina h1.titulo {
	 margin: 1rem 0 !important;
}
 .ordenar-listagem .input-append:first-child {
	 border: 0;
	 margin: 0;
	 border-radius: 2rem 0 0 2rem;
	 padding: 0;
}
 .g_ .ordenar-listagem label {
	 line-height: 1.6rem;
	 border-radius: 2rem 0 0 2rem;
	 font-size: var(--fs14);
}
 .container {

	 max-width: 1200px !important;
	 margin: auto;
}
 .menu.superior > .nivel-um > li {
	 padding: 1rem 1.1rem !important;
}
 .menu.superior > .nivel-um li.com-filho > ul {
	 text-align: left;
}
 .imagem-produto {
	 max-height: 270px !important;
	 height: 270px !important;
	 max-width: 240px !important;
	 margin: auto !important;
}
 .imagem-produto > img {
	 height: 100% !important;
	 width: 100% !important;
	 object-fit: cover !important;
}
 .listagem .produtos-carrossel {
	 padding: 0 !important;
}
 .g_ .listagem-item .acoes-produto a, .g_ .listagem-item .acoes-produto a:hover {
	 display: block;
	 width: fit-content;
	 line-height: 2.5rem !important;
	 height: 2.5rem;
	 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px !important;
	 margin: 0px auto;
	 border-radius: var(--brad);
	 padding: 0px 15px;
}
 .produtos-carrossel .flex-direction-nav {
	 height: 2rem;
	 margin: 0 0 0 auto !important;
	 display: flex;
	 position: relative;
	 right: 1rem;
	 width: 6rem !important;
}
 .produtos-carrossel .flex-nav-prev, .produtos-carrossel .flex-nav-next {
	 height: 0.8rem !important;
	 width: 50px !important;
	 margin: auto 1rem !important;
	 position: relative !important;
}
 .produtos-carrossel .flex-nav-prev a, .produtos-carrossel .flex-nav-next a {
	 padding: 0rem !important;
	 border-radius: 50% !important;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 0.7rem !important;
	 width: 16px !important;
	 height: 16px !important;
	 position: absolute;
	 top: 0 !important;
	 margin: auto !important;
	 right: 0 !important;
	 left: 0 !important;
	 background-color: #f0f0f1 !important;
}
 .produtos-carrossel .flex-nav-prev a ::before, .produtos-carrossel .flex-nav-next a ::before {
	 content: "";
	 display: block;
	 border-radius: 50% !important;
	 background-color: var(--tc2) !important;
	 margin: auto !important;
}
 .produtos-carrossel .flex-next::before {
	 width: 15px !important;
	 height: 15px !important;
	 background-size: 60px 30px !important;
	 background-position: -45px 0 !important;
}
 .produtos-carrossel .flex-prev::before {
	 width: 15px !important;
	 height: 15px !important;
	 background-size: 60px 30px !important;
	 background-position: 0 0 !important;
}
 .g_ .g_title, .g_ .listagem .titulo-categoria strong {
	 font-size: 1.6rem !important;
}
 .add-wishlist {
	 background-color: var(--bg2) !important;
	 padding: 0.2rem !important;
	 border-radius: 0.4rem;
}
 .g_ .logo a > img {
	 max-height: 82px !important;
	 object-position: center;
	 object-fit: cover;
	 width: 140px;
	 display: block;
}
 --fs16 {
	 font-size: 1.2rem !important;
}
 @media (min-width: 320px) and (max-width: 767px) {
	 .categoryTitle {
		 padding: 0.5rem 1rem !important;
	}
	 .categoryTitle h1 {
		 font-size: 1.8rem !important;
		 margin-top: 0.2rem !important;
	}
	 .clearfix {
		 padding: 0.5rem 1rem !important;
	}
	 .g_ .ordenar-listagem label {
		 line-height: 2.1rem;
		 border-radius: 2rem 0 0 2rem;
		 font-size: var(--fs14);
	}
	 .breadcrumbs {
		 padding: 1rem 1rem 0 1rem;
		 display: flex !important;
		 margin-bottom: 0 !important;
	}
	 .breadcrumbs ul {
		 display: flex !important;
		 flex-wrap: wrap !important;
	}
	 .breadcrumbs ul li :before {
		 margin: auto;
	}
	 .breadcrumbs ul > li, .breadcrumbs ul > strong {
		 display: flex !important;
		 align-items: center !important;
	}
	 .breadcrumbs ul > li > a {
		 font-size: 0.7rem !important;
	}
	 .imagem-produto {
		 max-height: 270px !important;
		 height: 270px !important;
		 max-width: 230px !important;
		 margin: auto !important;
	}
	 .imagem-produto > img {
		 height: 100% !important;
		 width: 100% !important;
		 object-fit: cover !important;
	}
	 .pagina-categoria .listagem-linha ul {
		 padding: 2rem !important;
		 display: grid;
		 grid-template-columns: 1fr 1fr;
	}
	 .pagina-categoria .listagem-linha ul > li {
		 margin-top: 0px;
		 width: 160px !important;
		 max-width: 160px !important;
	}
	 .conteiner-principal .conteiner {
		 padding: 0px !important;
	}
	 .container {
		 width: 100% !important;
		 clear: both !important;
		 padding: 0 0px !important;
	}
	 .logo a {
		 display: flex !important;
		 padding: 0 !important;
		 margin-left: 1rem;
		 align-items: center !important;
		 height: 80px !important;
		 overflow: hidden !important;
	}
	 .logo a > img {
		 margin: auto !important;
		 display: block !important;
		 position: absolute;
		 object-fit: contain;
		 width: 120px !important;
	}
	 .menu-visible-desktop {
		 width: 80% !important;
		 overflow: hidden !important;
		 max-width: unset !important;
	}
	 .menu-visible-desktop .nivel-um {
		 text-align: left !important;
	}
	 .menu-visible-desktop > svg {
		 width: 1.2rem !important;
	}
	 .menu-visible-desktop #search-form {
		 padding: 1rem !important;
		 padding-bottom: 1rem !important;
	}
	 .menu-trigger {
		 margin-left: 2rem !important;
		 margin-right: auto !important;
		 display: flex !important;
		 align-items: center !important;
		 justify-content: center !important;
	}
	 .menu-trigger > span {
		 display: flex !important;
		 align-items: center !important;
		 justify-content: center !important;
	}
	 .menu-trigger svg {
		 margin: auto !important;
		 width: 1.2rem !important;
	}
	 .g_ .svg-ico svg {
		 height: 18px !important;
		 width: 18px !important;
	}
	 #loja-slider .slides li {
		 position: relative;
	}
	 #loja-slider label {
		 position: absolute;
		 bottom: 10px;
		 left: 15px;
		 background: rgba(0, 0, 0, 0.6);
		 color: #fff;
		 padding: 5px 10px;
		 border-radius: 4px;
		 font-size: 14px;
	}
	 body > div.conteiner-principal > header > div > div > div:nth-child(2) {
		 right: 1rem;
	}
}
 .listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
	 min-height: auto !important;
}
 .g_ .banner.cheio .flexslider .slides img {
	 max-height: 52vh !important;
	 object-fit: cover !important;
}
 .whatsapp-btn {
	 position: fixed;
	 right: 20px;
	 bottom: 20px;
	 width: 64px;
	 height: 64px;
	 border-radius: 50%;
	 background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
	 display: inline-grid;
	 place-items: center;
	 text-decoration: none;
	 box-shadow: 0 6px 18px rgba(18, 140, 126, 0.28);
	 transform: translateZ(0);
	 transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease;
	 z-index: 9999;
	/* acessibilidade visual */
	 outline: none;
	 border: none;
}
/* Ícone SVG */
 .whatsapp-btn svg {
	 width: 34px;
	 height: 34px;
	 fill: white;
	 display: block;
	 pointer-events: none;
}
/* Hover / Focus */
 .whatsapp-btn:hover, .whatsapp-btn:focus {
	 transform: translateY(-4px) scale(1.03);
	 box-shadow: 0 10px 26px rgba(18, 140, 126, 0.36);
	 filter: saturate(1.05);
	 cursor: pointer;
	 outline: none;
}
/* Pulse (animação central) usando pseudo-elemento */
 .whatsapp-btn::after {
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 left: 0;
	 top: 0;
	 box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.35);
	 animation: pulse 2.2s infinite;
	 z-index: -1;
	/* atrás do botão */
}
/* Pequena variação para reduzir distração em telas pequenas */
 @media (max-width: 420px) {
	 .whatsapp-btn {
		 width: 56px;
		 height: 56px;
		 right: 16px;
		 bottom: 16px;
	}
	 .whatsapp-btn svg {
		 width: 30px;
		 height: 30px;
	}
	 .whatsapp-btn::after {
		 animation-duration: 2.6s;
	}
}
/* Keyframes do pulse */
 @keyframes pulse {
	 0% {
		 transform: scale(0.9);
		 box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.35);
		 opacity: 1;
	}
	 50% {
		 transform: scale(1.12);
		 box-shadow: 0 0 0 18px rgba(37, 211, 102, 0.06);
		 opacity: 0.6;
	}
	 100% {
		 transform: scale(1.3);
		 box-shadow: 0 0 0 36px rgba(37, 211, 102, 0);
		 opacity: 0;
	}
}
/* Foco por teclado (acessibilidade) */
 .whatsapp-btn:focus-visible {
	 box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.18), 0 10px 26px rgba(18, 140, 126, 0.36);
}
 .info-bar {
	 display: flex;
	 margin-top: 1rem;
	 gap: 1rem;
	 margin: 1rem auto 0 !important;
	 clear: both;
	 width: 98%;
	 max-width: 1100px !important ;
	 box-sizing: border-box;
	 justify-content: space-around;
}
 .info-bar::after, .info-bar::before {
	 content: "";
	 display: none;
}
 .info-bar .boxes {
	 border-radius: 1.5rem;
	 box-shadow: 0 0 1px 1px #d9d9d9;
	 padding: 1rem;
	 align-items: center;
	 display: flex;
}
 .info-bar .boxes .item {
	 display: flex;
	 justify-items: center;
	 gap: 1rem;
}
 .info-bar .boxes .item p {
	 margin: 0 !important;
}
 .info-bar .instagram svg {
	 margin-left: 1rem;
}
 .info-bar .instagram {
	 display: flex;
	 padding: 1rem;
	 align-items: center;
	 gap: 1.5rem;
	 background: #292929;
	 border-radius: 1.5rem !important;
}
 .info-bar .instagram h3, .info-bar .instagram p {
	 color: white;
	 line-height: 1.1rem !important;
	 margin: 0 !important;
	 font-size: 0.8rem !important;
}
 .info-bar .instagram p {
	 font-size: 0.7rem !important;
	 line-height: 0.7rem !important;
}
 .g_ .listagem .preco-produto .preco-parcela {
	 opacity: 1;
}
 .desconto-a-vista strong {
	 color: #7d5807 !important;
	 font-weight: 600;
}
 .g_ .listagem .preco-produto .preco-parcela, .g_ .listagem .preco-produto .preco-parcela *, .g_ .listagem .preco-produto .preco-venda {
	 color: var(--tc2);
	 font-size: 0.7rem;
}
 .g_ .listagem .bandeira-promocao  {
	 background: #57ae0a !important;
}
 .flexslider {
	 border-radius: 6rem !important;
}
 .pagina-categoria .info-bar {
	 display: flex !important;
	 max-width: 1140px;
}
 .pagina-categoria .info-bar, .pagina-produto .info-bar {
	 display: none !important;
}
 .info-bar .boxes {
	 width: calc(60% - 2rem);
	 border-radius: 1.5rem;
	 box-shadow: 0 0 1px 1px #d9d9d9;
	 padding: 1rem;
	 align-items: center;
	 display: flex;
}
 .info-bar .boxes .item {
	 display: flex;
	 justify-items: center;
	 gap: 1rem;
}
 .info-bar .boxes .item p {
	 margin: 0 !important;
}
 .info-bar .instagram svg {
	 margin-left: 1rem;
}
 .info-bar .instagram {
	 display: flex;
	 padding: 1rem 1rem;
	 align-items: center;
	 width: calc(40% - 2rem);
	 background: #292929;
	 border-radius: 1.5rem !important;
}
 .info-bar .instagram h3, .info-bar .instagram p {
	 color: white;
	 line-height: 1.1rem !important;
	 margin: 0 1rem !important;
	 font-size: 0.8rem !important;
}
 .info-bar .instagram p {
	 font-size: 0.7rem !important;
	 line-height: 0.7rem !important;
}
 @media (min-width: 320px) and (max-width: 767px) {
	 .flexslider {
		 border-radius: 0 !important;
	}
	 .conteiner-principal {
		 padding-top: 6rem !important;
	}
	 .info-bar {
		 display: none;
		 gap: 1rem;
		 flex-wrap: wrap;
	}
	 .info-bar .instagram {
		 width: 100%;
	}
	 .info-bar .boxes {
		 width: 100%;
		 flex-wrap: wrap;
	}
}
 .componente {
	 border-radius: 3rem;
	 background-color: #000;
	 padding: 1rem;
}
 .componente i {
	 opacity: 0.4;
}
 .componente h4 {
	 font-size: 1.4rem !important;
	 font-weight: 500 !important;
	 color: var(--tc1) !important;
}
 .componente h2, .componente h3 {
	 font-size: 1.2rem !important;
}
 
body > div.conteiner-principal > header > div > div.col-auto

{
padding: 0 !important
}


.codigo-produto {
    font-size: .7rem !important;
    text-align: left !important;
    opacity: .6;
    padding: .4rem 0 !important;
    margin: 0 !important;
    span{
        float: left !important; 
        margin-left: .2rem !important;
    }
    b { 
        float: left !important;
    font-weight: 600 !important;
        margin-right: .2rem !important;
    }
}


.atributos div ul {
    padding: .4rem 0 0 !important;
}
.g_ .produto .principal .atributos .atributo-comum>span {
    font-size: var(--fs16);
    color: var(--tc1);
    display: block;
    margin-bottom: 0.4rem;
}
.g_ .produto .principal .atributos {
margin-bottom: .4rem;
}
.pagina-produto .principal {
    display: flex !important;
    flex-direction: column !important;
}


.preco-produto .destaque-avista { 
    order: 1 !important;} 
.preco-produto .atributos {
    order: 2 !important;
}
.frete-gratis {
    width: calc(100% - 2rem;);
    padding: .5rem 1rem; 
    background: var(--tc1);
    margin: 1.5rem 0 .5rem ; 
    border-radius: 2rem;
    color: white;
    display: flex;
    align-items: center; gap: 1rem;
}

.produto .acoes-produto .preco-produto .titulo {
    font-size: 29px !important;
}

#parcelas-pai {
    display: block !important;
}