/** GLOBAIS	 **/
*{margin: 0;padding: 0;}
body {font-family:avenir-medium;background: #f6f4f3;}
a, a:hover{text-decoration: none; cursor: pointer;}
section{min-height: 400px}
h2{padding: 7px 0 5px;text-transform: uppercase;color: #E02B26;font-size: 25px;font-family: avenir-bold;}
input, select, textarea{cursor: pointer;}
button{border: none;cursor: pointer;font-family: avenir-bold;}
ol,ul{list-style:none;margin:0;padding:0;}
label span{color: red;}
@font-face{font-family: avenir-medium;src: url(fonts/AvenirLTStd-Medium.otf);}
@font-face{font-family: avenir-bold;src: url(fonts/AvenirNextLTPro-Bold.otf);}
@font-face{font-family: avenir-light;src: url(fonts/AvenirLTStd-Light.otf);}
strong{font-family:avenir-bold;}
h2.maisitem{
	width: 90%;
	background-color: #000;
	color: #fff;
	font-size: 30px;
	padding: 5px 15px;
	margin: 25px 1%;
	float: left;
}
h2.maisitem a{
	color: #fff;
	font-size: 15px;
}
h2.maisitem a:hover{
	text-decoration: underline;
}

.framee {
	text-align: center;
    padding: 2px;
}
}

.framee iframe{
	
}


#site {
	overflow: hidden;
	/*width:900px;
	height:100%;
	margin:0 auto;
	background:url(../img/fundo/menu.jpg) repeat-y;*/
}
#topo {
	/*width:900px;
	height:56px;*/
}
#logo {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.venda{
	color: white;
    background-color: black;
    text-align: center;
    padding: 15px;
    font-size: 24px;	
}

.venda a{
	color: yellow;
}
.nvmt {
	text-align:center;
	padding:0.5%;
	font-size:20px;
}
.nvmt img{
	width: 35px;
}
#banner {
	width:900px;
	height:212px;
}
#barrabusca {
	height: 49px;
	background:url(../img/topo/bg_busca.jpg) repeat-x;
}

.buttoninsta{
	 position: fixed;     right: 5px;
    bottom: 50px; z-index: 9999;  width: 15%;   line-height: 30px;   color: white;   border-radius: 10px;   padding: 7px;    background: linear-gradient( 
360deg, rgb(116 5 5) 0%, rgb(255 32 32) 100%);
    box-shadow: 5px 5px 10px black;
    font-family: 'avenir-bold';
    text-shadow: 1px 1px 1px black;
}
#meio{
	overflow: hidden;
	width: 80%;
	margin: auto;
	/*text-align:justify;*/
}
#esquerda {
	float:left;
	width: 20%;
	color:#000;
	margin-top: 20px;
}
#texto-topo{
	color:#FFF; 
	font-family:Lato; 
	text-shadow:#000 1px 1px; 
	font-size:20px; 
	top:50px; 
	position:relative; 
	margin-left:10px;
}
#conteudo {
	margin: 5% 5%;
    overflow: hidden;
	width:90%;
}
#conteudo h2{}
.data{
	padding: 20px;
    text-align: left;
}
.descr{
	text-align:left;	
}
.postntc img{
	max-width: 800px;
}


.newsletter {
	background:url(../img/box/fundo.jpg) repeat-y;
	color:#000;
}


