/* Perfil do feirante: miniaturas abaixo da foto principal (fotos e vídeo) e visualizador de fotos. */
.profile__photo .media { position: relative; }
.profile__photo .media img { cursor: zoom-in; }
.profile__photo .media.is-video { background: #241D16; }
.fpb-palco-video { position: absolute; inset: 0; background: #241D16; }
.fpb-palco-video video,
.fpb-palco-video iframe { width: 100%; height: 100%; display: block; border: 0; object-fit: contain; background: #241D16; }

.fpb-minis { list-style: none; margin: 14px 0 0; padding: 2px 2px 6px; display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.fpb-minis li { flex: 0 0 auto; margin: 0; scroll-snap-align: start; }
.fpb-mini { position: relative; display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; padding: 0; margin: 0; border: 2px solid transparent; border-radius: 12px; overflow: hidden; background: #fff; cursor: pointer; box-shadow: 0 0 0 1px #E4D9C6; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.fpb-mini img,
.fpb-mini video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.fpb-mini:hover { border-color: #C4B49B; }
.fpb-mini[aria-current="true"] { border-color: #B4502C; }
.fpb-mini:focus-visible { outline: 3px solid #B4502C; outline-offset: 2px; }
.fpb-mini--video { background: #241D16; }
.fpb-mini__play { position: absolute; inset: 0; margin: auto; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .93); box-shadow: 0 2px 8px rgba(0, 0, 0, .25); }
.fpb-mini__play::after { content: ""; position: absolute; left: 12px; top: 9px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #B4502C; }
.fpb-mini--link { flex-direction: column; }
.fpb-mini__txt { position: absolute; bottom: 6px; left: 0; right: 0; text-align: center; font: 500 10px "IBM Plex Mono", monospace; letter-spacing: 1.5px; text-transform: uppercase; color: #F0E7D8; }
@media (max-width: 560px) {
	.fpb-mini { width: 64px; height: 64px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .fpb-mini { transition: none; } }

/* Visualizador */
.fpb-lb { border: 0; padding: 0; margin: 0; width: 100vw; height: 100vh; max-width: none; max-height: none; background: rgba(20, 16, 12, .94); color: #fff; }
.fpb-lb::backdrop { background: rgba(20, 16, 12, .94); }
.fpb-lb__quadro { position: absolute; inset: 56px 64px; display: flex; align-items: center; justify-content: center; }
.fpb-lb__quadro img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; display: block; background: #fff; }
.fpb-lb button { position: absolute; background: rgba(255, 255, 255, .12); color: #fff; border: 0; border-radius: 999px; width: 48px; height: 48px; font-size: 26px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fpb-lb button:hover { background: rgba(255, 255, 255, .24); }
.fpb-lb button:focus-visible { outline: 3px solid #F0E7D8; outline-offset: 2px; }
.fpb-lb__fechar { top: 12px; right: 12px; }
.fpb-lb__ant { left: 10px; top: 50%; transform: translateY(-50%); }
.fpb-lb__prox { right: 10px; top: 50%; transform: translateY(-50%); }
.fpb-lb__conta { position: absolute; top: 22px; left: 0; right: 0; text-align: center; font: 500 13px "IBM Plex Mono", monospace; letter-spacing: 2px; opacity: .8; pointer-events: none; }
@media (max-width: 560px) {
	.fpb-lb__quadro { inset: 60px 8px 76px; }
	.fpb-lb__ant, .fpb-lb__prox { top: auto; bottom: 14px; transform: none; }
	.fpb-lb__ant { left: calc(50% - 60px); }
	.fpb-lb__prox { right: calc(50% - 60px); }
}