/* XCheck - CSS Personalizado v2026-07-28-j
   Colar em: Aparencia -> Editar HTML/CSS -> CSS personalizado
   IMPORTANTE: apague o CSS antigo e cole ESTE arquivo inteiro. */

/* ================================================================
   CARROSSEL -> GRID ESTATICO
   O JS no header extrai os li de produto direto para
   ul.produtos-carrossel; aqui apenas estilizamos o resultado.
   ================================================================ */

   .produtos-carrossel {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 28px !important;
    overflow: visible !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Ocultar wrappers e controles do flexslider */
  .produtos-carrossel .listagem-linha,
  .produtos-carrossel .listagem-linha.flexslider,
  .produtos-carrossel .flex-viewport,
  .produtos-carrossel .flex-direction-nav,
  .produtos-carrossel .flex-control-nav,
  .flex-direction-nav {
    display: none !important;
  }

  /* Cada li de produto (filho direto, apos extracao JS): desktop */
  .produtos-carrossel > li:not(.listagem-linha):not(.clone) {
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    float: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-top: 14px !important;
  }

  /* Mobile: 1 coluna */
  @media (max-width: 767px) {
    .produtos-carrossel > li:not(.listagem-linha):not(.clone) {
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .produtos-carrossel > li:not(.listagem-linha):not(.clone) .listagem-item,
    .produtos-carrossel > li .listagem-item {
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  /* Pagina de categoria: alinhado a esquerda */
  body.pagina-categoria #listagemProdutos .produtos-carrossel {
    justify-content: flex-start !important;
  }

  /* Padding top no titulo da vitrine (mobile) */
  @media (max-width: 767px) {
    .titulo-categoria {
      margin-top: 32px !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      font-size: 1.15rem !important;
      line-height: 1.3 !important;
      word-spacing: normal !important;
      text-align: center !important;
      justify-content: center !important;
    }
    .titulo-categoria strong {
      letter-spacing: 0 !important;
      word-spacing: normal !important;
      text-transform: none !important;
      font-size: inherit !important;
    }

    #listagemProdutos {
      padding-top: 28px !important;
    }

    .flex-direction-nav,
    .flex-prev,
    .flex-next,
    .produtos-carrossel .flex-direction-nav {
      display: none !important;
    }

    .listagem-item .acoes-produto-responsiva .tag-comprar {
      padding: 14px 20px !important;
      font-size: 0.82rem !important;
      line-height: 1.2 !important;
      height: auto !important;
      min-height: 48px !important;
    }
    .listagem-item .acoes-produto-responsiva .tag-comprar span,
    .listagem-item .acoes-produto-responsiva .tag-comprar i {
      font-size: 0.82rem !important;
      line-height: 1.2 !important;
    }
    .listagem-item .acoes-produto-responsiva {
      padding-top: 12px !important;
      padding-bottom: 8px !important;
    }
  }

  /* Ocultar botao "Voltar ao topo" */
  .scrollToTop { display: none !important; }

  /* Remover margin-bottom do #corpo */
  #corpo { margin-bottom: 0 !important; }

  /* Ocultar breadcrumbs */
  .breadcrumbs { display: none !important; }

  /* Ocultar titulo de pagina injetado pelo LI dentro de .caixa-sombreada */
  .caixa-sombreada > h1.titulo,
  .caixa-sombreada > h1.titulo.cor-secundaria {
    display: none !important;
  }

  /* Remover setas nativas de input[type="number"] */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
  }

  /* Ocultar "Sair" no menu mobile */
  #xck-mob-sair { display: none !important; }

  /* Botao WhatsApp na pagina de produto */
  .produto-compartilhar li a[href*="whatsapp"],
  .produto-compartilhar li a[href*="api.whatsapp"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #25D366 !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(37,211,102,0.3) !important;
    transition: background 0.18s, box-shadow 0.18s !important;
    white-space: nowrap !important;
  }
  .produto-compartilhar li a[href*="whatsapp"]:hover,
  .produto-compartilhar li a[href*="api.whatsapp"]:hover {
    background: #1ebe5d !important;
    box-shadow: 0 5px 16px rgba(37,211,102,0.45) !important;
    text-decoration: none !important;
    color: #fff !important;
  }
  .produto-compartilhar li a[href*="whatsapp"] i,
  .produto-compartilhar li a[href*="api.whatsapp"] i {
    font-size: 1.1rem !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
  }
  .produto-compartilhar li a[href*="whatsapp"]::after,
  .produto-compartilhar li a[href*="api.whatsapp"]::after {
    content: "Falar pelo WhatsApp" !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
  }

  /* ================================================================
     Layout da listagem - cards estilo pricing + foto
     ================================================================ */

  .secao-principal .coluna.span3,
  .row-fluid .coluna.span3 { display: none !important; }
  .secao-principal .conteudo.span9,
  .row-fluid .conteudo.span9 {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  #listagemProdutos .listagem-linha > ul,
  .listagem .listagem-linha > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 28px !important;
    list-style: none !important;
    padding: 28px 0 32px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  #listagemProdutos .listagem-linha > ul::before,
  #listagemProdutos .listagem-linha > ul::after { display: none !important; }

  #listagemProdutos .listagem-linha > ul > li.span3,
  .listagem .listagem-linha > ul > li.span3 {
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    float: none !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
    padding-top: 14px !important;
  }

  @media (max-width: 767px) {
    #listagemProdutos .listagem-linha > ul > li.span3,
    .listagem .listagem-linha > ul > li.span3 {
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
    }
  }

  /* Card branco arredondado com foto */
  .listagem-item {
    position: relative !important;
    overflow: visible !important;
    max-width: 400px !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e6eef5 !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 28px rgba(10, 30, 53, 0.08) !important;
    padding: 0 0 8px !important;
    box-sizing: border-box !important;
    transition: box-shadow 0.2s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: calc(100% - 8px) !important;
    text-align: center !important;
  }

  .listagem-item:hover {
    box-shadow: 0 16px 36px rgba(10, 30, 53, 0.12) !important;
  }

  /* Produto com desconto: borda azul */
  .listagem-item.xck-com-desconto,
  .listagem-item.prod-id-401148563 {
    border: 2px solid #29ABE2 !important;
    box-shadow: 0 12px 32px rgba(41, 171, 226, 0.14) !important;
  }

  .listagem-item .produto-sobrepor {
    border-radius: 24px !important;
    background: transparent !important;
    z-index: 4 !important;
  }

  .listagem-item .produto-sobrepor::before,
  .listagem-item .produto-sobrepor::after {
    display: none !important;
    content: none !important;
  }

  /* Foto: sem altura fixa da LI (era a sobra branca) */
  .listagem-item .imagem-produto,
  .listagem .listagem-item .imagem-produto,
  .listagem .span3 .imagem-produto,
  .listagem .span4 .imagem-produto,
  .listagem .produtos-carrossel .imagem-produto,
  .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
  .listagem .produtos-carrossel[data-produtos-linha="3"] .imagem-produto,
  .listagem .produtos-carrossel[data-produtos-linha="2"] .imagem-produto {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background: transparent !important;
    border-radius: 22px 22px 0 0 !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: none !important;
  }

  .listagem-item .imagem-produto img,
  .listagem-item .imagem-principal,
  .listagem .listagem-item .imagem-produto img,
  .listagem .imagem-produto img {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    border-radius: 0 !important;
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  /* Zoom da LI: se ficar no fluxo, cria o buraco acima do nome */
  .listagem-item .imagem-produto .imagem-zoom,
  .listagem .listagem-item .imagem-produto .imagem-zoom,
  .listagem-item:hover .imagem-produto .imagem-zoom {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .listagem-item .info-produto {
    padding: 0 28px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .listagem-item .nome-produto,
  .listagem-item .nome-produto.cor-secundaria,
  .listagem-item .nome-produto a,
  .listagem .listagem-item .nome-produto {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #0a1e35 !important;
    text-align: center !important;
    padding: 10px 0 8px !important;
    margin: 0 !important;
    min-height: 0 !important;
    letter-spacing: -0.02em !important;
    display: block !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  .listagem-item .nome-produto:hover {
    color: #29ABE2 !important;
    text-decoration: none !important;
  }

  @media (max-width: 767px) {
    .listagem-item .info-produto {
      padding: 0 16px !important;
    }

    .listagem-item .nome-produto,
    .listagem-item .nome-produto.cor-secundaria,
    .listagem-item .nome-produto a,
    .listagem .listagem-item .nome-produto {
      font-size: 0.82rem !important;
      line-height: 1.3 !important;
      padding: 8px 0 6px !important;
      letter-spacing: -0.01em !important;
    }

    .listagem-item .preco-produto .preco-promocional,
    .listagem-item .preco-produto strong.preco-promocional,
    .listagem-item .preco-produto strong.titulo {
      font-size: 1.3rem !important;
    }
  }

  @media (max-width: 380px) {
    .listagem-item .info-produto {
      padding: 0 12px !important;
    }

    .listagem-item .nome-produto,
    .listagem-item .nome-produto.cor-secundaria,
    .listagem-item .nome-produto a,
    .listagem .listagem-item .nome-produto {
      font-size: 0.76rem !important;
    }
  }

  .listagem-item .preco-produto {
    text-align: center !important;
    padding: 4px 0 8px !important;
    margin: 0 !important;
  }

  .listagem-item .preco-produto .preco-promocional,
  .listagem-item .preco-produto strong.preco-promocional,
  .listagem-item .preco-produto strong.titulo {
    color: #0a1e35 !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
  }

  .listagem-item .preco-produto .preco-venda,
  .listagem-item .preco-produto s.preco-venda {
    color: #8a97a8 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    margin-right: 8px !important;
  }

  .listagem-item .preco-produto .parcelamento,
  .listagem-item .preco-produto .preco-parcela,
  .listagem-item .preco-produto .avista {
    display: block !important;
    color: #6b7a8d !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
  }

  .listagem-item .acoes-produto,
  .listagem-item .acoes-produto-responsiva {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    filter: none !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    transition: none !important;
    padding: 12px 28px 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    margin-top: auto !important;
    z-index: 1 !important;
    min-height: 0 !important;
    justify-content: unset !important;
    align-items: unset !important;
  }

  /* Desktop: APENAS botao principal */
  .listagem-item .acoes-produto.hidden-phone,
  .listagem-item .acoes-produto {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  /* Desktop: esconder botao mobile (era isso que duplicava) */
  .listagem-item .acoes-produto-responsiva,
  .listagem-item .acoes-produto-responsiva.visible-phone,
  .listagem-item:hover .acoes-produto-responsiva,
  .listagem-item:active .acoes-produto-responsiva,
  .listagem-item:focus .acoes-produto-responsiva,
  .listagem .listagem-item:hover .acoes-produto-responsiva,
  .listagem .listagem-item .acoes-produto-responsiva {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
  }

  @media (max-width: 767px) {
    .listagem-item .acoes-produto,
    .listagem-item .acoes-produto.hidden-phone,
    .listagem-item:hover .acoes-produto,
    .listagem .listagem-item:hover .acoes-produto {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }

    .listagem-item .acoes-produto-responsiva,
    .listagem-item .acoes-produto-responsiva.visible-phone,
    .listagem-item:hover .acoes-produto-responsiva,
    .listagem .listagem-item:hover .acoes-produto-responsiva {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      padding: 12px 28px 8px !important;
      margin: 0 !important;
      margin-top: auto !important;
      pointer-events: auto !important;
      position: static !important;
      left: auto !important;
      width: 100% !important;
    }
  }

  /* LI nativo move o botao no hover do card (bottom 20% -> 40%). Travar. */
  .listagem-item:hover .acoes-produto,
  .listagem-item:active .acoes-produto,
  .listagem-item:focus .acoes-produto,
  .listagem .listagem-item:hover .acoes-produto,
  .listagem .listagem-item:active .acoes-produto {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    opacity: 1 !important;
    filter: none !important;
    background: transparent !important;
    border: none !important;
    transition: none !important;
    padding: 12px 28px 8px !important;
    margin: 0 !important;
    margin-top: auto !important;
    transform: none !important;
  }

  /* Evitar zoom da LI que some a foto no hover do card */
  .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal,
  .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
    opacity: 1 !important;
  }
  .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-zoom,
  .listagem-item:hover .imagem-produto.has-zoom .imagem-zoom {
    display: none !important;
    opacity: 0 !important;
  }

  .listagem-item .acoes-produto .botao,
  .listagem-item .acoes-produto .botao-comprar,
  .listagem-item .acoes-produto-responsiva .tag-comprar {
    background: #F5C518 !important;
    color: #0a1e35 !important;
    border: none !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-size: 0.82rem !important;
    line-height: 1.2 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    transition: box-shadow 0.18s ease, filter 0.18s ease !important;
  }

  .listagem-item .acoes-produto .botao i,
  .listagem-item .acoes-produto .botao-comprar i,
  .listagem-item .acoes-produto-responsiva .tag-comprar i {
    display: none !important;
  }

  .listagem-item .acoes-produto-responsiva .tag-comprar span,
  .listagem-item .acoes-produto-responsiva .tag-comprar .titulo {
    font-size: 0.82rem !important;
    line-height: 1.2 !important;
    color: #0a1e35 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
  }

  .listagem-item .acoes-produto .botao:hover,
  .listagem-item .acoes-produto .botao-comprar:hover,
  .listagem-item .acoes-produto-responsiva .tag-comprar:hover,
  .listagem-item .acoes-produto .botao:focus,
  .listagem-item .acoes-produto .botao-comprar:focus,
  .listagem-item .acoes-produto-responsiva .tag-comprar:focus,
  .listagem-item .acoes-produto .botao:active,
  .listagem-item .acoes-produto .botao-comprar:active,
  .listagem-item .acoes-produto-responsiva .tag-comprar:active {
    background: #F5C518 !important;
    color: #0a1e35 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    font-size: 0.82rem !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    position: static !important;
    filter: brightness(1.05) !important;
    box-shadow: 0 0 0 4px rgba(245, 197, 24, 0.45) !important;
  }

  /* Tags no topo da foto, lado a lado (somente CSS) */
  .listagem-item .bandeiras-produto,
  .listagem .listagem-item .bandeiras-produto {
    position: absolute !important;
    top: 12px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 20 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
    pointer-events: none !important;
  }

  .listagem-item .bandeiras-produto .bandeira-frete-gratis,
  .listagem .listagem-item .bandeiras-produto .bandeira-frete-gratis,
  .listagem-item .bandeiras-produto .bandeira-promocao,
  .listagem .listagem-item .bandeiras-produto .bandeira-promocao,
  .listagem-item .bandeiras-produto .label-success.bandeira-frete-gratis,
  .listagem-item .bandeiras-produto .fundo-principal.bandeira-promocao {
    display: inline-block !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 4px !important;
    padding: 6px 12px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
    border-radius: 999px !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
  }

  /* Esconder status nativos da LI (ex: PRODUTO ADICIONADO) */
  .listagem .listagem-item .bandeiras-produto .adicionado-carrinho,
  .listagem .listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho,
  .listagem-item .bandeiras-produto span.adicionado-carrinho,
  .listagem-item.produto-adicionado .bandeiras-produto span.adicionado-carrinho,
  .listagem-item .bandeiras-produto .bandeira-indisponivel,
  .listagem-item .bandeiras-produto .bandeira-carrinho {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* Frete gratis = tag amarela */
  .listagem-item .bandeira-frete-gratis,
  .listagem-item .bandeiras-produto .bandeira-frete-gratis,
  .listagem-item .bandeiras-produto .bandeira-frete-gratis.label-success {
    background: #F5C518 !important;
    background-color: #F5C518 !important;
    color: #0a1e35 !important;
    box-shadow: 0 2px 8px rgba(245, 197, 24, 0.35) !important;
  }

  /* Desconto = tag azul ao lado */
  .listagem-item .bandeira-promocao,
  .listagem-item .bandeiras-produto .bandeira-promocao,
  .listagem-item .bandeiras-produto .fundo-principal.bandeira-promocao {
    background: #29ABE2 !important;
    background-color: #29ABE2 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(41, 171, 226, 0.35) !important;
  }

  .listagem-item .bandeira-promocao::before,
  .listagem-item .bandeira-promocao::after,
  .listagem-item .bandeira-frete-gratis::before,
  .listagem-item .bandeira-frete-gratis::after {
    display: none !important;
    content: none !important;
  }

  .listagem-item::after {
    content: 'Frete gratis ida e volta. Manual de coleta ilustrado incluso' !important;
    display: block !important;
    font-size: 0.72rem !important;
    line-height: 1.45 !important;
    color: #8a97a8 !important;
    text-align: center !important;
    padding: 6px 28px 22px !important;
    font-weight: 500 !important;
  }

  body.pagina-produto .listagem-linha > ul {
    justify-content: flex-start !important;
  }
  body.pagina-produto .listagem-linha > ul > li.span3 {
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
  }

  body.pagina-categoria #listagemProdutos .listagem-linha > ul,
  body.pagina-categoria .listagem .listagem-linha > ul {
    justify-content: flex-start !important;
  }

  body.pagina-categoria .listagem-item .acoes-produto,
  body.pagina-categoria .listagem-item .acoes-produto-responsiva {
    padding-top: 12px !important;
  }

  .produtos-carrossel > li:not(.listagem-linha):not(.clone) .listagem-item {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Barra de cookies */
  body.mostrarAvisoCookie #avisoCookies {
    background: #0a1e35 !important;
    border-top: 3px solid #29ABE2 !important;
    padding: 14px 0 !important;
  }
  #avisoCookies .conteiner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
  }
  #avisoCookies p {
    margin: 0 !important;
    flex: 1 1 auto !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 0.84rem !important;
  }