/* Criado, desenvolvido, testado, abandonado, rejeitado, recuperado e testado fonte vozes da minha cabeça - William Tassi Moreira */
/* Lojas da Rede (versão 32): vitrine geral (#lojas) e abrir loja (#abrir-loja) */
.lojas-filtros { display: grid; grid-template-columns: 2fr 1fr 1.4fr 1fr 1fr; gap: .7rem; align-items: start; margin-bottom: 1rem; }
@media (max-width: 900px) { .lojas-filtros { grid-template-columns: 1fr 1fr; } .lojas-filtros .lojas-busca { grid-column: 1 / -1; } }
@media (max-width: 480px) { .lojas-filtros { grid-template-columns: 1fr; } }
.lojas-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); gap: .8rem; }
.loja-produto { display: flex; flex-direction: column; padding: 0; overflow: hidden; text-decoration: none; color: inherit; }
.loja-produto:hover, .loja-produto:focus-visible { outline: 2px solid var(--sol, #E09A12); }
.loja-produto__foto { aspect-ratio: 1; background: var(--papel-2); display: grid; place-items: center; }
.loja-produto__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.loja-produto__info { display: grid; gap: .2rem; padding: .6rem .7rem .8rem; }
.loja-produto__nome { font-weight: 600; font-size: var(--t-sm, .95rem); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.loja-produto__preco { font-weight: 700; font-size: 1.15rem; }
.loja-produto__preco s { font-weight: 400; font-size: .85rem; opacity: .7; }
.loja-produto__loja { font-size: var(--t-xs, .8rem); opacity: .75; }
.loja-plano__preco { font-size: 1.6rem; font-weight: 700; margin: .2rem 0; }
.loja-plano__preco small { font-size: .85rem; font-weight: 400; }
/* versão 33: produto em janela, página da loja, carrinho dividido por vendedor */
button.loja-produto { width: 100%; font: inherit; text-align: left; cursor: pointer; border: 1px solid var(--linha); background: var(--papel); }
.lojas-cab { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.lojas-carrinho-bt { white-space: nowrap; }
.lj-janela { position: fixed; inset: 0; z-index: 60; background: rgb(0 0 0 / .55); display: grid; place-items: center; padding: 1rem; }
.lj-janela[hidden] { display: none; }
.lj-janela__in { position: relative; width: min(720px, 100%); max-height: 92vh; overflow: auto; display: grid; gap: .6rem; }
.lj-fechar { position: absolute; top: .4rem; right: .6rem; border: 0; background: none; font-size: 1.6rem; line-height: 1; cursor: pointer; color: inherit; }
.lj-galeria { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .5rem; }
.lj-galeria img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--raio-g, 8px); }
.lj-aviso { border-left: 4px solid var(--sol, #E09A12); padding-left: .6rem; }
.lj-parte { margin-top: .8rem; }
.lj-itens { list-style: none; padding: 0; margin: .5rem 0; }
.lj-item { display: grid; grid-template-columns: 1fr 5rem auto; gap: .5rem; align-items: center; padding: .45rem 0; border-bottom: 1px solid var(--linha); }
.lj-item input { width: 100%; }
.total-carrinho { font-size: 1.1rem; }