.input {
	width:95px;
	height:16px;
	border:1px solid #CCC;
}
.botao {
	width:57px;
	height:20px;
	font-size:11px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
}
.divesquerda{
	float:left;
	width:30px;
	height:40px;
	background:url(../img/divisoria/esquerda.jpg) left no-repeat;
}
.divmeio{
	float:left;
	width:680px;
	height:40px;
	background:url(../img/divisoria/meio.jpg) repeat-x;
}
.divdireita{
	float:left;
	width:15px;
	height:40px;
	background:url(../img/divisoria/direita.jpg) right no-repeat;
	color:#FFF;
}
.boxProduto {
	float: left;
	width: 23%;
	margin: 0 1% 5% 1%;
	text-align: center;
	position: relative;
	padding-bottom: 2%;
}
.boxProduto:hover{
	box-shadow: 0 0 15px 0 #bbb;
}
.boxProduto div.destt{
	position: absolute;
	top: 15px;
	left: 15px;
    z-index: 1;
    text-align: left;
}
.boxProduto div.destt img{}
.boxProduto div.destt p{
	background: #0dae24;
	height: 15px;
	padding: 3px 0;
	color: #fff;
    font-size: 12px;
    font-family: inherit;
    text-align: center;
    width: 67px;
}
.boxProduto a div.img {
	text-align: center;
	margin-bottom: 5px;
	height: 200px;
}
.boxProduto a div.img img {
	max-width: 100%;
	max-height: 200px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.boxProduto a p {
	color: #666;
	font-size: 10px;
	line-height: 12px;
	height: 50px;
	text-transform: uppercase;
	font-family: avenir-bold;
	overflow: hidden;
}
.boxProduto div.vl {
	color: #C32B22;
    margin-bottom: 10px;
    height: 40px;
}
.boxProduto div.vl p {
	font-weight: normal;
	font-size: 12px;
}
.boxProduto div.vl p.depo {
    font-weight: bold;
    font-size: 12px;
}
.boxProduto div.vl p.depo span {
	text-decoration: line-through;
	color: #aaa;
}
.boxProduto div.vl p.prazo{
	font-size: 22px;
    font-family: avenir-bold;
}
.boxProduto div.vl p.prazo span{
	font-size: 12px;
    color: #000;
}
.boxProduto a.bt{
    background-color: #C32B22;
    padding: 5px 10px;
    color: #fff;
    font-family: avenir-bold;
    border-radius: 10px;
    font-size: 13px;
}
.boxProduto a.bt:hover{
	opacity: 0.8;
}
.crosselling{
	border-top: 1px solid #000;
	margin: 2%;
}
.crosselling h3{
	background: #000;
    padding: 7px 0 5px;
    text-transform: uppercase;
    color: #fff;
    width: 25%;
    margin: 3% auto 5%;
    font-size: 20px;
    text-align: center;
}
.boxProdutoCrosselling {
	float: left;
	width: 21%;
	margin: 0 1% 2%;
	padding: 1% 1% 0;
	text-align: center;
}
.boxProdutoCrosselling:hover{
	box-shadow: 0 0 15px 0 #bbb;
}
.boxProdutoCrosselling h3{
	text-align: center;
}
.boxProdutoCrosselling div.img {
	text-align: center;
	margin-bottom: 5px;
	height: 150px;
}
.boxProdutoCrosselling div.img img {
	max-width: 100%;
	max-height: 150px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.boxProdutoCrosselling a p{
	color: #666;
    font-size: 14px;
    line-height: 16px;
    height: 65px;
    text-transform: uppercase;
    font-family: avenir-bold;
    overflow: hidden;
}
.boxProdutoCrosselling div.vl {
	color: #000;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 35px;
}
.boxProdutoCrosselling div.vl p {
	color: #C32B22;
}
.boxProdutoCrosselling div.vl p.depo {
	font-size: 20px;
    font-family: avenir-bold;
}
.boxProdutoCrosselling div.vl p.depo span {
	text-decoration: line-through;
	font-family: avenir-medium;
	color: #aaa;
	font-size: 12px;
	display: block;
}
.boxProdutoCrosselling a.bt{
	background-color: #C32B22;
    color: #fff;
    padding: 10px 35px;
}

.clubem16 {background: url(../img/bg-clube.jpg);
}

.clubem16 h1{
	text-align: center;
    padding: 30px;
    font-size: 40px;
	margin-bottom: -4%;
	}
.clubem16 h2{
	font-size: 25px;
    text-align: center;
    margin: 2% auto 2% auto;
}
.clubem16 h3{
	width: 80%;
    text-align: center;
    margin-bottom: 4%;
    margin-left: 10%;
    margin-right: 10%;
	text-shadow: 1px 1px #f1eaea;
}
.clubem16 div{
	margin-left:15%;
	margin-right:15%;
}
.clubem16 img{
	width: 33%;
    text-align: center;
    margin-bottom: 5%;
	border-radius: 10px;
}

.mais {
	font-size:42px;
	color:#000;
}
.carrinho .mais{
	margin-top: 2%;
	position: absolute;
}
.botoes {
	margin:5px;
}
.link {
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	color:#000;
}
.link2 {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.linksimples {
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	text-decoration:underline;
}
.divItem {
	clear:both;
	width:95%;
	margin:0 auto;
	padding-top:10px;
}
.corPadrao {
	text-decoration:none;
	color:#5F2608;
}
.boxItem {
	float:left;
	clear:both;
	width:270px;
	padding:8px;
	margin-bottom:5px;
	background:#F6F6F6;
}
.campo {
	font-size:16px;
}
.h1 {
	color: #000;
	font-size: 40px;
	margin-bottom: 15px;
}
.grupos {
	clear:both;
	height:22px;
	line-height:22px;
	font-size:14px;
	cursor:pointer;
	color:#000;
}
.categoria {
	clear:both;
	color:#000;
}
.boxFotos+ {
	clear:both;
	width:380px;
}
.fechabox {
	height:20px;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
.tooltip{
	border:1px solid #333;
	background:#333;
	padding:5px;
}
.TagCloud{width:850px;text-align:center; margin:0 auto;}
.TagCloud a{text-decoration:none; color:#666; }
.TagCloud a:hover{text-decoration:underline; color:#666; }
.TagCloudH{display:inline;position:relative;left:0px;top:0px; font-family:Lato}
.TagCloud h1{font-size:19pt}
.TagCloud h2{font-size:17pt}
.TagCloud h3{font-size:15pt}
.TagCloud h4{font-size:13pt}
.TagCloud h5{font-size:11pt}
.TagCloud h6{font-size:9pt}
/* ICONE DE CARREGANDO */
.ico{
	background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
}
.ico-lopa{
    background-position: -202px -38px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 7px 5px 0 0;
    background-size: 580px;
}
.ico-tel{
    background-position: -66px -122px;
    width: 23px;
    height: 27px;
    float: left;
    margin: 7px 5px 0 0;
}
.ico-avat{
    background-position: -106px -124px;
    width: 24px;
    height: 26px;
    float: left;
    margin: 14px 0 0 0;
}
.ico-carr{
    background-position: -144px -124px;
    width: 36px;
    height: 27px;
    float: left;
    margin: 3px 4px 0 0;
}
.ico-tel-foot{
    background-position: -123px -339px;
    width: 20px;
    height: 18px;
    float: left;
    margin: 3px 4px 0 0;
}
.ico-ema-foot{
    background-position: -158px -342px;
    width: 21px;
    height: 15px;
    float: left;
    margin: 3px 4px 0 0;
}
.ico-you{
	display: inline-block;
    background-position: -18px -237px;
    width: 30px;
    height: 32px;
    margin: 0 8px;
}
.ico-inst{
	display: inline-block;
    background-position: -55px -237px;
    width: 27px;
    height: 28px;
    margin: 0 8px;
	border-radius: 15px;
	float:left;
}
.ico-face{
	display: inline-block;
    background-position: -91px -237px;
    width: 24px;
    height: 28px;
	margin: 0 8px;
	border-radius: 15px;
}
.ico-twit{
	display: inline-block;
    background-position: -163px -237px;
    width: 23px;
    height: 28px;
    margin: 0 8px;
}
.ico-cred{
	display: inline-block;
    background-position: -20px -19px;
    width: 64px;
    height: 37px;
}
.ico-dep{
	display: inline-block;
    background-position: -93px -174px;
    width: 64px;
    height: 37px;
}
.ico-bole{
	display: inline-block;
    background-position: -322px -174px;
    background-size: 435px auto;
    height: 37px;
    width: 95px;
}

.ico-gmail{
	display: inline-block;
    background-position: -13px -232px;
    width: 38px;
    height: 32px;
    margin: 0 8px;
}
.pay{
	display: inline-block;
	background-image: url(../img/payment.png);
	background-position: -20px -19px;
    width: 64px;
    height: 37px;
    margin-right: 5px;
}
.pay-vis{}
.pay-mast{
	background-position: -93px -19px;
}
.pay-elo{
	background-position: -165px -19px;
}
.pay-amex{
	background-position: -238px -19px;
}
.pay-dine{
	background-position: -92px -74px;
}
.pay-hipe{
	background-position: -238px -73px;
}
.pay-caix{
	background-position: -93px -174px;
}
.pay-ita{
	background-position: -20px -127px;
}
.pay-bras{
	background-position: -92px -127px;
}
.pay-sant{
	background-position: -165px -127px;
}
.pay-banb{
	background-position: -20px -174px;
}
.pay-bole{
	background-position: -322px -174px;
    background-size: 435px auto;
    width: 95px;
}
.carregando {
	display: none;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	box-sizing: border-box;
	border: solid 10px rgba(204, 18, 63, 0.2);
	border-top-color: #000;
	margin: auto;
    animation: spin 1s infinite linear;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/** LGPD **/
div.bklgpd{
	display: none;
}
div.lgpd{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 20px;
    background-color: #144963;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border-top: 2px solid #a23c3c;
    z-index: 9999;
}
div.lgpd div.lgpl{}
div.lgpd div.lgpl a{
    color: #fff;
    text-decoration: underline;
}
div.lgpd div.lgpr{}
div.lgpd div.lgpr button{
    background-color: #a23c3c;
    border: 0;
    color: #fff;
    padding: 10px 30px;
}

/* BOTÕES MIDIAS SOCIAIS */
.like{
	overflow: hidden;
	float: right !important;
	width: 53% !important;
	display: flex;
	justify-content: center;
	margin: 5% 0 0;
}
.like a{}
.like a img{
	flex: 1;
	width: 30px;
	margin: 0 10px;
	text-align: center;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.like a img:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}


/** PAGINAÇÃO **/
div.paginacao{
	padding: 1%;
	overflow: hidden;
}
div.paginacao ul{
	float: right;
	margin-right: 5.5%;
}
div.paginacao ul li{
	float: left;
	margin: 0 5px;
	font-size: 16px;
	border: 1px #eee solid;
	padding: 4px 0;
	text-align: center;
}
div.paginacao ul li span{
	color: #fff;
	background: #000;
	padding: 5px 10px;
	font-weight: bold;
}
div.paginacao ul li a{
	padding: 5px 10px;
	text-align: center;
	color: #555;
}
div.paginacao ul li a:hover{
	color: #fff;
	background: #000;
}


/** TOPO **/
div#mobbi{
	display: none;
}
div.llogo{
	background-color: #E02B26;
	width: 100%;
}
div.topo{
	/*overflow: hidden;*/
	position: relative;
}
div.topo div strong{}
div.topo div.logo{
    width: 15%;
}
div.topo div.logo img{
	width: 100%;
}
div.topo div.busca{
	margin: auto;
    width: 50%;
    display: flex;
}
div.topo div.busca input{
    padding: 0 50px 0 15px;
    border: none;
    width: 65%;
    height: 40px;
    border-radius: 10px;
}
div.topo div.busca button{
	height: 47px;
	float: left;
	background-color: #C32B22;
	color: #fff;
	padding: 0 20px;
	font-size: 15px;
}
div.topo div.busca img{
	height: 40px;
    margin-left: -50px;
}
div.topo div.fale{
	width: 16%;
	margin: auto;
	color: #fff;
}
div.topo div.car{
	display: flex;
}
div.topo div.car div{
	background: #000;
    padding: 2px 6px;
    border-radius: 50%;
    margin: -40px 0 0 -10px;
}
div.topo div.car strong{}
div.topo div.logado{
    display: flex;
    align-items: center;
    position: relative;
    width: 20%;
}
div.topo div.logado a{
	color: #fff;
    font-size: 13px;
    padding: 10px;
    display: flex;
    align-items: center;
    position: relative;
}
div.topo div.logado a.setdll{
	padding: 20px 10px;
}
div.topo div.logado a.setdll:after{
    content: ' ';
    padding: 5px;
    box-shadow: 1px -1px 0 1px #fff inset;
    border: solid transparent;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
   	margin-left: 5px;
}
div.topo div.logado a.sair{}
div.topo a.mn-conta{}
div.topo a.mn-conta:hover{}
div.topo div.poploga{
	display: none;
	position: absolute;
    background: #fff;
    top: 80px;
    right: 0;
    z-index: 99999;
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0px 0px 10px #666;
    margin-top: 20px;
    width: 170px;
}
div.topo div.poploga:before{
	content: ' ';
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
	position: absolute;
	top: -15px;
	right: 20%;
}
div.topo div.poploga p{
	font-size: 12px;
}
div.topo div.poploga p a{
	color: #666;
    display: inline;
    text-decoration: underline;
    padding: 0;
}
div.topo div.poploga a.plentr{
	background: #E02B26;
	border: 2px solid #E02B26;
    font-size: 17px;
    border-radius: 10px;
    margin: 10% 0;
    justify-content: center;
}
div.topo div.poploga a.plcad{
	color: #E02B26;
    font-size: 17px;
    border-radius: 10px;
    margin: 10% 0;
    border: 2px solid #E02B26;
    justify-content: center;
}
div.topo div.poploga h3{
	margin-bottom: 15px;
}
div.topo div.poploga ul{}
div.topo div.poploga ul li{}
div.topo div.poploga ul li a{
	color: #999;
	padding: 5px 0;
    margin: 5px 0;
}
div.topo div.poploga ul li a:hover{
	text-decoration: underline;
}
div.topo a.mn-conta{
	color: #fff;
    font-size: 13px;
    padding: 10px;
    display: flex;
    align-items: center;
}
.menud{
	margin-left:7%;
}
div.topo div.menu{
	width:100%;
	height:40px;
	font-size: 13px;
	background-color: #000;
	line-height:25px;
}
div.topo div.menu a{
	color: #fff;
	padding: 7px 1% 0;
	float: left;
}
div.topo div.menu a.topo-carrinho{
	margin-left: 12%;
	padding-top: 0;
}
div.topo div.menu a.topo-carrinho img{
	margin-right: 2px;
	vertical-align: -5px;
	width: 20%;
}
div.topo div.topo-midia{
	position: absolute;
	right: 50px;
	bottom: 15px;
	margin: 0 5px;
}
nav.menutopo{
    /*font-size: 25px; */
}
nav.menutopo ul {
	text-align:center;
}
nav.menutopo ul li {
	display: inline;
}
nav.menutopo ul li a{
	color: #000;
	font-size: 14px;
	line-height: 35px;
}
div.menutopo{
	background: #000;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
	text-transform: uppercase;
}
div.menutopo p{
	display: inline;
	color: #fff;
	padding: 0 10px;
}
div.menutopo p img{}
div.popup-logar{
	display: none;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 0;
}
div.popup-logar form{
	background: #fff;
	width: 350px;
	border: 2px solid #000;
	margin: 65px auto 0;
	padding: 20px 30px;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
}
div.popup-logar form a#depex{
	float: right;
	background-color: red;
	color: #fff;
	padding: 3px 10px 0 8px;
	margin: -10px -20px 0 0;
	font-size: 24px;
}
div.popup-logar form h3{
	font-size: 25px;
	margin-bottom: 10px;
}
div.popup-logar form input{
	padding: 10px 5px;
	width: 96%;
	margin-bottom: 10px;
	font-size: 18px;
}
div.popup-logar form input.button{
	background-color: #C32B22;
	color: #fff;
	width: 50%;
	padding: 10px;
	border: none;
	font-weight: bold;
	font-size: 20px;
}
div.popup-logar form div.ou{
	overflow: hidden;
	margin-top: 15px; 
}
div.popup-logar form div.ou a{
	float: right;
	color: #000;
}
div.popup-logar form div.ou a:last-child{
	float: left;
}
div.popup-logar form div.ou a:hover{
	text-decoration: underline;
}
.buscamobi{
	display: none;
}
div.frtgra{
       width: 100%;
    text-align: center;
    background-color: #E02B26;
    color: #fff;
    font-size: 25px;
    height: 40px;
    padding-top: 0.3%;
}
div.frtgra img{
	margin-bottom: -7px;
}
div.frtgra strong{}


/** MENUS LATERAL **/
nav.menu-lat{
	float: left;
	width: 100%;
}
nav.menu-lat h2{	
	color: #fff;
	background: #000;
	font-size: 27px;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 3px 13px;
	background-position: -36px 0;
	margin-bottom:8px;
}
nav.menu-lat div.categorias{
	color: #fff;
	overflow: hidden;
}
nav.menu-lat div.categorias ul li{
	margin: 0;
	padding: 2% 5%;
    border-bottom: 1px solid #000;
	font-family: avenir-light;
}
nav.menu-lat div.categorias ul.grupo li a{
	font-weight: bold;
	font-size: 20px;
}
nav.menu-lat div.categorias ul.categoria{}
nav.menu-lat div.categorias ul li a{
	color: #000;
	font-size: 17px;
}
nav.menu-lat div.categorias ul li a:hover{
	text-decoration: underline;
}
nav.menu-lat div.cores{
	color: #000;
    width: 93%;
    overflow: hidden;
    margin-bottom: 30px;
}
nav.menu-lat div.cores ul li{
    width: 28px;
    height: 28px;
    float: left;
    margin: 8px;
    border: 1px solid #000;
}
nav.menu-lat div.banlat div.img{
	margin-bottom: 10px;
}
nav.menu-lat div.banlat div.img img{
	width: 100%;
}


/** HOME **/
.iconbannr{
	width: 80%;
	margin: auto;
	overflow: hidden;
}
.iconbannr p{
	float: left;
    width: 22%;
    padding: 1%;
}
.iconbannr p img{
	width: 100%;
}
div.hbanlat{
	display: flex;
	width: 80%;
	margin: auto;
}
.hbanlat h2{
    text-align: center;
    padding: 25px;
    margin: auto;
}
div.hbanlat div{
	margin: 1%;
	position: relative;
	min-width: 23%;
}
div.hbanlat div:hover{
	opacity: 0.8;
}
div.hbanlat div a{}
div.hbanlat div img{
	width: 100%;
}
div.hbanlat div p{
	position: absolute;
	width: 100%;
	bottom: 5px;
	background-color: #000;
	text-align: center;
	padding: 2% 0;
	text-transform: uppercase;
	color: #C32B22;
}
div.hbanlat div p span{
	color: #fff;
}
div.hbanlat div.img{
	float: left;
	width: 32%;
	padding: 0.5%;
}
div.hbanlat div.img img{
    max-width: 100%;
}
div.bnshomm{
	width: 100%;
	text-align: center;
}
div.bnshomm img{
	width: 100%;
}
div.contdhm{
	margin: 2% auto;
    background-color: #202020;
    border-radius: 25px;
    padding: 2%;
}
div.contdhm form{
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
div.contdhm form p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
}
div.contdhm form .lftdhd{
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	margin: 2% 0;
}
div.contdhm form input{
	padding: 10px 5px;
    margin: 5px 1%;
    border-radius: 15px;
    width: 100%;
    border: none;
}
div.contdhm form textarea{
	width: 48%;
	padding: 10px 5px;
	border-radius: 15px;
	margin: 2% 0;
}
div.contdhm form button{
    background: #C32B22;
    color: #fff;
    padding: 11px 10px;
    border-radius: 15px;
    margin: auto;
    width: 250px; 
}
div.noticias{
	width: 100%;
    overflow: hidden;
	padding: 7px 0 5px;
    text-transform: uppercase;
    color: #E02B26;
    font-size: 25px;
}
.noticias img{
	width: 100%;
}
.noticias ul{
	width: 100%;
}
.noticias a{
	width: 30%;
    float: left;
	margin:1%;
	color: red;
}
.noticias li{}
.noticias p{
	padding: 7px 0 5px;
    text-transform: uppercase;
    color: #E02B26;
    font-size: 18px;
    font-family: avenir-bold;
	height: 60px;
}
.map div{}
div.newslett{
	margin: 2% auto;
    background-color: #202020;
    border-radius: 25px;
    padding: 2%;
}
div.newslett form{
    display: flex;
    align-items: center;
}
div.newslett form p{
    color: #fff;
    font-size: 11px;
    text-align: center;
    width: 20%;
}
div.newslett form input{
	padding: 10px 5px;
    margin: 5px 1%;
    border-radius: 15px;
    flex: 1;
    border: none;
}
div.newslett form button{
	background: #C32B22;
    color: #fff;
    padding: 11px 10px;
    border-radius: 15px;
}
div.ltdepo{
	overflow: hidden;
}
div.ltdepo div.depoi{
	float: left;
	width: 30%;
	margin: 1%;
	overflow: hidden;
}
div.ltdepo div.depoi div.corp{
	border: 1px solid #ccc;
	box-shadow: 0 0 5px 0 #aaa;
	float: left;
	width: 89%;
	padding: 3%;
	text-align: left;
	margin: 2%;
}
div.ltdepo div.depoi div.corp div.ttop{
	font-size: 13px;
	color: #999;
	font-style: italic;
}
div.ltdepo div.depoi div.corp div.desc{
	text-align: left;
	font-size: 15px;
	color: #222;
	min-height: 60px;
}
div.ltdepo div.depoi img{
	float: left;
	width: 30px;
	margin-right: 5%;
	border-radius: 50px;
	border: 2px solid #ddd;
	padding: 3px;
}
div.ltdepo div.depoi div.qon{
	float: left;
	text-align: left;
	font-size: 15px;
}
div.ltdepo div.depoi div.qon p{
	font-weight: bold;
}
div.ltdepo div.depoi div.qon p:last-child{
	font-weight: normal;
	font-style: italic;
	color: #999;
}
div.gclist{
	width: 100%;
	margin: 5% auto 5px 5%;
	overflow: hidden;
}
div.gclist div.grtt{
	float: left;
	width: 25%;
	margin-bottom: 2%;
}
div.gclist div.grtt h3{
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
}
div.gclist div.grtt ul{}
div.gclist div.grtt ul li{}
div.gclist div.grtt ul li a{
	color: #aaa;
	text-transform: capitalize;
	font-size: 12px;
}
div.popcinco{
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 99999;
    background: rgba(0,0,0,0.5);
}
div.popcinco a{}
div.popcinco a img{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 400px;
}



/** BUSCA **/
div.cont-topo{
	padding: 10px 0;
	color: #000;
	font-size: 14px;
	overflow: hidden;
}
div.cont-topo a{
	color: #000;
}
div.cont-topo a:hover{
	text-decoration: underline;
}
div.cont-topo span.ordem{
	float: right;
}


/** DETALHE PRODUTO **/
div.detalhe{
	overflow: hidden;
	width: 100%;
	float: right;
}
div.detalhe div.nome{
	float: right;
	width: 43%;
	color: #000;
	padding: 0 5%;
	font-size: 13px;
	margin-bottom:20px;
	text-transform:uppercase;
}
div.detalhe div.favorita{
	float: right;
    width: 43%;
    padding: 2% 5%;
}
div.detalhe div.favorita span{
    padding-left: 20px;
    cursor: pointer;
}
div.detalhe div.favorita span.favin{
	background: url('../img/cheio.png') no-repeat;
	background-size: 17px;
}
div.detalhe div.favorita span.favon{
	background: url('../img/vazio.png') no-repeat;
	background-size: 17px;
}
div.detalhe ul{
	float: left;
	width: 47%;
	overflow: hidden;
}
div.detalhe ul li{
	height: 120px;
	margin: 1% 0;
	width: 23%;
	text-align: center;
	display: inline;
	float: left;
}
div.detalhe ul.ligllery li:first-child{
	text-align: center;
	margin-bottom: 5px;
	height: auto;
	padding: 1%;
	width: 95%;
	background-color:white;
}
div.detalhe ul li img{
	max-width: 100%;
	max-height: 120px;
	cursor: pointer;
}
div.detalhe ul li:first-child img{
	max-width: 100%;
	max-height: 500px;
}
div.detalhe div.desc{
	width: 43%;
	float: right;
	margin: 5px 5%;
	color: #000;
}
div.detalhe div.info{
	width: 43%;
	float: right;
	margin: 0 5% 5px;
	color: #000;
	text-align: center;
}
div.detalhe div.info .boxItem {
	float:left;
	clear:both;
	width:80%;
	padding:8px;
	margin-bottom:5px;
	background: none;
}
div.detalhe div.info .boxItem span.campo{
	color: red;
	font-size: 23px;
}
div.detalhe div.info .boxItem form input{
	padding: 5px 2px;
}
div.detalhe div.info .boxItem form input[type=submit]{
	background-color: #000;
	padding: 7px 35px;
	color: #fff;
	margin-top: 5px;
	border-radius: 3px;
	border: none;
}
div.detalhe div.info p.preco{
	font-size: 40px;
	text-align: left;
}
div.detalhe div.info p.preco span.de{
	font-size: 15px;
	text-decoration: line-through;
	display: block;
}
div.detalhe div.info p.preco strong.descon{
	font-size: 16px;
	color: red;
	display: block;
}
div.detalhe div.info p.prazo{
	font-size: 24px;
	text-align: left;
}
div.detalhe div.info p.prazo span{
	font-size: 15px;
}
div.detalhe div.info p.prazo a.parcelas{
	font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #000;
}
div.detalhe div.info hr{
	border-bottom: 2px solid #000;
	margin: 10px 0 15px;
}
div.detalhe div.info select{
	width: 70%;
	margin: 0 15% 20px;
	padding: 5px;
	border-radius: 2px;
}
div.detalhe div.info a.comprar{
	background-color: #C32B22;
	color: #fff;
	padding: 5px 10%;
	font-size: 25px;
	border-radius: 3px;
}
div.detalhe div.info p.frete{
	text-align: center;
	margin-top: 15px;
	font-size: 23px;
}
div.detalhe div.info p.cfrete{
	text-align: center;
	margin-top: 15px;
	font-size: 15px;
	cursor: pointer;
}
div.clacula_frete{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
}
div.clacula_frete div.clcftapp{
	margin: 5% 25%;
	background: #fff;
	padding: 5% 4%;
	border: 3px solid #777;
	position: relative;
}
div.clacula_frete div.clcftapp a{
	position: absolute;
	top: 1%;
	right: 1%;
	background: red;
	color: #fff;
	padding: 8px 12px 3px 10px;
	font-size: 20px;
}
div.clacula_frete div.clcftapp form{
	font-size: 25px;
	overflow: hidden;
}
div.clacula_frete div.clcftapp form input{
	margin: 15px 0;
	font-size: 100%;
	padding: 1% 2%;
	width: 95%;
	border:1px solid #000;
}
div.clacula_frete div.clcftapp form button{
	float: right;
	background: #000;
	color: #fff;
	padding: 1% 2.3% 1.4%;
	border-radius: 5px;
	font-size: 25px;
}
div.clacula_frete div.clcftapp div table{
	width: 100%;
	text-align: center;
}
div.clacula_frete div.clcftapp div table thead{
	font-size: 25px;
}
div.clacula_frete div.clcftapp div table thead tr th{
	color: #C32B22;
}
div.clacula_frete div.clcftapp div table tbody{
	font-size: 18px;
}
div.clacula_frete div.clcftapp div table tbody tr td{
	border-bottom: 1px solid #ededed;
	padding: 10px 0;
}
div.clacula_frete div.clcftapp p{
	display: none;
	text-align: right;
    margin: 15px 0 -25px;
    cursor: pointer;
    color: #C32B22;
}
div.detalhe div.boxFotos{
	margin-bottom: 20px;
	height: 130px;
	border-radius: 3px;
	float: left;
	width: 100%;
}
div.detalhe div.boxFotos img{
	max-height: 130px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	margin: 0 5px;
}
div.desc{
	margin-bottom: 5%;
	clear: both;
	text-align:left;
}
div.desc h2{
	text-align:center;
}
.desc p{
	text-align: left;
}
div.pclst{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}
div.pclst table{
	background: #fff;
    text-align: center;
    padding: 1%;
    border-radius: 2px;
    border: 1px solid #CC1539;
    font-size: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div.pclst table tr{
    border-bottom: 1px solid #666;
}
div.pclst table tr:nth-child(2n+1){
	background: #eee;
}
div.pclst table tr:first-child td{
	border-top: 1px solid #ccc;
}
div.pclst table tr td{
	padding: 2% 0%;
    width: 24%;
    border: none;
    border-bottom: 1px solid #ccc;
}
div.pclst table tr td:first-child{
	width: 7%;
}


/** FORMULARIOS **/
div.form{
	float: left;
	width: 43%;
	text-align: center;
	margin: 15px 2%;
	border-radius: 3px;
	padding: 1%;
}
div.form form{
	width: 75%;
	margin: 15px auto 0;
	text-align: left;
	font-size: 20px;
	display: grid;
    justify-items: stretch;
}
div.form form input{
	margin-bottom: 15px;
	padding: 10px;
}
div.form form select{
	margin-bottom: 15px;
	padding: 10px;
}
div.form form input[type="checkbox"]{
	width: 20%;
	margin: 20px 0 35px;
}
div.form form input[type="submit"], div.form form button{
	border: none;
	background-color: #000;
	color: #fff;
	border-radius: 3px;
	width: 45%;
	font-size: 22px;
	padding: 2% 0;
}
div.form form input[type="reset"]{
	border: none;
	background: none;
	color: red;
	border-radius: 3px;
	width: 30%;
	float: right;
	font-size: 17px;
	margin-top: 10px;
}
div.form form textarea{
	height: 250px;
	margin-bottom: 15px;
	padding: 10px;
}
div.form a.esc-sen{
	color: #000;
	margin-left: 210px;
}
div.form a.esc-sen:hover{
	text-decoration: underline;
}
div.form a.esacr{
	color: #C32B22;
}


/** CONTATO **/
div.formulario{
	width: 70%;
	margin: auto;
}
div.formulario h2{
	font-size: 30px;
}
div.formulario form{
	font-size: 20px;
}
div.formulario form label span{
	color: red;
}
div.formulario form input{
	width: 97.5%;
	padding: 5px;
	margin-bottom: 15px;
}
div.formulario form textarea{
	width: 97.5%;
	padding: 6px;
	height: 150px;
	margin-bottom: 15px;
}
div.formulario form button{
	border-color: #ff6e6e;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	background-color: #ff6e6e;
	cursor: pointer;
}
div.formulario form div.p{
	width: 20%;
	float: left;
}
div.formulario form div.m{
	width: 69%;
	float: right;
}


/** PAGINAÇÃO **/
div.paginacao{
	float: left;
	width: 100%;
	color: #000;
	font-size: 20px;
	text-align: center;
}
div.paginacao span{
	padding: 0px 8px 3px;
	margin: 0 2px;
	color: #000;
}
div.paginacao a span:hover{
	background-color: #000;
	color: #fff;
}
div.paginacao strong{
	background-color: #000;
	color: #fff;
	padding: 0px 8px 3px;
	margin: 0 2px;
}


/** CARRINHO **/
div.carrinho{
	margin: 30px 2% !important;
  	width: 96% !important;
}
div.carrinho table{
	text-align: center;
	font-size: 20px;
}
div.carrinho table thead{
	background-color: #000;
	color: #fff;
}
div.carrinho table thead tr{}
div.carrinho table thead tr th{
	padding: 5px 20px;
	font-size: 19px;
}
div.carrinho table tbody{}
div.carrinho table tbody tr.prod td{
	padding: 15px 0;
	border-bottom: 1px solid #000;
	border-right: 1px solid #ddd;
	background-color: #fff;
}
div.carrinho table tbody tr.prod td a{
	color: #000;
}
div.carrinho table tbody tr.prod td:first-child{
	width: 21.36%;
}
div.carrinho table tbody tr.prod td:first-child img{
	width: 45%;
}
div.carrinho table tbody tr.prod td:nth-child(2){
	width: 50%;
	text-align: left;
	padding: 0 30px;
}
div.carrinho table tbody tr.prod td:last-child{
	border-right: 0;
	font-weight: bold;
}
div.carrinho table tbody tr.prod td form input{
	width: 30%;
	-moz-appearance: textfield;
    appearance: textfield;
}
div.carrinho table tbody tr.prod td form input::-webkit-inner-spin-button { 
    -webkit-appearance: none;
}
div.carrinho table tbody tr.foot{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}
div.carrinho table tbody tr.foot td{
	text-align: left;
	padding: 15px 0 15px 15%;
}
div.carrinho table tbody tr.foot td:last-child{
	text-align: center;
	padding: 15px 0;
}
div.carrinho table tfoot tr th:first-child{
	padding: 35px 0 35px 80px;
	text-align: left;
}
div.carrinho table tfoot tr th:first-child a:first-child{
	margin-right: 35px;
}
div.carrinho table tfoot tr th:first-child a:last-child{
	margin-left: 35px;
}
div.carrinho table tfoot tr th:first-child a:hover{
	text-decoration: underline;
}
div.carrinho table tfoot tr th:last-child a{
	background-color: green;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	padding: 10px 15px;
	border-radius: 3px;
}


/** IDENTIFICA CLIENTE **/
div.identidica{
	width: 96%;
	padding: 15px 2% 30px;
	overflow: hidden;
}
div.identidica div.cadastrado{
	float: right;
	width: 33.8%;
	text-align: center;
	border: 1px solid #000;
	margin: 15px 6%;
	border-radius: 3px;
	padding: 2%;
}
div.identidica div.cadastrado p{
	margin: 15px 0 30px;
}
div.identidica div.cadastrado a{
	background-color: green;
	color: #fff;
	border-radius: 3px;
	width: 45%;
	padding: 10px 15px;
	font-size: 25px;
}


/** PEDIR SENHA **/
div.ped-senh{
	width: 100%;
	margin: 20px auto 30px;
	overflow: hidden;
}
div.ped-senh div.form{
	float: none;
	margin: auto;
}


/** CONTATO **/
div.contato div.form{
	float: none;
	width: 80%;
	margin: 5% auto;
}


/** AREA DO CLIENTE **/
div.barra-logado{
	float: left;
	margin: 9px 0 0 50px;
	font-size: 26px;
}
div.barra-logado a{
	float: left;
	color: #fff;
}
div.cliente{
	margin: 25px 50px 50px;
	overflow: hidden;
	min-height: 250px;
}
div.cliente div.col{
	float: left;
	width: 28.94%;
	border: 1px solid #000;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
	margin: 0 1%;
}
div.cliente div.t3{
	width: 96.3%;
	margin-bottom: 35px;
}
div.cliente div.t2{
	width: 63%;
}
div.cliente div.col h1{
	font-size: 30px;
	margin-bottom: 20px;
	color: #000;
}
div.cliente div.col ul{
	text-align: left;
	margin: 0 15%;
}
div.cliente div.col ul li{
	margin-bottom: 10px;
}
div.cliente div.col ul li a{
	color: #000;
	font-size: 22px;
}
div.cliente div.col ul li a:hover{
	text-decoration: underline;
}
div.cliente table{
	text-align: center;
	font-size: 20px;
	margin: auto;
}
div.cliente table thead{
	background-color: #000;
	color: #fff;
}
div.cliente table thead tr{}
div.cliente table thead tr th{
	padding: 5px 20px;
	font-size: 19px;
}
div.cliente table tbody tr th{
	background-color: #000;
	color: #fff;
	padding: 5px 20px;
	font-size: 19px;
	border-bottom: 1px solid #fff;
}
div.cliente table tbody tr td{
	padding: 15px 10px;
	border-bottom: 1px solid #000;
	background-color: #fff;
}
div.cliente div.terc{
	position: absolute;
	right: 4.3%;
}


/** COMPRA **/
div.compra{
	margin: 30px auto 50px;
	width: 80%;
	overflow: hidden;
}
div.compra div.t3{
	width: 45%;
	float: none;
	margin: auto;
}
div.compra div.t3 form select, 
div.compra div.t3 form input[type="submit"], 
div.compra div.t3 form button{
	width: 98.5%;
}
.linha {
	height:2px;
	background-color:#000;
}


/** POP-UP **/
div.popestci{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}
div.popestci div.popctppd{
	background: #fff;
    margin: 100px auto 0;
    padding: 1%;
    border-radius: 2px;
    border: 1px solid #CC1539;
    width: 400px;
}
div.popestci div.popctppd p{
	font-size: 12px;
	text-align: justify;
}
div.popestci div.popctppd div.btpo{
	margin: 3% 10%;
	overflow: hidden;
}
div.popestci div.popctppd div.btpo a.cofpop{
	float: left;
	background-color: #C32B22;
	color: #fff;
	padding: 2% 5%;
}
div.popestci div.popctppd div.btpo a.dspop{
	float: right;
	border: 1px solid #C32B22;
	color: #C32B22;
	padding: 2% 5%;
}


/** FOOTER **/
footer{
	color: #E02B26;
}
footer div.preft{
    width: 800px;
    margin: 0 auto 1%;
    display: flex;
    justify-content: center;
    text-align: center;
}
footer div.preft div.frtgraf{
    flex: 1;
}
footer div.preft div.frtgraf img{
	width: 25px;
    margin: 0 1%;
}
footer div.preft div.frtgraf strong{}
footer div.preft div.esjccf{
    flex: 1;
}
footer div.preft div.esjccf img{
	width: 25px;
    margin: 0 1%;
}
footer div.preft div.esjccf strong{}
footer h3{
    font-size: 16px;
    font-family: avenir-bold;
}
footer hr{
	background-color: #E02B26;
	border: none;
	width: 100%;
	height: 1px;
}
footer div.menufoof{
	display: flex;
    margin: auto;
    width: 800px;
    padding: 1% 0;
}
footer div.foot{
	flex: 1;
}
footer div.foot img{
	width: 85%;
}
footer div.foot:first-child ul{
	margin: 0;
}
footer div.foot:first-child ul li:before{
	content: '';
}
footer div.foot ul{
	margin-right: 10%;
}
footer div.foot ul li{}
footer div.foot ul li:before{
	content: '-';
}
footer div.foot ul li img{
	width: 8%;
    margin-bottom: -4px;
}
footer div.foot ul li a{
    font-size: 10px;
    color: #E02B26;
}
footer div.foot ul li a:hover{
	text-decoration: underline;
}
footer div.foot img.msf{
	width: 30px;
    margin-left: 35px;
    float: left;
}
footer div.foot div.pgmt{
	padding: 10px 0;
}
footer div.foot div.pgmt img{
	width: 17%;
	margin: 0 2%;
}
.foot hr{
	margin-bottom:25px;
}
footer div.foot div.pgmt2{
	padding: 10px 0;
}
footer div.foot div.pgmt2 img{
	width: 100%;
	margin: 0 2%;
}
footer div.foot form{
	font-size: 22px;
	text-align: left;
	overflow: hidden;
}
footer div.foot form input{
	width: 96%;
	padding: 10px 2%;
	font-size: 20px;
}
footer div.foot form button{
	padding: 1% 5%;
    margin-top: 1%;
    font-size: 20px;
    color: #000;
    float: right;
}
.logorodape hr{
	width: 90%;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
}
.logorodape div{
	width: 100%;
    text-align: center;
}
.logorodape img{
	margin: auto;
    text-align: center;
}
.copyright{
	padding: 5px 2%;
	background: #666;
	font-size: 10px;
	color: #fff;
	text-align: center;
}


/**  1300px **/
@media only screen and (max-width: 1300px) {

	/** CORPO **/

	/** HOME **/

	/** AREA DO CLIENTE **/
	div.cliente table.tot{
	}
	div.cliente table.tot,
	div.cliente table.tot thead,
	div.cliente table.tot tbody,
	div.cliente table.tot th,
	div.cliente table.tot td,
	div.cliente table.tot tr { 
		display: block; 
	}
	div.cliente table.tot thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	div.cliente table.tot tr { 
		border: 1px solid #ccc;
		overflow: hidden;
	}
	div.cliente table.tot td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		width: 50%;
		padding: 8px 0 8px 50%; 
	}
	div.cliente table.tot td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px;
	}
	/* Label the data */
	div.cliente table.tot td:nth-of-type(1):before { content: "Total"; }
	div.cliente table.tot td:nth-of-type(2):before { content: "Pagamento"; }
	div.cliente table.tot td:nth-of-type(3):before { content: "Valor do frete"; }
	/** ETAPA PRAGAMENTO **/
	div.compra div.t3{
		width: 60%;
	}
}


/** MOBILE 1000px **/
@media only screen and (max-width: 1000px) {
		
	/** HOME **/
	div.newslett{
		flex-wrap: wrap;
	}
	div.gclist div.grtt{
		width: 50%;
	}
	.iconbannr p {
	    float: left;
	    width: 80%;
	    padding: 4%;
	}

	/** BUSCA **/
	div.cont-topo span.ordem{
		float: left;
		width: 100%;
	}

	/** DETALHE PRODUTO **/
	div.detalhe div.nome{
		
		font-size: 16px;
	}
	div.detalhe div.nome h1{
		line-height: 16px;
		font-size: 16px;
	}
	div.detalhe div.foto div.img{
		height: 400px;
	}
	div.detalhe div.foto div.img img{
		max-height: 400px;
	}
	div.detalhe div.info p.preco{
		font-size: 30px;
	}
	div.detalhe div.info p.prazo{
		font-size: 20px;
	}
	div.detalhe div.info a.comprar{
		font-size: 17px;
	}

	/** FORM **/
	div.ped-senh div.form{
		width: 97%;
	}

	/** FOOTER **/
	footer div.foot{
		width: 50%;
		flex: auto;
	}
	footer div.foot:first-child{
		width: 100%;
		margin-bottom: 5%;
	}
	footer div.foot ul li{
		padding-bottom: 10px;
	}
	footer div.foot ul li a{
		font-size: 16px;
		font-weight: normal;
	}
	footer div.foot form{
		font-size: 21px;
	}
	footer div.foot form input{
		width: 95%;
	}
	footer div.pag div{
		float: none !important;
		width: auto !important;
		margin-bottom: 2%;
	}
}


/** MOBILE 800px **/
@media only screen and (max-width: 800px) {

	#meio, footer div.preft, footer div.menufoof{
		width: auto;
	}
	.venda{
		position: fixed;
		width:95%;
	}
	div.frtgra{
	height: 2px;
    font-size: 0px;
    background-color: white;
	}
	.buttoninsta{
	right: 65px;
    width: 50%; 	
}
	.descr{
	font-size: 13px;
	}
	.postntc img {
    max-width: 350px;
	}
	.boxProdutoCrosselling{
		width:100%;
	}
	.crosselling h3 {
		width:100%;
	}
	#conteudo h2 {
		/*margin-bottom: 50px;*/
	}
	div.noticias{
	    width: 100%;
	    overflow: hidden;
	padding: 7px 0 5px;
    text-transform: uppercase;
    color: #E02B26;
    font-size: 18px;
}
.noticias img{
	    width: 98%;
}

.noticias a{
	width: 100%;
    float: left;
	margin:1%;
	color: red;
}

.noticias li{
	
}

.noticias h2{
	padding: 7px 0 5px;
    text-transform: uppercase;
    color: #E02B26;
    font-size: 14px;
    font-family: avenir-bold;
	height: 60px;
}
	
.clubem16 img {
	width:100%;
}
div.topo div.logo img {
    width: 100%;
    margin-top: 10px;
}


	.iconfoot{
		width:100%;
		text-align: left;
	    margin-left: 15%;
	}
	.iconfoot p{
		width: 100%;
	}
	div.paginacao ul{
		float: left;
	    margin-right: -4%;
	    margin-top: 30px;
	}

	/** TOPO **/
	div#deskk{
		display: none;
	}
	div#mobbi{
		display: flex;
		/*height: 80px;*/
	}
	div.topo{
		overflow: initial;
	}
	div.topo div.logo{
		width: 40%;
	}
	div.topo div.busca{
		width: 60%;
	}
	div.topo div.fale, div.topo div.logado{
		width: 25%;
	}
	#mobbi nav.menutopo{
		flex: 1;
		margin: 0;
	    padding: 0;
	    width: 0;
	    background: #E02B26;
        background-position: top;
	    display: flex;
    	align-items: center;
		margin-top:120px;
	}
	#mobbi nav.menutopo ul li{
		display: block;
	}
	#mobbi div{
		flex: 4;
    	margin: 0;
	}
	#mobbi div.topo{
		background: #E02B26;
		display: flex;
		margin-top: 120px;
	}
	#mobbi div.topo div.buscat{
		flex: 1;
		display: flex;
	}
	#mobbi div.topo .ico-lopa{
		float: none;
		margin: auto;
	}
	#mobbi div.topo .ico-avat, #mobbi div.topo .ico-carr{
		margin: 0;
	}
	div.topo div.logado a.setdll:after{
		display: none;
	}
	div.buscamobi{
		display: none;
		width: 90%;
		margin: 1% 5% 5%;
		height: 45px;
	}
	div.buscamobi input{
		float: left;
	    padding: 14px;
	    font-size: 14px;
	    border: 1px solid #000;
	    width: 60%;
	}
	div.buscamobi button{
		height: 47px;
		float: left;
		background-color: #C32B22;
		color: #fff;
		padding: 0 20px;
		font-size: 15px;
	}
	#mobbi div.topo div.logo{
		flex: 1;
	}
	#mobbi div.topo div.logado{
		flex: 1;
	}
	#mobbi div.topo div.car{
		flex: 1;
	}
	#mobbi a.mn-conta{
		padding-left: 35%;
	}

	/** MENU LATERAL **/
	#esquerda{
		width: 100%;
	}
	nav.menu-lat{
		float: left;
		width: 100%;
	}
	nav.menu-lat h2{
		display: none;
	}
	nav.menu-lat div.categorias{
		display:none;
		background-color:  #000;
	}
	nav.menu-lat hr.categoria{
		height:5px;
		background-color: #000;
	}
	nav.menu-lat div.categorias ul li{
		border: none;
		float: left;
		margin: 5px;
		width:100%;
		border-bottom: 1px solid #fff;
	}
	nav.menu-lat div.categorias ul li a{
	    color: white;
		font-size: 17px;
	}

	/** CORPO **/
	.slidePrev, .slideNext{
		display: none;
	}
	.boxProduto{
		width: 48%;
	}

	/** FORM **/
	div.form form{
		width: 90%;
	}

	/** HOME **/
	div.ltdepo div.depoi{
		float: none;
		margin: auto;
		width: 300px;
	}

	/** AREA DO CLIENTE **/
	div.cliente{
		margin: 25px 10px 50px;
	}
	div.cliente div.t2{
		width: 96.3%;
		margin-bottom: 35px;
	}
	div.cliente div.col{
		width: 96.3%;
	}

	/** DETALHE PRODUTO **/
	div.detalhe div.info div.clacula_frete div.clcftapp{
		margin: 15% 20%;
	}
	div.detalhe div.info div.clacula_frete div.clcftapp a{
		padding: 1.5% 3% 1.55%;
	}

	/** ETAPA PRAGAMENTO **/
	div.identidica div.form{
		width: 93.5%;
	}
	div.identidica div.cadastrado{
		width: 89.5%;
	}
	div.compra div.t3{
		width: 97%;
	}

	/** FOOTER **/
	footer div.menufoof{
		flex-direction: column;
		margin-left: 5%;
	}
	footer div.foot img{
		width: auto;
	}
	footer div.foot{
		width: 44%;
		margin-bottom: 25px;
	}
	footer div.foot:last-child{
		width: 93%;
	}
	footer div.foot form input{
		width: 65%;
	}
}


