/* ====================================================================
   apx-carrinho.css
   Extraido do bloco LI 1668637 em 2026-06-19
   CSS especifico da pagina /carrinho/index
   ====================================================================*/

body.pagina-carrinho { background: #fff }

.pagina-carrinho #apx_frete { margin: 16px 0; background: #fff }

.pagina-carrinho #apx_frete.alert-success { background: #00C896; color: #fff; border-radius: 10px; border: none; font-weight: 700; text-align: center; padding: 10px 16px; font-size: 12px }

.pagina-carrinho #apx_frete.alertCustom { border-radius: 10px!important; overflow: hidden; margin-bottom: 16px; position: relative; padding: 0 }

.pagina-carrinho #apx_frete.alertCustom span:not(.preencheAlert) { display: block; font-weight: 700; position: relative; z-index: 1; padding: 10px 16px 18px 16px }

.pagina-carrinho #apx_frete.alertCustom .preencheAlert { position: absolute; bottom: 0; left: 0; height: 8px; background: rgb(113, 202, 155); z-index: 2; border-radius: 0 4px 4px 0 }

.pagina-carrinho .tabela-carrinho,
.pagina-carrinho table.tabela-carrinho { border: 1px solid #eee; border-radius: 14px; overflow: hidden; border-collapse: separate; border-spacing: 0 }

.pagina-carrinho .tabela-carrinho thead tr { background: #fafafa; border-bottom: 1px solid #eee }

.pagina-carrinho .tabela-carrinho thead th { font-size: 10px; font-weight: 800; color: #999; text-transform: uppercase; letter-spacing: .6px; padding: 12px 18px; border: none }

.pagina-carrinho .tabela-carrinho thead th:first-child { padding-left: 38px; vertical-align: middle }

.pagina-carrinho .tabela-carrinho thead th:first-child { padding-left: 38px; vertical-align: middle }

.pagina-carrinho .tabela-carrinho tbody tr { border-bottom: 1px solid #f2f2f2 }

.pagina-carrinho .tabela-carrinho tbody tr:last-of-type { border-bottom: none }

.pagina-carrinho .tabela-carrinho td { padding: 16px 18px; vertical-align: top; border: none }

.pagina-carrinho .tabela-carrinho td.conteiner-imagem { padding-right: 4px }

.pagina-carrinho .tabela-carrinho td.sem-borda:not(.conteiner-imagem) { padding-left: 4px }

.pagina-carrinho .tabela-carrinho td.sem-borda:not(.conteiner-imagem) .produto-info { transform: translateX(-58px) }

.pagina-carrinho .tabela-carrinho .produto-info { font-size: 13px; font-weight: 600; color: #1a1a1a }

.pagina-carrinho .tabela-carrinho .produto-info ul { list-style: none; margin: 4px 0 0 0; padding: 0 }

.pagina-carrinho .tabela-carrinho .produto-info ul li { display: list-item; font-size: 11px; color: #999; font-weight: 400; background: transparent; padding: 0; border-radius: 0; list-style: none }

.pagina-carrinho .menos-produto,
.pagina-carrinho .mais-produto,
.pagina-carrinho .quantidade-carrinho a { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #eee; background: #fff; color: #555; font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: border-color .15s }

.pagina-carrinho .menos-produto:hover,
.pagina-carrinho .mais-produto:hover,
.pagina-carrinho .quantidade-carrinho a:hover { border-color: #FF3366; color: #FF3366 }

.pagina-carrinho .quantidade-produto,
.pagina-carrinho input.quantidade { width: 34px; text-align: center; font-size: 13px; font-weight: 700; border: 1px solid #eee; border-radius: 7px; padding: 4px; color: #1a1a1a }

.pagina-carrinho .tabela-carrinho .preco-produto strong,
.pagina-carrinho .tabela-carrinho .preco-promocional,
.pagina-carrinho .tabela-carrinho .subtotal strong { font-weight: 400; font-size: 13px; color: #333 }

.pagina-carrinho .tabela-carrinho .total strong,
.pagina-carrinho .tabela-carrinho .preco-carrinho-total { font-weight: 400; font-size: 20px; color: #1a1a1a }

.pagina-carrinho span.cor-principal.valor { font-weight: 400; font-size: 13px; color: #333 }

.pagina-carrinho .desconto-a-vista,
.pagina-carrinho .preco-pix,
.pagina-carrinho .tabela-carrinho .cor-principal:not(.botao) { color: #333 }

.pagina-carrinho .tabela-carrinho th:last-child,
.pagina-carrinho .tabela-carrinho td:last-child { text-align: right }

.pagina-carrinho .tabela-carrinho .excluir a,
.pagina-carrinho .tabela-carrinho .excluir i { color: #ccc; font-size: 18px; transition: color .15s }

.pagina-carrinho .tabela-carrinho .excluir a:hover { color: #e05555 }

.pagina-carrinho .tabela-carrinho .bg-dark td { background: #fafafa; padding: 10px 18px; font-size: 12px; color: #555; border-top: 1px solid #eee }

.pagina-carrinho .tabela-carrinho td > b,
.pagina-carrinho .tabela-carrinho td > strong { font-weight: 700!important; font-size: 13px!important; color: #1a1a1a!important; text-transform: uppercase!important; letter-spacing: .3px!important }

.pagina-carrinho a[href*="cep"],
.pagina-carrinho .nao-sei-cep,
.pagina-carrinho a.cor-principal:not(.botao) { color: #555 }

.pagina-carrinho .formas-envio .accordion-group { border: 1.5px solid #eee; border-radius: 10px; margin-bottom: 6px; overflow: hidden }

.pagina-carrinho .formas-envio .accordion-heading { padding: 10px 14px }

.pagina-carrinho .input-append input,
.pagina-carrinho .input-cep,
.pagina-carrinho #calcularFrete,
.pagina-carrinho #inputCupom { border: 1.5px solid #eee; border-radius: 9px; padding: 9px 13px; font-size: 13px; height: auto; box-shadow: none; color: #1a1a1a }

.pagina-carrinho .input-append input:focus,
.pagina-carrinho input:focus { border-color: #eee; outline: none; box-shadow: none }

.pagina-carrinho .input-cep { border-radius: 9px!important }

.pagina-carrinho .input-append .btn,
.pagina-carrinho .input-append button { background: #FF7CAE!important; color: #fff!important; border: none!important; border-radius: 9px!important; padding: 9px 18px!important; font-size: 12px!important; font-weight: 700!important; box-shadow: none!important; text-shadow: none!important; cursor: pointer!important; height: auto!important; line-height: normal!important; transition: opacity .15s!important }

.pagina-carrinho .input-append .btn:hover,
.pagina-carrinho .input-append button:hover { opacity: .88!important }

.pagina-carrinho .cupom-codigo { background: rgb(219, 238, 255); color: rgb(0, 90, 181); border: 1px dashed rgb(131, 188, 245); border-radius: 7px; padding: 4px 10px; font-size: 14px; font-weight: 700; margin-left: 4px }

.pagina-carrinho .tabela-carrinho .bg-dark.possui-cupom{padding-left:18px}

.pagina-carrinho .tabela-carrinho .cupom-sucesso{padding-left:15px}

.pagina-carrinho .remover-cupom{font-size:0;color:transparent;text-decoration:none;cursor:pointer}

.pagina-carrinho .remover-cupom::before{content:'×';font-size:18px;font-family:Times,serif;font-weight:900;color:rgb(192,57,43)}

.pagina-carrinho .remover-cupom:hover{opacity:.6;text-decoration:none}

.pagina-carrinho .cupom-valor .cor-principal{color:rgb(192,57,43);font-weight:800;font-size:14px}

.pagina-carrinho .botao.principal { background: #FF3366; border: none; border-radius: 10px; font-weight: 700; box-shadow: none; text-shadow: none; transition: opacity .15s }

.pagina-carrinho .botao.principal:hover { opacity: .9 }

.pagina-carrinho .botao:not(.principal) { border-radius: 10px; border: 1.5px solid #eee; background: #fff; color: #555; box-shadow: none }

.pagina-carrinho .caixa-sombreada { box-shadow: none }

@media(max-width:768px) {
  .pagina-carrinho .tabela-carrinho tbody{margin:0}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id]{
        display: grid;
        grid-template-areas:
            "image info info trash"
            "image info info trash"
            "image value2 quantity   quantity";

                grid-template-columns: calc(25% - 10px) calc(35% - 5px) calc(20%) calc(20%);

        border: 0;
        padding: 15px 0px;
        margin-bottom:0;
        gap: 15px 5px;
    }
  .tabela-carrinho img{
        width: 100%;
    }
  .pagina-carrinho .tabela-carrinho .preco-produto s{font-size:12px!important}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(4),
    .pagina-carrinho .tabela-carrinho .preco-produto > div{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
  .pagina-carrinho .tabela-carrinho tbody tr + tr[data-produto-id]{
        border-top: 1px solid #f2f2f2!important;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td{border:0;padding:0px;width:100%!important}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(1){
        grid-area: image;
        padding-right: 10px;
        box-sizing: border-box;
        display: block!important;
    }
  .pagina-carrinho .tabela-carrinho tr[data-produto-id] form{
        margin: 0 auto 0 0;
        display: block;
        width: fit-content;
        white-space: nowrap;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(2){grid-area:info}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3){
        display: block!important;
        grid-area: value2;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) > div,
    .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) > div > div{
        white-space:wrap!important;
        width: 100%;
        text-align: right;
        line-height: 17px;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) *{
        font-size: 11px!important;
        display: block;
        width: 100%;
        text-align: right;
        float:none!important;

    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5){grid-area:trash;display:block!important}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(4){grid-area:quantity}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(6){grid-area:trash}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5),
    .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5) *,
    .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3),
    .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) *{text-align:right}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) *{font-size:12px;float:right;white-space:nowrap;margin:0}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) s{font-weight:300}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3),
    .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5){}
  .pagina-carrinho .tabela-carrinho .table-footer{box-shadow: 0 -5px 5px rgb(0 0 0 / 3%)}
  .pagina-carrinho .tabela-carrinho .table-footer tbody,
    .pagina-carrinho .tabela-carrinho .table-footer tbody tr,
    .pagina-carrinho .tabela-carrinho .table-footer tbody td{
        display: block!important;
        background: transparent;
        border: 0;
        width: 100%;
        padding: 0;
    }
  #theme_sideCart .tabela-carrinho .produto-info a{
        box-sizing: content-box!important;
        overflow: hidden;
        z-index: 1;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        min-height: unset!important;
    }
  .pagina-carrinho .tabela-carrinho form .control-group{flex-wrap:wrap}
  .pagina-carrinho .bg-dark{
        background: #f8f8f8;
        border-radius: 5px;
        border: 0;
        padding: 15px;
        box-sizing: border-box;
    }
  .pagina-carrinho .bg-dark *{
        text-align: center;
        justify-content: center;
    }
  .pagina-carrinho .bg-dark > td{padding:15px 0}
  .pagina-carrinho .bg-dark > td:empty{display:none!important}
  .carrinho-checkout .pagina-carrinho .caixa-sombreada{padding:20px;box-sizing:border-box}
  .pagina-carrinho:not(.carrinho-checkout) .tabela-carrinho .conteiner-imagem .imagem img{
        width:100%!important;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id]{
        padding:10px;
    }
  .pagina-carrinho .tabela-carrinho tr td *{text-align:left;align-items:center}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) *{
        height: 32px;
        font-size: 12px!important;
        font-weight: bold;
        width: 30px;
        box-sizing:border-box;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) a {
        display: flex;
        align-items: center;
        padding: 0 10px;
        font-size: 9px!important;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(3) .quantidade{
        width:fit-content;
        padding:0;
    }
  .pagina-carrinho .tabela-carrinho .form-horizontal .controls{
        flex-direction: column;
    }
  .pagina-carrinho:not(.carrinho-checkout) .bg-dark .input-append{
        flex-direction: row;
        flex-wrap: nowrap;
    }
  .pagina-carrinho .tabela-carrinho .form-horizontal .control-label{
        text-align:center;
    }
  .pagina-carrinho .tabela-carrinho .bg-dark td{
        border: 0;
        padding: 0!important;
    }
  .pagina-carrinho .tabela-carrinho tr td *{
        text-align:center!important;
    }
  .pagina-carrinho .tabela-carrinho tr{
                border: 0px!important;
        margin: 0;
    }
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id]{border-radius:0}
  .pagina-carrinho .tabela-carrinho .produto-info,
    .pagina-carrinho .tabela-carrinho .produto-info *{text-align:left!important}
  .pagina-carrinho .tabela-carrinho .form-horizontal .controls{width:100%}
  .pagina-carrinho:not(.carrinho-checkout) .acao-editar a.botao{box-sizing:border-box}
  .pagina-carrinho .tabela-carrinho td.sem-borda:not(.conteiner-imagem) .produto-info{transform:none!important}
  .pagina-carrinho .tabela-carrinho td.conteiner-imagem{text-align:left!important}
  .pagina-carrinho .tabela-carrinho thead th:first-child{padding-left:18px!important}
  .pagina-carrinho .tabela-carrinho tbody tr[data-produto-id] td:nth-child(5){display:flex!important;justify-content:flex-end!important;align-items:flex-start!important}
}