/* MEY Bilişim Product Site v1.13.11
   Paket görsel hover fon düzeltmesi.
   Ürün görsellerinin arkasında hover sırasında oluşan beyaz dikdörtgen/levha hissini kaldırır.
   Görseller yukarı hizalı ve tam görünür kalır. */

/* Görsel alanında hover dahil ek fon/panel oluşturma. */
article.mps11308-package .mps11308-main,
article.mps11308-package .mps11308-artbox,
article.mps11308-package:hover .mps11308-main,
article.mps11308-package:hover .mps11308-artbox{
  background:#fff!important;
}

/* Önceki eritme/ışık katmanlarını tamamen kapat. */
article.mps11308-package .mps11308-artbox:before,
article.mps11308-package .mps11308-artbox:after,
article.mps11308-package:hover .mps11308-artbox:before,
article.mps11308-package:hover .mps11308-artbox:after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Görsel kutusunun kendisi panel gibi görünmesin. */
article.mps11308-package .mps11308-artbox,
article.mps11308-package:hover .mps11308-artbox{
  align-self:start!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Beyaz fonlu dosyalarda beyaz alan kart zeminine karışır.
   Transparan PNG'lerde de doğal şeffaflık korunur. */
article.mps11308-package .mps11308-art,
article.mps11308-package:hover .mps11308-art{
  background:transparent!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:multiply!important;
  box-shadow:none!important;
  outline:0!important;
  border:0!important;
}

/* Hover'da sadece hafif hareket; beyaz dikdörtgen üreten drop-shadow/filter yok. */
article.mps11308-package .mps11308-art{
  width:min(100%,218px)!important;
  max-width:218px!important;
  max-height:275px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center top!important;
  filter:saturate(1.035) contrast(1.025)!important;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s ease!important;
}
article.mps11308-package:hover .mps11308-art{
  transform:translate3d(0,-4px,0) scale(1.035)!important;
  filter:saturate(1.05) contrast(1.035)!important;
}

/* Tüm kartlarda görsel, özellik listesinin üst hizasında kalsın. */
article.mps11308-package .mps11308-main.has-art{
  align-items:start!important;
}
article.mps11308-package .mps11308-feature-wrap,
article.mps11308-package .mps11308-artbox{
  margin-top:0!important;
}

@media(max-width:1380px){
  article.mps11308-package .mps11308-art{
    width:min(100%,198px)!important;
    max-width:198px!important;
    max-height:252px!important;
  }
}

@media(max-width:1180px){
  article.mps11308-package .mps11308-art{
    width:min(100%,220px)!important;
    max-width:220px!important;
    max-height:280px!important;
  }
}

@media(max-width:720px){
  article.mps11308-package .mps11308-artbox,
  article.mps11308-package:hover .mps11308-artbox{
    justify-content:flex-end!important;
  }
  article.mps11308-package .mps11308-art{
    width:188px!important;
    max-width:188px!important;
    max-height:248px!important;
    margin:0 0 0 auto!important;
  }
}

@media(max-width:480px){
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:1fr!important;
  }
  article.mps11308-package .mps11308-artbox,
  article.mps11308-package:hover .mps11308-artbox{
    min-height:0!important;
    margin-top:8px!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  article.mps11308-package .mps11308-art{
    width:190px!important;
    max-width:190px!important;
    max-height:245px!important;
    margin:0 4px 0 auto!important;
  }
}