/** MOBILE 600px **/
@media only screen and (max-width: 600px) {

	/** TABELAS **/
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { 
		border: 1px solid #ccc;
		overflow: hidden;
	}
	td { 
		/* Behave  like a "row" */
		width: 100% !important;
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px;
	}
	/* Label the data */
	tr.prod td:nth-of-type(1):before { content: "Imagem";margin-top: 5% !important; }
	tr.prod td:nth-of-type(2):before { content: "Produto"; }
	tr.prod td:nth-of-type(3):before { content: "Quant."; }
	tr.prod td:nth-of-type(4):before { content: "Excluir"; }
	tr.prod td:nth-of-type(5):before { content: "Pre\00e7o (Unit\00e1rio)"; }

	/** TOPO **/
	div.topo div.logo {
		width: 51%;
		margin: auto;
	}
	div.topo div.busca{
		width: 90%;
	}
	div.topo div.fale, div.topo div.logado, div.topo div.car{
		/*width: 55%;
		margin-top:20px;*/
	}

	/** NAV - TOPO **/
	nav.menutopo div.busca{
		width: 94%;
		margin: 5px 3%;
	}
	nav.menutopo div.busca input{
		width: 80%;
	}
	nav.menutopo div.busca div{
		padding: 6px 12px 7px 5px;
		float: left;
	}
	div.menutopo p{
		display: block;
	}
	div.barra-logado{
		text-align: center;
		width: 100%;
		margin: 5px 0px;
	}
	div.barra-logado a{
		float: none;
	}

	/** HOME **/
	div.contdhm form{
		justify-content: center;
	}
	div.contdhm form .lftdhd{
		width: 65%;
	}
	div.contdhm form textarea{
		width: 60%;
		height: 150px;
	}
	div.hbanlat div.img{
		float: none;
		width: 99%;
	}
	div.gclist div.grtt{
		width: 100%;
	}
	div.newslett form{
		flex-direction: column;
	}
	div.newslett form p{
		width: auto;
	}
	div.newslett form input{
		width: 70%;
	}

	/** DETALHE PRODUTO **/
	div.detalhe div.nome,
	div.detalhe div.desc,
	div.detalhe div.info{
		width: 93%;
	}
	div.detalhe div.info div.clacula_frete div.clcftapp{
		margin: 15% 2%;
	}
	div.detalhe div.info div.clacula_frete div.clcftapp form input{
		font-size: 85%;
	}
	div.detalhe div.foto{
		width: 97%;
	}
	div.detalhe div.like{
		width: 103%;
	}
	div.clacula_frete div.clcftapp{
		margin: 5% 10%;
	}

	/** CARRINHO **/
	div.carrinho table{
		font-size: 16px;
	}
	div.carrinho table tbody tr.prod{
		border-bottom: 10px solid #000;
	}
	div.carrinho table tbody tr.prod td{
		width: auto !important;
		padding: 7px 0px 7px 38% !important;
	}
	div.carrinho table tbody tr.prod td:first-child img{
		width: 70%;
	}
	div.carrinho table tbody tr.prod td:nth-child(2){
		text-align: center;
	}
	div.carrinho table tbody tr.foot{
		overflow: hidden;
	}
	div.carrinho table tbody tr.foot tr{
		overflow: hidden;
	}
	div.carrinho table tbody tr.foot td{
		width: 25%;
		float: left;
	}
	div.carrinho table tbody tr.foot td:last-child{
		width: 60%;
		float: right;
	}
	div.carrinho table tfoot tr{
		font-size: 16px;
	}
	div.carrinho table tfoot tr th:first-child{
		padding: 25px 5px 35px;
	}
	div.carrinho table tfoot tr th:first-child a:first-child{
		margin-right: 5px;
	}
	div.carrinho table tfoot tr th:first-child a:last-child{
		margin-left: 4px;
	}
	div.carrinho table tfoot tr th:last-child{
		margin-bottom: 20px;
	}

	/** ETAPA PRAGAMENTO **/
	div.identidica div.cadastrado{
		padding-bottom: 20px;
	}
	
	/** FORM **/
	div.form{
		width: 93%;
	}

	/** AREA CLIENTE **/
	div.cliente div.col{
		width: 93%;
		margin-bottom: 20px;
	}
	div.cliente table{
		font-size: 17px;
	}
	div.cliente table tbody tr td{
		width: auto;
		padding: 5px 0px 5px 45%;
	}
	div.cliente td::before{
		width: 35%;
	}
		/* tabela total */
	div.cliente td:nth-of-type(1):before { content: "Ordem:"; }
	div.cliente td:nth-of-type(2):before { content: "Data e Hora:"; }
	div.cliente td:nth-of-type(3):before { content: "Status:"; }
	div.cliente td:nth-of-type(4):before { content: "Detalhe:"; }
		/* tabela informações */
	div.cliente div.t3 td:nth-of-type(1):before { content: "Data/Hora da compra:"; }
	div.cliente div.t3 td:nth-of-type(2):before { content: "Endere\00e7o de entrega:"; }
	div.cliente div.t3 td:nth-of-type(3):before { content: "Bairro/Cidade/Estado:"; }
		/* tabela produtos */
	div.cliente div.t2 td:nth-of-type(1):before { content: "Ref.:"; }
	div.cliente div.t2 td:nth-of-type(2):before { content: "Nome:"; }
	div.cliente div.t2 td:nth-of-type(3):before { content: "Qnt.:"; }
	div.cliente div.t2 td:nth-of-type(4):before { content: "Pre\00e7o (Un.):"; }

	/** FOOTER **/
	footer div.foot{
		width: 93%;
	}

}


