.detalhes-variacoes-tabela{width:100%;padding:70px 20px 50px}.detalhes-variacoes-tabela>.accordion-header{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;cursor:pointer;transition:background .3s ease}.detalhes-variacoes-tabela>.accordion-header>.accordion-title{margin:0;font-size:14px;color:#333}.detalhes-variacoes-tabela>.accordion-header>.accordion-icon{margin-left:10px;width:16px;height:16px;color:#333;transition:transform .3s ease}.detalhes-variacoes-tabela>.accordion-header>.accordion-icon.open{transform:rotate(180deg)}.detalhes-variacoes-tabela>.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.detalhes-variacoes-tabela>.accordion-content.open{max-height:5000px}.detalhes-variacoes-tabela .tabela-container{width:100%;overflow-x:auto}.detalhes-variacoes-tabela .tabela-container::-webkit-scrollbar{height:2px}.detalhes-variacoes-tabela .tabela-container::-webkit-scrollbar-track{background:#f1f1f1}.detalhes-variacoes-tabela .tabela-container::-webkit-scrollbar-thumb{background:#888}.detalhes-variacoes-tabela .tabela-container::-webkit-scrollbar-thumb:hover{background:#555}.detalhes-variacoes-tabela .tabela-variacoes{width:100%;background:#fff;font-size:14px}.detalhes-variacoes-tabela .tabela-variacoes td,.detalhes-variacoes-tabela .tabela-variacoes th{padding:12px 12px 10px;text-align:center}.detalhes-variacoes-tabela .tabela-variacoes thead th{font-weight:600;color:#444}.detalhes-variacoes-tabela .tabela-variacoes tbody tr:nth-child(odd){background:#fbfbfb}.detalhes-variacoes-tabela .tabela-variacoes .cabecalho-principal{font-size:14px;align-content:end}.detalhes-variacoes-tabela .tabela-variacoes .cabecalho-coluna .conteudo-cabecalho{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600}.detalhes-variacoes-tabela .tabela-variacoes .cabecalho-linha{font-weight:600;text-align:center}.detalhes-variacoes-tabela .tabela-variacoes .imagem-variacao{position:relative;width:100px;height:100px;cursor:pointer}.detalhes-variacoes-tabela .tabela-variacoes .imagem-variacao img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detalhes-variacoes-tabela .tabela-variacoes .nome-variacao{font-size:13px;color:#333;font-weight:500}.detalhes-variacoes-tabela .tabela-variacoes .celula-quantidade{vertical-align:middle}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade{display:flex;flex-direction:column;align-items:center;gap:2px}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade{position:relative;width:120px;height:25px;display:flex;justify-content:center;color:#000;font-weight:500}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.loading-icon{margin:auto}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.input{width:70px;height:25px;padding:4px;text-align:center;font-size:14px;border:1px solid #ccc}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.input::-moz-placeholder{font-size:8px;color:#888;font-weight:500}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.input::placeholder{font-size:8px;color:#888;font-weight:500}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.input.input-placeholder-estoque{border-color:#ddd}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes{position:absolute;top:0;width:20px;height:25px;display:flex;justify-content:center;align-items:center;font-size:13px;transition:all .3s;cursor:pointer}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes:hover{color:#000}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes.disabled{color:#bbb}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes.disabled:hover{color:#bbb;cursor:default}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes.adicionar{right:0;margin:1px 2px 0 0}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .input-quantidade>.acoes.remover{left:0;margin:1px 0 0 2px}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .preco-variacao{font-size:10px;color:#444}.detalhes-variacoes-tabela .tabela-variacoes .campo-quantidade .badge-esgotado{color:#e74c3c;font-size:10px;font-weight:600}.detalhes-variacoes-tabela .tabela-variacoes .nao-disponivel{color:#999;font-size:24px;font-weight:300}.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades{margin-top:40px;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades{flex-direction:column;gap:10px}}.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades>.descricao-instrucoes{font-size:12px;color:#444}.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades>.btn{width:230px;height:33px;display:flex;justify-content:center;align-items:center;font-size:16px}.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades>.btn:focus{outline:none!important;box-shadow:none!important;border:1px solid var(--primary)!important}.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades>.btn:active{transform:none!important;box-shadow:none!important}@media(max-width:768px){.detalhes-variacoes-tabela>.accordion-content>.btn-atualizar-quantidades>.btn{width:100%}}.detalhes-variacoes-tabela>.modal-padrao{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:-1;padding:5px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.detalhes-variacoes-tabela>.modal-padrao.aberto{display:block;z-index:99}.detalhes-variacoes-tabela>.modal-padrao .btn-fechar{position:absolute;top:0;right:0;border:none;font-size:12px;color:#333;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:1;background-color:#fff;border-radius:50%}.detalhes-variacoes-tabela>.modal-padrao .btn-fechar:hover{color:#000}.detalhes-variacoes-tabela>.modal-padrao .modal-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.detalhes-variacoes-tabela>.modal-padrao .modal-body .btn-navegacao{position:absolute;width:20px;height:20px;color:#333;font-size:29px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%}.detalhes-variacoes-tabela>.modal-padrao .modal-body .btn-navegacao:hover:not(:disabled){color:#000}.detalhes-variacoes-tabela>.modal-padrao .modal-body .btn-navegacao:disabled{opacity:.3;cursor:not-allowed}.detalhes-variacoes-tabela>.modal-padrao .modal-body .btn-navegacao.anterior{left:5px}.detalhes-variacoes-tabela>.modal-padrao .modal-body .btn-navegacao.proxima{right:5px}.detalhes-variacoes-tabela>.modal-padrao .modal-body .container-imagem{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detalhes-variacoes-tabela>.modal-padrao .modal-body .container-imagem img{max-width:600px}@media(max-width:762px){.detalhes-variacoes-tabela>.modal-padrao .modal-body .container-imagem img{max-width:90vw}}