/* Paket kartı görsel düzeltmeleri - Ana sayfadaki kartlarla aynı yapı */

/* Görsel alanı sabit yükseklik - ana sayfadaki gibi 280px */
.row .col-md-4.col-sm-6 > div > div:first-child,
.row .col-md-4 > div > div:first-child,
.row .col-sm-6 > div > div:first-child {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
}

.row .col-md-4.col-sm-6 > div img,
.row .col-md-4 > div img,
.row .col-sm-6 > div img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kart min-height - ana sayfadaki gibi 450px */
.row .col-md-4.col-sm-6 > div,
.row .col-md-4 > div,
.row .col-sm-6 > div {
  min-height: 450px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

@media (max-width: 991px) {
  .row .col-md-4.col-sm-6 > div > div:first-child,
  .row .col-md-4 > div > div:first-child,
  .row .col-sm-6 > div > div:first-child {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }

  .row .col-md-4.col-sm-6 > div img,
  .row .col-md-4 > div img,
  .row .col-sm-6 > div img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* Tüm mobil cihazlar için desktop ile aynı yükseklik - resmin tamamı görünsün */
@media (max-width: 991px) {
  .row .col-md-4.col-sm-6 > div > div:first-child,
  .row .col-md-4 > div > div:first-child,
  .row .col-sm-6 > div > div:first-child,
  [style*="height: 280px"] {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .row .col-md-4.col-sm-6 > div img,
  .row .col-md-4 > div img,
  .row .col-sm-6 > div img,
  [style*="height: 100%"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Mobilde kartların daha iyi görünmesi için */
  .row .col-md-4.col-sm-6 > div,
  .row .col-md-4 > div,
  .row .col-sm-6 > div {
    min-height: auto !important;
    margin-bottom: 20px !important;
  }
}