/** MOBILE 400px **/
@media only screen and (max-width: 400px) {

	/** TOPO **/

	/** NAV - TOPO **/
	nav.menutopo div.busca input{
		width: 80%;
	}
	div.detalhe div.info div.pclst table tr td{
		width: 90%;
	}
	div.desc {    
    text-align: left;
	}
	div.desc h2{
	text-align: center;
	}	
	div.busca input{
		width: 51%;
	}
	div.busca div img{
		height: 48px;
	}
	div.topo div.busca button{
		padding: 0 8px;
	}

	/** DETALHE PRODUTO **/
	div.detalhe ul{
		float: left;
	    width: 100%;
	    overflow: hidden;
	}
	div.detalhe ul li:first-child{
		text-align: center;
	    margin-bottom: 5px;
	    height: 300px;
	    border: 1px solid #000;
	    padding: 1%;
	    width: 95%;
	    background-color: white;
	}

	/** ETAPA PRAGAMENTO **/
	div.form a.esc-sen{
		margin-left: 0;
	}
}

/* === Ajustes Tech SEO + Mobile 2026 === */
.seo-home-tech{max-width:1180px;margin:34px auto;padding:28px;border-radius:22px;background:#f5f7fb;color:#101828;box-sizing:border-box}
.seo-home-tech h1{font-size:32px;line-height:1.15;margin:0 0 12px;font-weight:900;letter-spacing:-.03em}
.seo-home-tech p{font-size:17px;line-height:1.65;margin:0;color:#344054}
.seo-grid-tech{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.seo-grid-tech article{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.seo-grid-tech h3{font-size:20px;margin:0 0 8px;color:#101828}.seo-grid-tech article p{font-size:15px;line-height:1.5}
img{max-width:100%;height:auto}input,textarea,select,button{font-size:16px}.topobg,.llogo,#conteudo,#meio{box-sizing:border-box}
@media(max-width:1024px){#deskk{display:none!important}#mobbi{display:block!important}#site,#meio,#conteudo{width:100%!important;max-width:100%!important}.home{padding:0 14px}.seo-home-tech{margin:22px 12px;padding:22px}.seo-home-tech h1{font-size:26px}.seo-grid-tech{grid-template-columns:1fr}.contdhm form{width:auto!important;margin:0 12px}.detalhe{display:block!important}.detalhe .nome h1{font-size:25px!important;line-height:1.2}.ligllery,.detalhe .foto,.detalhe .inf{width:100%!important;float:none!important}.produtos li,.produto li{width:48%!important;margin:1%!important;box-sizing:border-box}.busca input{width:calc(100% - 52px)!important}}
@media(max-width:640px){body{overflow-x:hidden}.seo-home-tech h1{font-size:23px}.seo-home-tech p{font-size:15px}.produtos li,.produto li{width:98%!important;margin:1% auto!important;float:none!important}.contdhm .lftdhd,input,textarea{width:100%!important;box-sizing:border-box}.noticias li{width:100%!important;float:none!important}.topo .logo img{max-height:54px}.car img,.logado img{max-width:28px}}


.marcas-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin-top:20px;
}

.marca-box{
    background:#fff;
    border-radius:12px;
    padding:20px;
    text-align:center;
    transition:.3s;
    border:1px solid #eee;
}

.marca-box:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.marca-box img{
    max-width:140px;
    height:60px;
    object-fit:contain;
    margin-bottom:15px;
}

.marca-box h3{
    font-size:20px;
    margin-bottom:10px;
}

.marca-box p{
    font-size:14px;
    line-height:1.5;
    color:#666;
}

body{
    background:#f5f7fb;
    font-family:Arial, Helvetica, sans-serif;
    color:#111;
}

.topobg{
    background:#fff !important;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
}

.nvmt{
    background:#fff !important;
}

.menutopo ul{
    display:flex;
    justify-content:center;
    gap:28px;
    padding:14px 0;
}

.menutopo a{
    color:#111 !important;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
}

.frtgra{
    background:linear-gradient(90deg,#111,#e60012);
    color:#fff;
    font-size:20px;
    font-weight:700;
    padding:14px;
    text-align:center;
}

#conteudo{
    max-width:1180px;
    margin:0 auto;
    padding:40px 20px;
    background:transparent !important;
}

#conteudo h2,
#meio h2{
    color:#111;
    font-size:28px;
    font-weight:800;
    margin-bottom:25px;
    border-left:5px solid #e60012;
    padding-left:12px;
}

.boxProduto{
    background:#fff;
    border-radius:18px;
    padding:22px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    text-align:center;
    transition:.25s;
    min-height:360px;
}

.boxProduto:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 35px rgba(0,0,0,.14);
}

.boxProduto .img{
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

.boxProduto .img img{
    max-width:100%;
    max-height:180px;
    object-fit:contain;
}

.boxProduto p{
    color:#111;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}

.boxProduto .vl .depo{
    color:#e60012;
    font-size:24px;
    font-weight:900;
    margin:15px 0;
}

.boxProduto .bt{
    display:inline-block;
    background:#111;
    color:#fff !important;
    padding:12px 26px;
    border-radius:999px;
    font-weight:800;
    text-decoration:none;
    transition:.25s;
}

.boxProduto .bt:hover{
    background:#e60012;
}

.seo-home-tech{
    background:#fff;
    border-radius:22px;
    padding:35px;
    margin:35px auto;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.seo-home-tech h1{
    font-size:30px;
    color:#111;
    margin-bottom:15px;
}

.seo-home-tech p{
    color:#555;
    line-height:1.7;
    font-size:16px;
}

.seo-grid-tech{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-top:25px;
}

.seo-grid-tech article{
    background:#f7f8fb;
    padding:22px;
    border-radius:16px;
}

@media(max-width:768px){
    .menutopo ul{
        flex-direction:column;
        gap:10px;
        padding:15px;
    }

    #conteudo{
        padding:28px 15px;
    }

    #conteudo h2,
    #meio h2{
        font-size:22px;
    }

    .frtgra{
        font-size:15px;
    }

    .boxProduto{
        margin-bottom:20px;
    }
}

/* === Tema Loonli 2026: laranja, preto e SEO UX === */
:root{
    --loonli-orange:#ff7a12;
    --loonli-orange-dark:#e85f00;
    --loonli-black:#111111;
    --loonli-ink:#222222;
    --loonli-muted:#667085;
    --loonli-line:#eceff3;
    --loonli-bg:#f7f8fb;
    --loonli-card:#ffffff;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--loonli-bg);
    color:var(--loonli-ink);
    font-family:Inter, Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:1.5;
    letter-spacing:0;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

a{
    color:inherit;
}

button,
input,
select,
textarea{
    font-family:Inter, Arial, Helvetica, sans-serif;
    letter-spacing:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.boxProduto a p,
.boxProduto div.vl p,
nav.menutopo ul li a,
div.topo div.logado a,
div.frtgra{
    font-family:Inter, Arial, Helvetica, sans-serif;
    letter-spacing:0;
}

.topobg{
    background:#fff !important;
    border-bottom:1px solid var(--loonli-line);
    box-shadow:0 8px 28px rgba(17,17,17,.06);
}

.llogo,
div.topo{
    max-width:1180px;
}

div.topo div.logo img{
    max-height:76px;
    object-fit:contain;
}

div.topo div.busca{
    border:1px solid var(--loonli-line);
    border-radius:999px;
    background:#fff;
    box-shadow:0 10px 26px rgba(17,17,17,.05);
    overflow:hidden;
}

div.topo div.busca input{
    border:0 !important;
    background:transparent !important;
    color:var(--loonli-black);
}

div.topo div.busca input::placeholder{
    color:#98a2b3;
}

div.topo div.busca img,
div.topo div.busca button{
    background:var(--loonli-orange);
    border-radius:50%;
    padding:10px;
    transition:.2s ease;
}

div.topo div.busca img:hover,
div.topo div.busca button:hover{
    background:var(--loonli-orange-dark);
}

.nvmt,
nav.menutopo,
.menutopo ul{
    background:#fff !important;
}

.menutopo ul{
    gap:8px;
}

.menutopo a,
nav.menutopo ul li a,
div.topo div.menu a{
    color:var(--loonli-black) !important;
    border-radius:999px;
    padding:11px 16px !important;
    font-weight:800;
    letter-spacing:0;
    transition:.2s ease;
}

.menutopo a:hover,
nav.menutopo ul li a:hover{
    background:rgba(255,122,18,.1);
    color:var(--loonli-orange-dark) !important;
}

.frtgra{
    background:var(--loonli-black) !important;
    color:#fff;
    border-top:3px solid var(--loonli-orange);
    font-size:15px;
    letter-spacing:.02em;
}

#fwslider{
    background:#fff;
}

#conteudo{
    max-width:1180px;
    width:100%;
    margin:0 auto;
    padding:28px 18px 48px;
    box-sizing:border-box;
}

#conteudo .home-section,
#meio.home-section,
.marcas-home,
.noticias,
.newslett,
.gclist{
    width:100%;
    max-width:1180px;
    margin:28px auto;
    padding:0;
    background:transparent !important;
    box-sizing:border-box;
}

.home-hero-seo{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);
    gap:28px;
    align-items:center;
    margin:28px auto 34px;
    padding:38px;
    border:1px solid rgba(255,122,18,.18);
    border-radius:8px;
    background:
        radial-gradient(circle at 92% 10%, rgba(255,122,18,.18), transparent 30%),
        linear-gradient(135deg,#fff 0%,#fff7f0 100%);
    box-shadow:0 18px 50px rgba(17,17,17,.08);
}

.home-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    color:var(--loonli-orange-dark);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.home-eyebrow:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--loonli-orange);
}

.home-hero-seo h1{
    max-width:760px;
    margin:0 0 14px;
    color:var(--loonli-black);
    font-size:42px;
    line-height:1.08;
    font-weight:900;
}

.home-hero-seo p{
    max-width:680px;
    margin:0;
    color:#475467;
    font-size:18px;
    line-height:1.65;
}

.home-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.home-primary-cta,
.home-secondary-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 22px;
    border-radius:999px;
    font-weight:900;
    text-decoration:none;
    transition:.2s ease;
}

.home-primary-cta{
    background:var(--loonli-orange);
    color:#fff !important;
    box-shadow:0 10px 24px rgba(255,122,18,.28);
}

.home-primary-cta:hover{
    background:var(--loonli-orange-dark);
}

.home-secondary-cta{
    background:#fff;
    color:var(--loonli-black) !important;
    border:1px solid var(--loonli-line);
}

.home-secondary-cta:hover{
    border-color:var(--loonli-orange);
    color:var(--loonli-orange-dark) !important;
}

.home-trust-list{
    display:grid;
    gap:12px;
}

.home-trust-list span{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:12px 16px;
    border-radius:8px;
    background:#fff;
    color:var(--loonli-black);
    font-weight:800;
    box-shadow:0 10px 24px rgba(17,17,17,.06);
}

.home-trust-list span:before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--loonli-orange);
    flex:0 0 auto;
}

