/* STADYUM PRO V8.13.3
   Mobil maç katalog kartında tarih/saat alanının başlığa binmesini kesin engeller.
   Yalnız sunum katmanı; event_id, envanter, HOLD, sepet ve ödeme mantığı değişmez. */

@media (max-width: 980px){
  body.shop-body #satistaki-maclar .event-card-pro{
    isolation:isolate!important;
  }

  body.shop-body #satistaki-maclar .event-card-body{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
    padding:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  }

  body.shop-body #satistaki-maclar .event-date-line{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    z-index:2!important;
    order:0!important;
    width:100%!important;
    min-height:64px!important;
    margin:0 0 14px!important;
    padding:9px 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    border:1px solid #dbe8f2!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 12% 12%,rgba(61,142,224,.10),transparent 42%),
      linear-gradient(135deg,#f7fbff,#f2fff9)!important;
    box-shadow:0 9px 22px rgba(18,57,89,.06)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Eski masaüstü CSS'teki absolute tarih kutusunu mobilde kesin sıfırla. */
  body.shop-body #satistaki-maclar .event-date-line .event-date-block,
  body.shop-body #satistaki-maclar .event-date-block{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    float:none!important;
    z-index:auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  body.shop-body #satistaki-maclar .event-date-block>strong{
    width:54px!important;
    height:46px!important;
    min-width:54px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #cfe1f1!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ffffff,#eaf4ff)!important;
    color:#0d67d3!important;
    font-size:25px!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:0 7px 16px rgba(14,103,211,.08)!important;
  }

  body.shop-body #satistaki-maclar .event-date-block>span{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    justify-content:start!important;
    align-items:center!important;
    gap:7px!important;
    color:#6e8395!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1.2!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    white-space:normal!important;
  }

  body.shop-body #satistaki-maclar .event-date-block>span b{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid #d6e4ee!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#173650!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.shop-body #satistaki-maclar .event-date-line .badge{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    align-self:center!important;
    justify-self:end!important;
    min-width:44px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #cddff0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#edf5ff,#effff8)!important;
    color:#1766ba!important;
    font-size:9px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }

  body.shop-body #satistaki-maclar .event-card-body>h3{
    position:relative!important;
    z-index:1!important;
    order:1!important;
    width:100%!important;
    margin:0 0 5px!important;
    padding:0!important;
    clear:both!important;
    color:#102f4a!important;
    font-size:19px!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }

  body.shop-body #satistaki-maclar .event-location{
    order:2!important;
  }
  body.shop-body #satistaki-maclar .event-stock{
    order:3!important;
  }
  body.shop-body #satistaki-maclar .event-card-footer{
    order:4!important;
  }
}

@media (max-width: 480px){
  body.shop-body #satistaki-maclar .event-card-body{
    padding:12px!important;
  }
  body.shop-body #satistaki-maclar .event-date-line{
    min-height:58px!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:16px!important;
    margin-bottom:12px!important;
  }
  body.shop-body #satistaki-maclar .event-date-line .event-date-block,
  body.shop-body #satistaki-maclar .event-date-block{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.shop-body #satistaki-maclar .event-date-block>strong{
    width:48px!important;
    min-width:48px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:22px!important;
  }
  body.shop-body #satistaki-maclar .event-date-block>span{
    gap:5px!important;
    font-size:9px!important;
  }
  body.shop-body #satistaki-maclar .event-date-block>span b{
    min-height:25px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  body.shop-body #satistaki-maclar .event-date-line .badge{
    min-width:40px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }
  body.shop-body #satistaki-maclar .event-card-body>h3{
    font-size:18px!important;
  }
}