/* MorairaView – Best Shots (cinematic stacked panoramas) */
.mv-bestshots{ max-width:var(--mv-maxw, 1400px); margin: 10px auto 40px; padding: 0 10px; }
.mv-bestshots-item{ margin: 18px auto; }
.mv-bestshots-frame{
  position: relative;
  width: 100%;
  aspect-ratio: var(--mv-ratio, 21/9);
  background: #000;
  overflow: hidden;
  border-radius: 8px;
}
/* Cinematic bars (top/bottom) */
.mv-bestshots-frame::before,
.mv-bestshots-frame::after{
  content: "";
  position: absolute;
  left: 0; width: 100%;
  height: calc(var(--mv-bars, 7) * 1%);
  background: #000;
  z-index: 2;
  pointer-events: none;
}
.mv-bestshots-frame::before{ top: 0; }
.mv-bestshots-frame::after{ bottom: 0; }

/* Image behavior (subtle zoom, cover) */
.mv-bestshots-img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transform: scale(var(--mv-zoom, 1.08));
  will-change: transform;
  transition: transform .35s ease-out, filter .35s ease-out;
}
.mv-bestshots-img:hover{ transform: scale(calc(var(--mv-zoom, 1.08) + 0.02)); }

/* Empty state */
.mv-bestshots-empty{ max-width: 800px; margin: 12px auto; padding: 14px 16px; background:#f6f6f6; border:1px dashed #ddd; border-radius:8px; font-size:14px; text-align:center; }

@media (max-width:768px){
  .mv-bestshots{ padding: 0 12px; }
  .mv-bestshots-item{ margin: 14px auto; }
  .mv-bestshots-frame{ border-radius: 6px; }
}