#conteudo h2,
#meio h2,
.noticias h2{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 24px;
    padding:0;
    border:0;
    color:var(--loonli-black);
    font-size:28px;
    line-height:1.2;
    font-weight:900;
}

#conteudo h2:before,
#meio h2:before,
.noticias h2:before{
    content:"";
    width:7px;
    height:30px;
    border-radius:999px;
    background:var(--loonli-orange);
}

.category-strip{
    display:flex;
    gap:10px;
    margin:8px auto 28px;
    padding:10px 0 4px;
    overflow:auto;
    scrollbar-width:thin;
}

.category-strip div{
    flex:0 0 auto;
}

.category-strip a{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 18px;
    border:1px solid var(--loonli-line);
    border-radius:999px;
    background:#fff;
    color:var(--loonli-black);
    font-weight:800;
    text-decoration:none;
}

.category-strip a:hover{
    border-color:var(--loonli-orange);
    color:var(--loonli-orange-dark);
}

.boxProduto{
    border:1px solid var(--loonli-line);
    border-radius:8px;
    background:var(--loonli-card);
    box-shadow:0 10px 30px rgba(17,17,17,.06);
}

.boxProduto:hover{
    transform:translateY(-4px);
    border-color:rgba(255,122,18,.38);
    box-shadow:0 18px 40px rgba(17,17,17,.12);
}

