/* MOBILE: float next/prev arrows, guarantee tap */
@media (max-width:767px) {
/* keep the image grid beneath the arrows */
.mobile-list { position: relative; z-index: 1; }
/* Cargo uses a few variants; cover them all */
.nav-arrow, .page-nav a, .project-nav a {
position: fixed;
bottom: 18px;
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
background: rgba(0,0,0,.55);
border-radius: 50%;
z-index: 10000;
text-decoration: none;
}
/* left/right placement */
.nav-arrow.prev, .page-nav .prev, .project-nav .prev { left: 16px; }
.nav-arrow.next, .page-nav .next, .project-nav .next { right: 16px; }
}