/* =============================================================================
   4. Frecce di navigazione (common)
   ========================================================================== */
/* Nascondi di default su desktop */
.custom-nav {
  display: none !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.3s;
  z-index: 10;
}
.custom-nav:hover {
  opacity: 1;
}
.custom-nav::after {
  font-size: 14px !important;
  color: #333 !important;
}
.swiper-button-prev.custom-nav { left: 8px; }
.swiper-button-next.custom-nav { right: 8px; }