/* Fundo atrás das fotos de produto (Filipe, 01/10). Histórico curto, para
   ninguém refazer o que já foi recusado:
   - fundo branco: produto branco/transparente sumia ("não dá pra ver");
   - painel azul-claro: "ainda parece branco";
   - ficha técnica escura com grade e cantoneiras: "sem muita firula".
   - cinza claro liso (#e4e7ea): "não deixa assim branco, tem coisas que nem
     dá pra ver".
   Ficou o cinza-chumbo médio (#9ea4ab), escolhido pelo Filipe numa
   comparação de 4 cores com macacão, placa, lente e bobina; liso, com um fio
   fino de borda.
   - 06/10 (Kalleb): cinza claro #e9e9e9, o mesmo da Linha Especial. A
     recusa do cinza claro em 01/10 foi com as fotos ainda de fundo branco
     (o quadrado branco sumia); agora as fotos da loja vêm recortadas
     (tools/fotos_sem_fundo.py) e o contorno do produto aparece no claro.
   - 07/10 (Kalleb, "deixa mais escuro"): #d6d6d6, em todo lugar que era
     #e9e9e9 (site e fotos da loja, tools/nuvemshop_fotos_cinza.py).
   Foto de uso/arte manteve o próprio fundo.

   Um arquivo só para as quatro páginas. !important só onde há estilo inline
   nas páginas (fundo e padding das miniaturas e cards antigos). */
.prodvisual.foto,
.prodvisual:has(> img),
.galmain,
.gallery-main,
.thumb {
  position: relative;
  background: #d6d6d6 !important;
  box-shadow: inset 0 0 0 1px #c8c8c8 !important;
}
.prodvisual.foto img,
.prodvisual:has(> img) img,
.galmain img,
.gallery-main img {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .2));
}
/* Folga entre a peça e a borda (alguns cards vinham com padding:0 inline,
   feito para foto de capa cortada). */
.prodvisual:has(> img) { padding: 16px !important; box-sizing: border-box; }
.prodvisual.foto { padding: 16px !important; }
.gallery-main, .galmain { padding: 30px !important; box-sizing: border-box; }
.thumb img { padding: 4px; box-sizing: border-box; }

/* Etiqueta de medida (medida.js): discreta, no canto de baixo */
.medida {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .92);
  color: #6b6f73;
  font: 500 15px/1 'DM Mono', ui-monospace, monospace;
  white-space: nowrap;
}
.medida b { font-weight: 500; color: #1a1a1a; }
.gallery-main .medida, .galmain .medida { left: 16px; bottom: 16px; font-size: 17px; padding: 6px 9px; }

/* Linha Especial: cinza claro atrás da foto (Kalleb, 06/10: "o fundo do carrinho em cinza claro"); o carrinho
   é preto e sumia no #141414 de antes. Mesmo tom da vitrine (.le-foto em loja.html). */
.faixa-esp .prodvisual { background: #d6d6d6 !important; box-shadow: none !important; }