/* === Slider Arrow (minimal, no-motion, image-based) === */
.slider { position: relative; }
.slider .arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; padding:0;
  border:none; background:none; box-shadow:none; cursor:pointer; z-index:40;
}
.slider .arrow.prev{ left:10px; background-repeat:no-repeat; background-position:center; background-size:18px 18px; }
.slider .arrow.next{ right:10px; background-repeat:no-repeat; background-position:center; background-size:18px 18px; }
.slider .arrow:hover,
.slider .arrow:focus,
.slider .arrow:active{ transform:translateY(-50%); outline:none; }
@media (max-width:768px){
  .slider .arrow{ width:36px; height:36px; }
  .slider .arrow.prev{ left:6px; background-size:16px 16px; }
  .slider .arrow.next{ right:6px; background-size:16px 16px; }
}