/* Acréscimos da versão React (o resto do visual é o mesmo loja.css da loja estática). */
.indisponivel { margin: 0; font-size: .95rem; color: #5c1a1a; }
.aviso-carrinho ul { margin: .4rem 0 0; padding-left: 1.2rem; }
.alergenos { padding-left: 1.2rem; }
.paginacao .reticencias { padding: 0 .4rem; align-self: center; }
.banner-campanha { margin: 1rem 0; }
.banner-campanha img { width: 100%; height: auto; display: block; border-radius: 12px; }
.iframe-pagamento { border: 1px solid #c9d1cb; border-radius: 8px; margin-top: .75rem; background: #fff; }
.form-testes fieldset { margin-bottom: 1rem; }
.descricao-fornecedor img { max-width: 100%; }
#conteudo:focus { outline: none; }
/* O nome da loja continua no nome acessível do logo quando some da tela (o loja.css usa display:none). */
@media (max-width: 1000px) {
  .logo .logo-nome { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
}

/* Modo "HTML VTEX": as camadas extras de div não podem mudar o layout */
.vtex-flex-layout-0-x-flexRow, .vtex-flex-layout-0-x-flexRowContent { display: contents; }

/* Cartão "como no site": o link cobre o cartão inteiro */
.card-ruim .card-link-tudo { display: block; color: inherit; text-decoration: none; }
.card-ruim .card-link-tudo h3 { font-size: .95rem; margin: .5rem 0; }
.slide-titulo { font-size: 1.6rem; font-weight: 800; }
/* Balão de CEP "como no site" (não modal) */
.cep-balao { position: absolute; z-index: 60; top: 100%; right: 0; margin-top: 8px; width: 300px; background: #fff; border-radius: 10px; box-shadow: 0 6px 20px rgba(0,0,0,.2); padding: 14px; }
.cep-balao .linha { display: flex; gap: 6px; }
.cep-balao input { flex: 1; min-height: 40px; padding: 0 10px; border: 1px solid #bbb; border-radius: 6px; }
.cep-balao input.inv { border-color: #e53935; }
.cep-ancora { position: relative; }
.menu-corredores-ruim { position: absolute; z-index: 60; }
/* Seletor Unidade/Peso */
.un-peso { display: flex; gap: 4px; border: 0; padding: 0; margin: 0 0 6px; }
.un-peso-op { position: relative; flex: 1; text-align: center; padding: 4px 8px; border: 2px solid #c9d1cb; border-radius: 999px; font-size: .85rem; cursor: pointer; }
.un-peso-op.sel { border-color: #1f6b3a; background: #e8f3ec; font-weight: 700; }
.un-peso-op input { position: absolute; opacity: 0; }
.un-peso-op:focus-within { outline: 3px solid #0b57d0; outline-offset: 2px; }