/* V21 – Desktop/Tablet: equal-width columns without letterboxing or cropping.
   Natural image proportions prevent object-fit:contain from producing wide blank gutters.
   Phone layout (below 600px) remains untouched. */
@media screen and (min-width:600px) {
  body .slider {
    height:auto!important; min-height:0!important;
    aspect-ratio: 2.05 / 1!important; padding-bottom:0!important;
    position:relative!important;
  }
  body .slider .slide {
    position:absolute!important; inset:0!important;
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important; width:100%!important; height:auto!important;
    align-items:start!important; justify-items:stretch!important;
    justify-content:stretch!important;
  }
  body .slider .slide img {
    display:block!important; box-sizing:border-box!important;
    width:100%!important; height:auto!important;
    min-width:0!important; min-height:0!important;
    max-width:100%!important; max-height:none!important;
    aspect-ratio:auto!important; object-fit:contain!important;
    flex:none!important; margin:0!important;
  }
  body .slider .slider-dots {bottom:4px!important;}
}