/* STADYUM PRO V8.13.2
   Mobil maç katalog kartında iki kulübün logo/ad hizasını simetrik ve okunaklı yapar.
   Yalnız sunum katmanı; event_id, satış, envanter, HOLD ve ödeme mantığı değişmez. */

@media (max-width: 980px){
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:8px!important;
    min-height:142px!important;
    padding:14px 12px!important;
    overflow:hidden!important;
  }

  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team.home,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team.away{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:8px 5px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:68px minmax(32px,auto)!important;
    align-content:center!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
    flex-direction:unset!important;
    box-sizing:border-box!important;
  }

  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .team-badge,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child .team-badge{
    order:0!important;
    grid-row:1!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    flex:0 0 64px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #dce8f1!important;
    box-shadow:0 10px 24px rgba(18,59,92,.09)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .team-badge.has-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:6px!important;
    object-fit:contain!important;
    object-position:center center!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team>b,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child>b{
    order:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:32px!important;
    margin:0!important;
    padding:0 2px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:center!important;
    color:#14334e!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1.28!important;
  }

  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-versus{
    align-self:center!important;
    justify-self:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #d9e6f0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    color:#71879a!important;
    font-size:9px!important;
    font-weight:950!important;
    box-shadow:0 8px 20px rgba(20,57,87,.07)!important;
  }

  /* Tarih bloğunun takım/logo satırının üzerine çıkmasını engelle. */
  body.shop-body #satistaki-maclar .event-card-body{
    position:relative!important;
    z-index:1!important;
    clear:both!important;
  }
  body.shop-body #satistaki-maclar .event-date-line{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:1!important;
  }
}

@media (max-width: 480px){
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131{
    grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;
    gap:6px!important;
    min-height:132px!important;
    padding:12px 9px!important;
  }
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child{
    grid-template-rows:60px minmax(30px,auto)!important;
    padding:6px 3px!important;
    gap:7px!important;
  }
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .team-badge,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child .team-badge{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    flex-basis:56px!important;
    border-radius:16px!important;
  }
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .team-badge.has-logo img{
    padding:5px!important;
  }
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team>b,
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-team:last-child>b{
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  body.shop-body #satistaki-maclar .event-card-visual.event-card-clubs-v8131 .event-versus{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
    font-size:8px!important;
  }
}