.boxProduto div.destt p{
    background:var(--loonli-orange);
    color:#fff;
}

.boxProduto a p{
    min-height:44px;
    color:var(--loonli-black);
    font-weight:800;
}

.boxProduto div.vl p.depo,
.boxProduto .vl .depo{
    color:var(--loonli-orange-dark);
}

.boxProduto a.bt,
.boxProduto .bt{
    border-radius:999px;
    background:var(--loonli-black);
    color:#fff !important;
    font-weight:900;
}

.boxProduto a.bt:hover,
.boxProduto .bt:hover{
    background:var(--loonli-orange);
}

.seo-home-tech{
    border:1px solid var(--loonli-line);
    border-radius:8px;
    background:#fff;
}

.seo-home-tech h2{
    margin-bottom:10px;
}

.seo-grid-tech article,
.marca-box{
    border:1px solid var(--loonli-line);
    border-radius:8px;
    background:#fff;
    box-shadow:none;
}

.seo-grid-tech h3,
.marca-box h3{
    color:var(--loonli-black);
}

.marca-box:hover{
    border-color:rgba(255,122,18,.45);
    box-shadow:0 16px 34px rgba(17,17,17,.08);
}

.contdhm,
.newslett{
    border-radius:8px;
    background:var(--loonli-black);
    color:#fff;
    overflow:hidden;
}

