/* Mekan Rehber definitive related-event carousel 2026-07-15 */
.mr-related-events{
  position:relative!important;
  overflow:visible!important;
  min-width:0!important;
}
.mr-related-events .mr-related-grid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(260px,28vw,340px)!important;
  grid-template-columns:none!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  scroll-padding-inline:2px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:4px 2px 18px!important;
  margin:0!important;
}
.mr-related-events .mr-related-grid::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.mr-related-events .mr-related-card{
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  grid-column:auto!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.mr-related-events .mr-related-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
}
.mr-related-events .mr-related-open{
  margin-top:auto!important;
}
@media(max-width:1024px){
  .mr-related-events .mr-related-grid{
    grid-auto-columns:clamp(250px,42vw,320px)!important;
    gap:15px!important;
  }
}
@media(max-width:680px){
  .mr-related-events{
    margin-inline:0!important;
    overflow:hidden!important;
  }
  .mr-related-events .mr-related-grid{
    grid-auto-columns:min(82vw,310px)!important;
    gap:13px!important;
    padding:4px 18px 16px 0!important;
    scroll-padding-inline:0!important;
  }
  .mr-related-events .mr-related-card{
    border-radius:18px!important;
  }
  .mr-related-events .mr-related-image{
    aspect-ratio:1.48/1!important;
  }
}
@media(max-width:390px){
  .mr-related-events .mr-related-grid{
    grid-auto-columns:min(86vw,292px)!important;
  }
}