.oculto{display: none}
#form-buy{float: left; width: calc(100% - 255px); min-width: 400px}
.view-smart{display: none}
.nview-smart{display: block}
#col-totais{float: right; width: 225px; margin-right: 0px; background: #f5f5f5; border: 1px solid #e1e1e1; border-radius: 4px;}
.col-totais { position: sticky; top: 90px;	}
.pv-titPro{font-size: 20px; font-weight: bold; color: var(--cor5); margin-bottom: 10px; float: left; width: 100%;}
.row-desc{float: left; width: 100%; border-bottom: 2px solid #ccc; margin-bottom: 12px; padding-bottom: 7px}
.col-50{float: left; width: 50%}
.pv-descGraf{float: left; width: calc(100% - 0); margin-bottom: 15px;}
.pv-descGraf > line{float: left; width: 100%; margin-bottom: 3px; line-height: 130%;}
.pv-descGraf > .tagp {background: var(--cor5); font-size: 11px; color: #fff; padding: 2px 7px 0px 7px; display: block; width: auto; margin: 0px 5px 5px 0; border-radius: 2px; float: left;}
.pv-descGraf > .tagp i {margin-right: 3px; font-size: 14px;}
.pv-rate{float: right; width: 215px;}
.pv-rate > .aval-prod{float: left; width: 100%;}
.pv-rate > .aval-prod .aval-stars > i {padding: 0 1px; color: #ffc600}
.pv-rate > .aval-prod .aval-tit{font-weight: bold; padding-left: 13px; margin-left: 10px; font-size: 11px; text-transform: uppercase;}
.pv-rate > .aval-prod .aval-tit i{font-size: 17px; margin-right: 5px;}
.pv-rate > .mais-det-prod{float: right; margin-top: 10px; background: #f2f2f2; border-radius: 3px; padding: 5px 15px; font-size: 13px;}
.pv-rate > .aval-prod .aval-tit:hover{cursor: pointer; color: var(--cor8);}
.pv-rate > .mais-det-prod:hover{cursor: pointer; color: var(--cor5); background-color: #ececec;}

.pv-totais{display: table; width: 100%; padding: 10px;margin-bottom: 0px; float: left}
	/*
.pv-totais{display: table; width: 100%; padding: 10px; background: #f9f9f9; border-radius: 2px;; border: 1px solid #f0f0f0; margin-bottom: 10px;}*/

.pv-totais > .pv-totais-c1{float: left; width: 100%}
.pv-totais > .pv-totais-c1 > .act-view-frmpagto{height: auto; font-weight: bold; font-size: 13px;}

.pv-totais > .pv-totais-c1 > .tit{float: left; width: 100%; text-align: center;}
.pv-totais > .pv-totais-c1 > .frm-pgto{float: left; width: 100%; text-align: center;}
.pv-totais > .pv-totais-c1 > .frm-pgto > img{margin: 0 10px;text-align: center;}

.pv-totais > .pv-totais-c2{width: 100%; padding: 0 15px;}
.pv-totais > .pv-totais-c2 > .pv-totais-c2-de{float: left; width: 100%; font-size: 13px; margin-bottom: 0px; color: #666; text-decoration: line-through;}
.pv-totais > .pv-totais-c2 > .pv-totais-c2-v{font-size: 24px; font-weight: bold; float: left; width: 100%; color: #333; line-height: 100%; padding-bottom: 3px}
.pv-totais > .pv-totais-c2 > .pv-totais-cashback{font-size: 13px; font-weight: 400; padding: 2px 10px; border:1px solid var(--cor6);text-align: center; border-radius: 4px; color: var(--cor5); background-color: #fff; width: 100%; float: left; margin-bottom: 1px}
.pv-totais > .pv-totais-parcelas{font-size: 12px; padding-bottom: 3px; float: left; width: 100%; color: #333}
/*
.pv-totais > .pv-totais-pix{font-size: 12px; background-color: var(--cor5); line-height: 115%; float: left; padding: 5px; color: #fff; border-radius: 5px;margin-bottom: 10px; width: 100%}
.pv-totais > .pv-totais-pix > .pixpag-c1{float: left; width: 30px; padding: 2px 5px 0 2px; height: 27px;}
.pv-totais > .pv-totais-pix > .pixpag-c2{float: left; width: calc(100% - 30px);}
*/
.pv-totais-pix {
    font-size: 13px;
    background-color: var(--cor5);
    line-height: 1.2;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

.pv-totais-pix .pixpag-c1 {flex-shrink: 0; margin-right: 10px;}
.pv-totais-pix  .pixpag-c2 {flex-grow: 1;}

.pv-totais > .pv-totais-pluspgto{font-size: 13px; line-height: 16px; float: left; padding: 5px 0; text-decoration: underline; cursor: pointer;}

.pv-totais > .pv-totais-pluspgto > .ifpag-c1{float: left; width: 30px; font-size: 20px}
.pv-totais > .pv-totais-pluspgto > .ifpag-c2:hover{color: var(--cor5);}
.pv-totais > .aviso-digital {float: left; width: 100%; padding: 5px 10px;  background: #fde9e9;  border:1px #b73636 dashed; margin-top: 15px}
.pv-totais > .aviso-digital > p{float: left; width: 100%; font-size: 13px; color: #b73636}
/* ---------- entregas ----------*/
.pv-entrega{float: left; width: 100%; padding: 5px 10px; }
.pv-entrega > .title {float: left; width: 100%; font-weight: bold; color: var(--cor5); border-top: 1px solid #e1e1e1; padding-top: 10px; padding-bottom: 10px}
.pv-entrega > .op-entrega{float: left; width: 100%; border-bottom: 1px dotted #E1E1E1; padding-bottom: 10px}
.pv-entrega > .op-entrega > .op-entrega-c1{float: left; width: 52px; height: 50px; padding: 5px 0;}
.pv-entrega > .op-entrega > .op-entrega-c2{float: left; width: calc(100% - 52px)}
.pv-entrega > .op-entrega > .op-entrega-c2 > .desc{float: left; width: 100%; font-size: 12px; color: #333}
.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp{float: left; width: 100%}
.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp #cep-calc-produto{height: 28px; font-size: 12px}
.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp .act-simulafrete-prod{background-color: var(--cor5); height: 28px; line-height: 16px; border-radius: 0 10px 10px 0 !important;  width: 40px;  padding: 0;  font-size: 13px;}
.pv-entrega > .op-entrega > .viewEntregaCepProduto{display: none; width: 100%; float: left; font-size: 11px; line-height: 100%; padding-top: 5px; background: #e3e3e3; padding: 5px; margin-top: 3px; border-radius: 3px;  color: #333; max-height: 180px; overflow-y:  auto; border: 1px solid #d2d2d2; font-size: 12px}
.pv-entrega > .op-entrega > .viewEntregaCepProduto i{font-size: 20px}

.pv-entrega > .op-balcao{float: left; width: 100%; padding: 10px 0;}
.pv-entrega > .op-balcao:hover{cursor:pointer; background-color:#E1E1E1}
.pv-entrega > .op-balcao > .op-balcao-c1{float: left; width: 52px; height: 36px; padding: 3px 0; text-align: center;}
.pv-entrega > .op-balcao > .op-balcao-c2{float: left; width: calc(100% - 52px)}
.pv-entrega > .op-balcao > .op-balcao-c2 > .desc{float: left; width: 100%; font-size: 12px; color: var(--cor5); height: 14px;}
.pv-entrega > .op-balcao > .op-balcao-c2 > .cmp{float: left; width: 100%; font-weight: 600; font-size: 13px; color: #333; line-height: 120%}

.pv-entrega > .op-entrega > .viewEntregaCepProduto > nofrete{line-height: 125%;  font-weight: 600;  text-align: center !important;  color: #8e1313;}
.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete{float: left; width: 100%; background: #fff; padding: 6px 8px; margin-bottom: 5px; border-radius: 3px}
.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete:hover{background-color: #c4c4c4; cursor: default;}
.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .nomeEntrega{float: left; width: calc(100% - 52px);}
.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .valor{float: left; width: 52px; font-weight: 600; text-align: right;}
.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .prazo{float: left; width:100%; padding: 3px 0 0 0;}


.lineVars{height: auto !important; padding: 0px 0px 15px 0px; float: left; width: 100%; border-bottom: 0px dotted #ccc;}



.legCmpVar{left; margin: auto; margin: 0px 0 5px 0 !important;  float: left;}
.legCmpVar strong{text-transform: uppercase}
/*.legCmpVar:nth-of-type(1)::first-letter {text-transform: uppercase !important;}*/
.lineVars .objCmpVar{float: left; width: 100%; padding: 0; margin: 0}
.lineVars .objCmpVar select {width: auto !important; min-width: 200px}
.lineVars .objCmpVar input[type="radio"] {opacity: 0; position: fixed; width: 0; }
.lineVars .objCmpVar label {
	display: inline-block;
	background-color: #fff;
	color: var(--cor4);
	padding: 3px 16px;
	border: 1px solid var(--cor5);
	font-weight: 400;
	border-radius: 4px;
	margin: 0 7px 5px 0;
	box-shadow: 0 2px 2px 0 rgba(205,205,205,.35);
  -webkit-touch-callout: none;  /* iPhone OS, Safari */
  -webkit-user-select: none;    /* Chrome, Safari 3 */
  -khtml-user-select: none;     /* Safari 2 */
  -moz-user-select: none;       /* Firefox */
  -ms-user-select: none;        /* IE10+ */
  user-select: none; 
}
.lineVars .objCmpVar label:hover {
  background-color: #f5f5f5;
  border: 1px solid var(--cor7);
  color: #222;
  padding: 3px 16px;
  cursor: pointer;
}
.lineVars .objCmpVar input[type="radio"]:focus + label {border: 2px solid var(--cor5); padding: 2px 15px;}
.lineVars .objCmpVar input[type="radio"]:checked + label {background-color: var(--cor4); border: 2px solid var(--cor7); padding: 2px 15px; color: #fff}
.lineVars .objCmpVar input[type="radio"]:checked + label > .chk-var{display: block;}
.lineVars .chk-var{border: 8px solid transparent;	border-bottom-color: transparent;	border-bottom-color: var(--cor7);content: "";	position: absolute;	float: right;	margin-left: -24px;	margin-top: -5px;	display: none;
  transform:rotate(226deg);
  -ms-transform:rotate(226deg); /* IE 9 */
  -moz-transform:rotate(226deg); /* Firefox */
  -webkit-transform:rotate(226deg); /* Safari and Chrome */
  -o-transform:rotate(226deg); /* Opera */
}
.lineVars .img-variacao{margin-left: 10px;}
.lineVars .img-variacao img.img-varmini{max-height: 60px;}
.lineVars .img-variacao .img-varview{display: none; position: absolute; padding: 10px; background-color: #fff; border: 1px solid #ccc; margin-top: 5px; margin-left: -17px;}

.my-view-produto .msg-notify-add{float: left; width: 100%; background: #fde9e9; border: 1px #d99d9d solid; color: #bf3232; padding: 6px 15px 9px 15px; border-radius: 3px; margin-bottom: 7px; display: none}
.my-view-produto .msg-notify-add i{font-size: 44px; float: left; margin-right: 12px;}

.quantityPers input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: 'Open Sans', sans-serif;
}
.quantityPers .quantity{text-align: center; border:none;  width: 40px; font-size: 18px; font-weight: 300; color: #555; font-weight: bold}
/*border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;*/

.quantityPers input[type=number]::-webkit-inner-spin-div,
.quantityPers input[type=number]::-webkit-outer-spin-div {-webkit-appearance: none;}
.quantityPers .number-input {border: 1px solid #e6e6e6; display: inline-flex; border-radius: 3px}
.quantityPers .number-input, 
.quantityPers .number-input * { box-sizing: border-box;}

.quantityPers .number-input div {
	background: #fff;
  border: none;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 50px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.quantityPers .number-input div:before,
.quantityPers .number-input div:after {
  display: inline-block;
  position: absolute;
  content: '';
	width: 10px;
	height: 2px;
	background-color: #8a8a8a;
  transform: translate(-50%, -50%);
  margin: 25px 15px;
}
.quantityPers .number-input div:hover:before,
.quantityPers .number-input div:hover:after{background:var(--cor5);}
.quantityPers .number-input div.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.quantityPers .number-input input[type=number] {
  font-family: sans-serif;
}

#quantPages, #quantCopy{min-width: 100px !important}

input:focus { outline:none;	}

.table-qtdfaixa{font-size: 11px}
.table-m2{font-size: 11px; line-height: 17px; margin-top: -20px}
.tit-calc-m2{padding-bottom: 5px;}
.box-calc-m2 .input-group-addon,
.box-calc-m2 .input-group-text{font-size: 13px !important; padding: 6px 6px !important;}
.box-calc-m2 .popover{font-size: 11px !important; min-width: 150px !important}
.msgOKMedidas{background: #d9d9d9; border-radius: 4px;}
.msgOKPPMedidas{background: #B1ECA5; border-radius: 4px;display: none;  float: right;  padding: 5px 10px;  font-size: 13px;  margin-right: -6px;  margin-top: 4px;  width: 100%; font-weight: 300 !important}
.msgErroMedidas{background: #f9b7b7; border-radius: 4px;}
#larguraM2::placeholder, #alturaM2::placeholder {font-size: 12px;}
#larguraM2, #alturaM2,	#larguraMLinear, #alturaMLinear {min-width: 70px;}
#larguraPP, #alturaPP{text-align: center}

.aviso-comprar{display: none}
.table-m2 tbody{padding: 3px 10px; background-color: #e8e8e8; float: left; margin: 5px 0; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(205,205,205,.35);  border: 1px solid #cecece; }
.row-desc .mais-det-prod{float: left; background: #e3e2e2; padding: 4px 10px 6px 10px; border-radius: 15px; /*margin-top: -10px;*/ font-size: 13px; text-decoration: none}
.row-desc .mais-det-prod:hover{cursor: pointer; border:1px solid #ccc; padding: 3px 9px 5px 9px; text-decoration: none}
/*.box-calc-m2 .input-group{max-width: 150px}*/

.btn-car-add{float: left; height: 50px; line-height: 35px; margin-left: 10px; border: 2px solid #b0afaf;width: calc(65% - 10px); transition: all 0.3s ease !important; color: var(--cor_texto_site);}
.btn-car-add:hover{border: 2px solid var(--cor6); transform: translateY(-2px);}
.btn-car-comprar{float: left; height: 50px; line-height: 38px; width: 35%; background-color: var(--cor7); font-size: 16px; font-weight: bold; transition: all 0.3s ease !important;}
.btn-car-comprar:hover{background-color: var(--cor8); transform: translateY(-2px);}
.btn-car-add i, .btn-car-comprar i{font-size: 24px; margin-right: 7px;}
.lineVars > .col-actions{float: left;}
.lineVars > .col-actions:first-child{float: left; width: 100px;}
.lineVars > .col-actions:nth-child(2){width: calc(100% - 100px)}
.lineVars > .col-actions:nth-child(3){width: calc(100% - 100px)}
.right{float: right;}
.my-view-produto .botao-comprar-wpp{background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); border: none; border-radius: 25px; color: #ffffff; font-weight: 600; font-size: 14px; padding: 8px 20px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); margin: 10px 0; width: 100%;}
.my-view-produto .botao-comprar-wpp:hover{background: linear-gradient(135deg, #128C7E 0%, #25D366 100%); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); color: #ffffff; text-decoration: none; }
.my-view-produto .botao-comprar-wpp i{font-size:32px; margin-right:15px }
.my-view-produto .box-calc-pp{background: #f0f0f0;  padding: 10px 0;  border-radius: 3px;  border: 1px solid #d9d9d9; margin-left: 0;}

.my-view-produto .aviso-solic-orc{padding: 10px 20px; border-radius: 6px; background: #fff; color: var(--cor5); text-align: center; font-size: 18px; max-width: 520px; margin: 0 auto; line-height: 130%}
.my-view-produto .act-add-orcamento{background: var(--cor7); font-size: 16px; font-weight: bold; border-radius: 2px; color:#fff; transition: all 0.3s ease;}
.my-view-produto .act-add-orcamento:hover{background: var(--cor5); color:#fff; transform: translateY(-2px);}
.my-view-produto .act-add-orcamento > i { font-size: 26px;  margin-right: 5px;}

.my-view-produto .act-wpp-orcamento {display: inline-block;	padding: 10px 20px;	background-color: #ffffff;	border: 2px solid #25d366; /* Cor do WhatsApp */	color: #25d366;	text-decoration: none;	font-weight: bold;	border-radius: 5px;	transition: background-color 0.3s ease;
}
.my-view-produto .act-wpp-orcamento:hover {background-color: #25d366; color: #ffffff;}
.my-view-produto .act-wpp-orcamento > i { font-size: 26px;  margin-right: 5px;}

.my-view-produto .link-login-produto{display: inline-block;  padding: 10px 20px; background-color: #ffffff;  border: 2px solid var(--cor3); /* Cor do WhatsApp */  color: var(--cor4); text-decoration: none;  font-weight: bold;  border-radius: 5px; transition: background-color 0.3s ease; padding-left: 50px}
.my-view-produto .link-login-produto:hover {background-color: var(--cor4); color: #ffffff;}
.my-view-produto .link-login-produto i {font-size: 26px; margin-left: -35px; position: absolute; margin-top: -2px;}


.ubislider-image-container{height: 335px; border-radius: 3px}
#cmp_dinamico, #cmp_catalogo{color: var(--cor5)}
.lineVars .objCmpVar label.disabled{opacity: 0.5; background-color: #ccc}

.line-view-stock{float: left; width: 100%; padding: 2px 5px; color:var(--cor7); font-weight: 400; font-size: 13px; font-style: italic; height: 10px}
.line-view-stock i{font-size: 18px}

.mpparede{float: left;}

/* ------------------ ACABAMENTOS ----------------------------- */
.div-acab .box-acab .input-group-btn-vertical{z-index: 999}
.div-acab{float: left; width: 100%; height: auto; margin-bottom: 15px}
.div-acab .title{float: left; width: 100%; height: auto;}
.div-acab .box-acab{float: left; width: 100%; height: auto; padding: 5px 0 0 1px; border: 1px solid #D6D6D6; background: #fff; border-radius: 5px}
.div-acab .box-acab .line-acab{float: left; width: 100%; padding: 5px 8px; border-bottom: 1px dotted #ccc;}
.div-acab .box-acab .line-acab:hover{background-color: #ececec; border-left: 3px solid var(--cor4);  padding-left: 5px;}
.div-acab .box-acab .line-acab .qtd-acab{float: left; width: 30px; font-size: 12px;
  height: 26px;  border-radius: 2px; border: 1px solid #d8d8d8; text-align: center;	padding: 6px 14px 3px 1px !important; border-radius: 2px 0 0 2px !important}
.div-acab .box-acab .line-acab .c-qtd{margin: 9px 0 0 7px; width: 45px; float: right;}
.div-acab .box-acab .line-acab .c-name{font-size: 13px; float: left; width: calc(100% - 55px); font-weight: 600; line-height: 120%; color: #333; margin-bottom: 2px;  margin-top: -3px;}
.div-acab .box-acab .line-acab .c-desc{float: left; width: calc(100% - 55px);}
.div-acab .box-acab .line-acab .c-desc .bdg-valor-acab,
.div-acab .box-acab .line-acab .c-desc .bdg-vm-acab,
.div-acab .box-acab .line-acab .c-desc .bdg-prazo-acab{font-size: 12px; float: left;
  color: var(--cor7); line-height: 120%; font-weight: 400; padding: 3px 10px; margin-right: 5px; background: #ccc;}
.div-acab .box-acab .line-acab .c-desc .bdg-prazo-acab{float:right; color:#777}
.div-acab .box-acab .line-acab .c-desc .bdg-vm-acab{color: #3c3c3c; background: #e3e3e3}
.c-qtd .input-group-btn-vertical > .btn {padding: 6px 7px; font-size: 12px; margin-top: 0px; margin-bottom: -2px;}
.input-group-btn-vertical > .btn{margin-left: -15px;}
/* ------------------ SERVICOS ADICIONAIS -------------------- */
.div-serv{float: left; width: 100%; height: auto; margin-bottom: 15px}
.div-serv .title{float: left; width: 100%; height: auto;}
.div-serv .line-serv{display: flex; width: 100%; border:1px solid #CCCCCC; background: #F0F0F0; border-radius: 5px; /*height: auto; min-height: 42px;*/ margin-bottom: 10px; color: #333}
.div-serv .line-serv .col-icon{display: flex; width: 32px; background: #E1E1E1; font-size: 22px; border-radius: 5px 0 0 5px; text-align: center; line-height: 42px; align-items: center; padding: 0 5px}
.div-serv .line-serv .col-content{flex-grow: 1; width: calc(100% - 104px); padding: 3px 5px; background-color: #fff}
.div-serv .line-serv .col-content .title{ width: 100%; font-size: 13px; line-height: 110%}
.div-serv .line-serv .col-content .link-qisrv{font-weight: bold; text-decoration: underline; font-size: 12px; width: 100%; cursor: pointer}
.div-serv .line-serv .col-content .link-qisrv:hover{color:var(--cor6)}

.div-serv .line-serv .col-actvalue{ width: 72px; background: #E1E1E1; min-height: 42px; text-align: center;display: grid;  align-items: center;}
.div-serv .line-serv .col-actvalue .act{margin-bottom: 3px;}
.div-serv .line-serv .col-actvalue .value{font-weight: bold; color: var(--cor7); font-size: 12px}
.div-serv .line-serv .col-actvalue label{margin-bottom: 0}

.label-arte{/*height: 50px;*/ padding: 3px 10px !important;}
.label-arte desc{float:left; width: calc(100% - 32px)}
.label-arte i{float:left; width: 32px; font-size: 24px; margin-top: 8px;}
.label-arte > .chk-var{margin-top: 36px; margin-left: -19px;}
.optA1{width: calc(43% - 12px); max-width: 210px;}
.optA2{width: calc(57% - 7px); max-width: 300px}
/* ------------------ TAB DESCRIÇÃO PRODUTOS -------------------- */

#product-desc{float:left; width: 100%; border: 1px solid #eee; background-color: #fff; margin-top: 30px; margin-bottom: 30px; position: relative; border-radius: 4px;}

#product-desc .tab{border-bottom: 1px solid #eee; margin: 0; padding: 0;}
#product-desc > .tab li{list-style: none !important; float: left; padding: 0; margin: 0}
#product-desc > .tab li a.tablinks{float: left; padding: 15px 20px; font-weight: 500; font-size: 16px; font-weight: 600; text-decoration: none; color: var(--cor5)}
#product-desc > .tab li a.active{color: var(--cor9);}
#product-desc > .tab li a:hover {text-decoration: none;}
#product-desc > .tab li a::before {background-color: transparent; content: ""; height: 2px; margin: 0 auto; position: absolute; top: 48px; transition: all 0.4s ease-out 0s; width: 3px;}
#product-desc > .tab li a.active::before {background-color: var(--cor5); height: 2px; width: 80px;}
#product-desc {scroll-margin-top: 100px;}
.tab  {overflow: hidden;}
.tabcontent {display: none; padding: 30px 15px; border-top: none;}
#tab-desc{display: block}

/* ------------------ AVALIAÇÕES DE PRODUTOS -------------------- */
.prod-aval{background: rgb(233,233,233);background: linear-gradient(90deg, rgb(238, 238, 238) 25%, rgba(255,255,255,0.08727240896358546) 75%); padding: 5px 10px; margin-bottom: 15px; width: 100%; float: left; border-radius: 3px}
.prod-aval .l1, .prod-aval .l2, .prod-aval .l3, .prod-aval .l4{float: left; width: 100%; padding: 3px 0} 
.prod-aval .l1{font-weight: 600; color: #111; font-size: 12px}
.prod-aval .l2{font-size: 11px; color:#666; line-height: 5px}
.prod-aval .l3 .fa-star{color: var(--cor5); margin-right:2px }
.prod-aval .l3 .fa-star-o{margin-right:2px }
.prod-aval .l4{font-size: 13px; line-height: 120%;}
.prod-aval .l4 p{margin: 0 0 2px 0;}

#avaliacoes-pagination{float: left; width: 100%}
#avaliacoes-pagination .pagination {
  margin: 20px 0;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 8px;
}

#avaliacoes-pagination .pagination li {
  list-style: none;
  display: inline-block;
}

#avaliacoes-pagination .pagination li a,
#avaliacoes-pagination .pagination li span {
  display: inline-block;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* Estilo para números das páginas normais */
#avaliacoes-pagination .pagination li a {
  color: #9ca3af;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
}

#avaliacoes-pagination .pagination li a:hover {
  color: #fff;
  background-color: var(--cor7);
  text-decoration: none;
}

/* Estilo para página ativa (vermelho/laranja como na imagem) */
#avaliacoes-pagination .pagination li.active a,
#avaliacoes-pagination .pagination li.active span {
  color: white;
  background-color: var(--cor5);
  border: 1px solid #fff;
}

/* Estilo para setas de navegação */
#avaliacoes-pagination .pagination li:first-child a,
#avaliacoes-pagination .pagination li:last-child a {
  color: #6b7280;
  font-weight: 600;
}

#avaliacoes-pagination .pagination li:first-child a:hover,
#avaliacoes-pagination .pagination li:last-child a:hover {
  color: #374151;
}

/* Estilo para páginas desabilitadas */
#avaliacoes-pagination .pagination li.disabled span,
#avaliacoes-pagination .pagination li.disabled a {
  color: #d1d5db;
  cursor: not-allowed;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
}

#avaliacoes-pagination .pagination li.disabled a:hover {
  color: #d1d5db;
  background-color: #f9fafb;
}

/* Estilo para reticências (...) */
#avaliacoes-pagination .pagination li.dots span {
  color: #9ca3af;
  background: transparent;
  border: none;
  cursor: default;
}

/* ------------------ OPCAO A+ SOLICITAR ORC NO PEDIDO -------------- */
.view-solic-orc{float:left; width: 100%; padding:20px 0 15px 0px;}
.view-solic-orc .l1{float:left; width: 100%; font-size: 13px}
.view-solic-orc .l2{float:left; font-size: 14px; font-weight: bold; text-decoration: underline;}
.view-solic-orc .l2:hover{cursor: pointer; color: var(--cor5);}

@media (max-width: 1200px) {
	#form-buy{width: 100%}
	#col-totais{float: left; width: 100%;}
	.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp{max-width: 200px}
}

@media (max-width: 900px) {
	#form-buy{width: 100%}
	#col-totais{float: left; width: 100%;}
	.pv-descGraf, .pv-rate{width:  100%}
	.box-img-galeria{margin-top: 30px;}
}

@media (max-width: 767px) {
	.view-smart{display: block}
	.nview-smart{display: none}
	#form-buy{width: 100%}
	#col-totais{float: left; width: 100%;}
	.box-full-product > .col-img,
	.box-full-product > .col-dados{padding-left: 5px !important; padding-right: 5px !important;}
	.box-full-product > div{float: left !important}
	.col-img{width: 100% !important;}

	.box-calc-m2 > .col-xs-4{
		width: 50% !important;
	}
	.box-calc-m2 > .col-xs-4:first-child{
		width: 100% !important;
	}
	.box-calc-m2-info > .col-xs-4,
	.box-calc-m2-info > .col-xs-8{
		width: 100% !important;
	}
	.optA1{width: 100%; }
	.optA1 desc{height: 40px; line-height: 40px;}
	.optA2{width: 100%}
	.table-m2{margin-top: 5px}
	.col-totais { position: relative; top: initial;	}

	.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp{max-width: 200px}
	.pv-entrega > .op-entrega > .op-entrega-c2 > .desc{font-size: 16px}
	.pv-entrega > .op-entrega > .viewEntregaCepProduto{max-height: initial !important; font-size: 14px}
	.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .nomeEntrega{width: calc(100% - 60px);}
	.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .valor{width: 60px}
	.pv-entrega > .op-entrega > .viewEntregaCepProduto > .line-frete > .prazo{padding-top: 8px; font-size: 12px}
	.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp #cep-calc-produto{font-size: 15px; height: 34px; }
	.pv-entrega > .op-entrega > .op-entrega-c2 > .cmp .act-simulafrete-prod{height: 34px; font-size: 16px; line-height: 20px; border-radius: 0 10px 10px 0 !important}
	.pv-entrega > .op-balcao > .op-balcao-c2 > .desc{height: 18px; font-size: 14px}
	.pv-entrega > .op-balcao > .op-balcao-c2 > .cmp{font-size: 18px}
}

@media (max-width: 550px){
	body{font-size: 16px !important}
	#form-buy{width: 100%; min-width: 100%}
	#col-totais{float: left; width: 100%;}
	.btn-car-comprar xs{display: none}
	.btn-car-add xs{display: none}
	.col-totais{padding-left: 0}

	.legCmpVar{font-size: 18px}
	.lineVars .objCmpVar label {font-size: 14px; font-weight: 400; padding: 5px 16px;}


	.lineVars > .col-actions:nth-child(3){width: 100%}
	.botao-comprar-wpp{font-size: 16px; height: 38px; line-height: 22px}

	.col-detprod{width: 60% !important}
	.col-avaliacoes{width: 40% !important}
	.aval-stars{width: 100%;  float: left;}
	.pv-rate > .aval-prod .aval-tit{border-left:none}

	.pv-totais > .pv-totais-parcelas{font-size: 16px;}
	.pv-totais > .pv-totais-c2 > .pv-totais-c2-de{font-size: 14px}
	.pv-totais > .pv-totais-c2 > .pv-totais-c2-v{font-size: 36px; margin-top: 5px}

	.pv-totais > .pv-totais-pix{font-size: 14px;}
	.pv-totais > .pv-totais-pix > .pixpag-c2{height: 27px; line-height: 26px;}
	.pv-totais > .pv-totais-pluspgto{font-size: 14px; line-height: 26px}

	.box-calc-m2 .inp-medidas{width: 50%}
	.row-desc .mais-det-prod{padding: 5px 10px;}
}

.legCmpVar {
  margin: auto;
  margin: 0px 0 5px 0 !important;
  float: left;
  
  /* Adicionando truncamento de texto */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}