.contdhm form,
.newslett form{
    box-sizing:border-box;
}

.contdhm button,
.newslett button,
footer div.foot form button,
.btlgpd{
    background:var(--loonli-orange) !important;
    color:#fff !important;
    border:0;
    border-radius:999px;
    font-weight:900;
}

.contdhm button:hover,
.newslett button:hover,
footer div.foot form button:hover,
.btlgpd:hover{
    background:var(--loonli-orange-dark) !important;
}

footer{
    background:var(--loonli-black);
    color:#fff;
}

footer .preft{
    background:#181818;
    border-bottom:1px solid rgba(255,255,255,.08);
}

footer h3{
    color:#fff;
}

footer div.foot ul li a,
footer .copyright a{
    color:#fff;
}

footer div.foot ul li a:hover,
footer .copyright a:hover{
    color:var(--loonli-orange);
}

.bklgpd .lgpd{
    border-radius:8px;
    box-shadow:0 18px 50px rgba(17,17,17,.22);
}

@media(max-width:900px){
    .home-hero-seo{
        grid-template-columns:1fr;
        padding:28px;
    }

    .home-hero-seo h1{
        font-size:32px;
    }

    .home-hero-seo p{
        font-size:16px;
    }
}

@media(max-width:640px){
    #conteudo{
        padding:18px 12px 34px;
    }

    .home-hero-seo{
        margin-top:16px;
        padding:22px 18px;
    }

    .home-hero-seo h1{
        font-size:27px;
    }

    .home-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    #conteudo h2,
    #meio h2,
    .noticias h2{
        font-size:22px;
    }

    div.topo div.logo img{
        max-height:58px;
    }
}

