.swiper {
  width: 100%;
  min-width: 0; 
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 10px 0;
  z-index: 1;
}


.swiper-slide {
  display: flex;
  flex-direction: column;
}


.swiper-slide img {
  width: 100%;
  height: max(200px, min(30vw, 280px));
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: top;
  filter: 
    drop-shadow(1px 0 0 #ccc) 
    drop-shadow(-1px 0 0 #ccc) 
    drop-shadow(0 1px 0 #ccc) 
    drop-shadow(0 -1px 0 #ccc);
}


.swiper-slide p { flex-grow: 1; padding: 10px 0; font-size: 11px; }
.swiper-slide p b { font-size: 13px; font-weight: bold; }



.swiper-slide a { color: #333333; text-decoration: none; letter-spacing: 0px; }
.swiper-slide a:hover {
  opacity: 0.7; 
  transition: all .4s;
}