/* =========================
   HOME QUAD CARDS (between slider & best games)
========================= */

.lb-quad-wrap{
  padding-top: 14px;
  padding-bottom: 14px;
}

.lb-quad{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.lb-quad__card{
  display: block;
  border-radius: 16px;
  overflow: hidden;
  background: transparent!important;
  border: 0px solid rgba(255,255,255,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.lb-quad__card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

.lb-quad__img {
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 0 !important;
    object-fit: cover;
    object-position: center 35%;
}

/* Mobil: yana kaydırmalı */
@media (max-width: 991.98px){
  .lb-quad{
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .lb-quad::-webkit-scrollbar{ height: 6px; }
  .lb-quad::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }
  .lb-quad::-webkit-scrollbar-track{ background: transparent; }

  .lb-quad__card{
    flex: 0 0 78%;
    scroll-snap-align: start;
    border-radius: 0px!important;
  }
}

/* Tablet: biraz daha küçük kart */
@media (min-width: 600px) and (max-width: 991.98px){
  .lb-quad__card{ flex-basis: 52%; }
}