/* =====================================================
   TicketsFest.EU v10.1.3 — single event related events mobile fix
   Forces related events on single event pages to use the same mobile catalogue grid.
   ===================================================== */
@media (max-width: 767px){
  body.single-event .tfe-related-events,
  body.single-event .tfe-related-events--single,
  body.single-event .tfe-related-events-grid-safe,
  body.single-event .tfe-related-events-grid-safe .tfe-wrap,
  body.single-event .tfe-related-events-grid-safe .tfe-instance{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-instance[data-layout="grid"] > .tfe-grid,
  body.single-event .tfe-related-events .tfe-instance[data-layout="grid"] > .tfe-grid,
  body.single-event .tfe-section .tfe-related-events-grid-safe .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body.single-event .tfe-related-events-grid-safe .tfe-wrap.tfe-instance[data-layout="grid"] > .tfe-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    flex-direction:initial!important;
    flex-wrap:initial!important;
    gap:28px 18px!important;
    width:min(100%,620px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0 18px!important;
    overflow:visible!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:stretch!important;
    scroll-snap-type:none!important;
    touch-action:auto!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  body.single-event .tfe-related-events .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:initial!important;
    flex-shrink:1!important;
    scroll-snap-align:none!important;
    justify-self:center!important;
    text-align:center!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-inner,
  body.single-event .tfe-related-events .tfe-card-inner{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    background:transparent!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption,
  body.single-event .tfe-related-events .tfe-card-caption{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    padding:12px 0 0!important;
    background:transparent!important;
    color:#0f172a!important;
    text-align:center!important;
    opacity:1!important;
    transform:none!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-title,
  body.single-event .tfe-related-events .tfe-card-caption-title{
    min-height:calc(2 * 1.14em)!important;
    height:calc(2 * 1.14em)!important;
    margin:0 0 8px!important;
    color:#0f172a!important;
    font-size:17px!important;
    line-height:1.14!important;
    text-align:center!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-top,
  body.single-event .tfe-related-events .tfe-card-caption-top,
  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-row,
  body.single-event .tfe-related-events .tfe-card-caption-row{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-date,
  body.single-event .tfe-related-events .tfe-card-caption-date,
  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-meta,
  body.single-event .tfe-related-events .tfe-card-caption-meta,
  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-price,
  body.single-event .tfe-related-events .tfe-card-caption-price{
    width:100%!important;
    text-align:center!important;
    color:#334155!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-meta,
  body.single-event .tfe-related-events .tfe-card-caption-meta{
    min-height:calc(2 * 1.32em)!important;
    height:calc(2 * 1.32em)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-row,
  body.single-event .tfe-related-events .tfe-card-caption-row{
    margin-top:auto!important;
    gap:10px!important;
  }

  body.single-event .tfe-related-events-grid-safe .tfe-card-caption-cta,
  body.single-event .tfe-related-events .tfe-card-caption-cta{
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}