/* === Correcoes de alinhamento topo/menu/produto === */
#site,
.topobg,
.nvmt,
.frtgra{
    min-width:0;
}

.topobg{
    position:relative;
    z-index:50;
}

div.llogo,
.llogo{
    width:100% !important;
    max-width:none !important;
    background:#fff !important;
}

div.topo{
    width:100% !important;
    max-width:1180px !important;
    min-height:82px;
    margin:0 auto !important;
    padding:8px 18px;
    display:flex !important;
    align-items:center;
    gap:24px;
    box-sizing:border-box;
}

div.topo div.logo{
    width:160px !important;
    min-width:160px;
    display:flex;
    align-items:center;
}

div.topo div.logo img{
    width:auto !important;
    max-width:150px;
    max-height:62px;
}

div.topo div.busca{
    flex:1 1 auto;
    max-width:520px;
    height:50px;
    margin:0 !important;
    display:flex !important;
    align-items:center;
}

div.topo div.busca input{
    width:100% !important;
    height:50px !important;
    padding:0 70px 0 22px !important;
    box-sizing:border-box;
}

div.topo div.busca img{
    width:48px !important;
    height:48px !important;
    min-width:48px;
    margin-left:-56px !important;
    padding:8px !important;
    box-sizing:border-box;
}

div.topo div.logado{
    width:190px !important;
    min-width:170px;
}

div.topo div.logado a,
div.topo a.mn-conta{
    color:var(--loonli-black) !important;
    padding:8px !important;
}

div.topo div.logado a.setdll:after{
    box-shadow:1px -1px 0 1px var(--loonli-black) inset !important;
}

div.topo div.car{
    width:62px;
    min-width:62px;
    justify-content:center;
}

div.topo div.car img{
    max-width:42px;
}

.nvmt{
    width:100% !important;
    border-top:1px solid var(--loonli-line);
    border-bottom:1px solid var(--loonli-line);
}

nav.menutopo,
.cssmenu{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
}

.cssmenu > ul,
.menutopo ul{
    width:100% !important;
    min-height:72px;
    padding:8px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:wrap;
    box-sizing:border-box;
}

.cssmenu > ul > li{
    flex:0 1 auto !important;
    line-height:1.25 !important;
    text-align:center;
}

.cssmenu > ul > li > a,
nav.menutopo ul li a{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 14px !important;
    line-height:1.25 !important;
    white-space:normal;
}

.cssmenu > ul > li.has-sub > a::after{
    display:none !important;
}

.cssmenu ul ul{
    top:100% !important;
    min-width:220px !important;
    width:auto !important;
    padding:8px !important;
    overflow:visible !important;
    background:#fff !important;
    border:1px solid var(--loonli-line);
    border-radius:8px;
    box-shadow:0 18px 38px rgba(17,17,17,.16);
}

.cssmenu li:hover > ul{
    left:50% !important;
    transform:translateX(-50%);
    z-index:99999 !important;
}

.cssmenu ul li:hover > ul > li{
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    text-align:left !important;
}

.cssmenu ul ul li a{
    display:block !important;
    width:100% !important;
    padding:10px 12px !important;
    color:var(--loonli-black) !important;
    line-height:1.3 !important;
    font-size:14px !important;
    text-align:left;
    box-sizing:border-box;
}

.cssmenu ul ul li a:hover{
    background:rgba(255,122,18,.1) !important;
    color:var(--loonli-orange-dark) !important;
}

div.frtgra,
.frtgra{
    height:auto !important;
    min-height:58px;
    padding:14px 18px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1.25;
    font-size:24px !important;
    box-sizing:border-box;
    position:relative;
    z-index:1;
}

div.cont-topo{
    max-width:1180px;
    margin:24px auto 18px;
    padding:0;
    text-align:left;
}

div.detalhe{
    width:100%;
    max-width:1180px;
    margin:0 auto 42px;
    float:none !important;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,490px);
    gap:38px;
    align-items:start;
    overflow:visible;
}

div.detalhe div.nome,
div.detalhe div.info,
div.detalhe div.favorita,
div.detalhe div.like{
    grid-column:2;
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box;
}

div.detalhe div.nome{
    text-align:left;
}

div.detalhe div.nome p{
    margin:0 0 12px;
    color:var(--loonli-muted);
    font-size:13px;
    text-transform:uppercase;
}

div.detalhe div.nome h1{
    margin:0 0 22px;
    color:var(--loonli-black);
    font-size:30px;
    line-height:1.22;
    font-weight:900;
}

div.detalhe #content,
div.detalhe .ligllery{
    grid-column:1;
    grid-row:1 / span 5;
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:22px !important;
    border:1px solid var(--loonli-line);
    border-radius:8px;
    background:#fff;
    box-sizing:border-box;
}

div.detalhe #content .clearfix:first-child{
    min-height:460px;
    display:flex !important;
    align-items:center;
    justify-content:center;
}

div.detalhe #content img,
div.detalhe ul.ligllery li:first-child img{
    max-width:100%;
    max-height:460px;
    object-fit:contain;
}

div.detalhe div.info{
    text-align:left;
}

div.detalhe div.info p.preco{
    margin:0 0 16px;
    color:var(--loonli-black);
    font-size:42px;
    line-height:1;
    text-align:left;
}

div.detalhe div.info hr{
    border:0;
    border-bottom:2px solid var(--loonli-black);
    margin:16px 0 18px;
}

div.detalhe div.info a.comprar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:260px;
    min-height:48px;
    margin:0 auto 10px;
    padding:0 22px !important;
    border-radius:6px;
    background:var(--loonli-orange) !important;
    color:#fff !important;
    font-size:22px;
    font-weight:900;
    box-sizing:border-box;
}

div.detalhe div.info a.comprar:hover{
    background:var(--loonli-orange-dark) !important;
}

div.detalhe div.info p.cfrete{
    margin-top:8px;
    text-align:center;
    font-size:15px;
}

div.detalhe div.like{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:30px !important;
}

div.desc{
    width:100%;
    max-width:1180px;
    margin:34px auto !important;
    padding:0;
    clear:both;
    color:var(--loonli-black);
    box-sizing:border-box;
}

div.desc h2{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    color:var(--loonli-black);
    text-align:left;
    font-size:30px;
    line-height:1.2;
    font-weight:900;
}

div.desc h2:before{
    content:"";
    width:7px;
    height:30px;
    border-radius:999px;
    background:var(--loonli-orange);
}

@media(max-width:900px){
    div.topo{
        gap:12px;
    }

    div.topo div.logo{
        width:130px !important;
        min-width:130px;
    }

    div.topo div.logado{
        display:none !important;
    }

    div.detalhe{
        grid-template-columns:1fr;
        gap:22px;
    }

    div.detalhe div.nome,
    div.detalhe div.info,
    div.detalhe div.favorita,
    div.detalhe div.like,
    div.detalhe #content,
    div.detalhe .ligllery{
        grid-column:1;
        grid-row:auto;
    }
}

@media(max-width:640px){
    div.topo{
        min-height:auto;
        flex-wrap:wrap;
    }

    div.topo div.busca{
        order:3;
        flex-basis:100%;
        max-width:none;
    }

    div.frtgra,
    .frtgra{
        font-size:17px !important;
        min-height:48px;
    }

    div.detalhe div.nome h1{
        font-size:24px;
    }

    div.detalhe div.info p.preco{
        font-size:34px;
    }
}

/* === Ajuste fino dos icones do topo === */
div.topo div.logado{
    height:56px;
    display:flex !important;
    align-items:center !important;
    justify-content:center;
}

div.topo div.logado a.mn-conta,
div.topo div.logado a.setdll{
    width:100%;
    min-height:48px;
    display:grid !important;
    grid-template-columns:30px minmax(112px,1fr) 14px;
    align-items:center;
    column-gap:10px;
    padding:4px 0 !important;
    line-height:1.15 !important;
    box-sizing:border-box;
    font-size:13px !important;
    font-weight:700;
}

div.topo div.logado a.mn-conta img,
div.topo div.logado a.setdll img{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    object-fit:contain;
    display:block;
    image-rendering:auto;
}

div.topo div.logado a.setdll:after{
    width:8px;
    height:8px;
    padding:0 !important;
    margin:0 !important;
    justify-self:end;
}

div.topo div.car{
    height:56px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative;
}

div.topo div.car a.mn-conta{
    width:58px;
    height:58px;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative;
}

div.topo div.car img{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    object-fit:contain;
    display:block;
}

div.topo div.car div{
    position:absolute;
    top:-2px;
    right:0;
    min-width:20px;
    height:20px;
    margin:0 !important;
    padding:0 5px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000 !important;
    color:#fff;
    border-radius:999px;
    box-sizing:border-box;
}

div.topo div.car strong{
    font-size:12px;
    line-height:1;
}

div.topo div.car a.mn-conta:after{
    display:none !important;
}

.boxProduto a div.img{
    display:flex !important;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:8px;
}

.boxProduto a div.img img[src$="logo_topo.png"]{
    max-width:120px !important;
    opacity:.85;
}