/* MassaCoin — R298: FOTOS do feed em LARGURA TOTAL (mesma moldura dos vídeos, R254).
   Celular (≤ 700 px): a foto sai das margens do cartão e vai de uma borda à outra da tela.
   Tablet e computador: a foto preenche a largura inteira do cartão (a coluna do feed).
   Proporção ORIGINAL: nada de esticar nem cortar (altura automática, object-fit: contain; limite só para fotos muito altas).
   Várias fotos: carrossel de deslizar de lado, cada foto com a largura toda, contador e pontinhos. Tocar na foto continua abrindo a galeria/zoom.
   Só muda a moldura da mídia: textos, curtidas, comentários, compartilhamentos, visualizações e menus continuam iguais. Vídeos e reels não mudam. */
body .post-card .post-media--1:not(.post-media--video):not(.post-media--reel) { background: transparent; border-radius: 0; margin-bottom: 0; }
body .post-card .post-media--1:not(.post-media--video):not(.post-media--reel) img { width: 100%; height: auto; max-height: min(88dvh, 1100px); aspect-ratio: auto; object-fit: contain; display: block; background: color-mix(in srgb, var(--navy-900, #0b1320) 6%, transparent); }

/* carrossel (2+ mídias) */
body .post-card .post-media--car { position: relative; border-radius: 0; margin-bottom: 0; background: transparent; }
body .post-car { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
body .post-car::-webkit-scrollbar { display: none; }
body .post-car > .post-media__cell { flex: 0 0 100%; width: 100%; aspect-ratio: auto; scroll-snap-align: center; scroll-snap-stop: always; background: transparent; display: flex; align-items: center; justify-content: center; }
body .post-car > .post-media__cell img, body .post-car > .post-media__cell video { width: 100%; height: auto; max-height: min(88dvh, 1100px); object-fit: contain; display: block; }
body .post-car__count { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 3px 9px; border-radius: 999px; background: rgba(11,19,32,.62); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.4; pointer-events: none; }
body .post-car__dots { display: flex; justify-content: center; gap: 6px; padding: 8px 0 2px; }
body .post-car__dots i { width: 6px; height: 6px; border-radius: 50%; background: color-mix(in srgb, var(--mc-p, #2563EB) 28%, transparent); transition: background .2s, transform .2s; }
body .post-car__dots i.is-on { background: var(--mc-p, #2563EB); transform: scale(1.25); }
@media (prefers-reduced-motion: reduce) { body .post-car__dots i { transition: none; } }

@media (max-width: 700px) {
  body .post-card .post-media--1:not(.post-media--video):not(.post-media--reel), body .post-card .post-media--car { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; }
  body .post-card:has(.post-media--car), body .post-card:has(.post-media--1:not(.post-media--video):not(.post-media--reel)) { overflow: visible; }
}