/* MEY Bilişim Product Site v1.13.09
   Paket ürün görsellerinin kendi beyaz fonunu kart zeminiyle bütünleştirir.
   Görsel kenarlarındaki kare/levha hissini azaltır, ürün kutusunu net bırakır. */

/* Kart gövdesi ile görsel alan aynı beyazı kullansın. */
article.mps11308-package .mps11308-main,
article.mps11308-package .mps11308-artbox{
  background:#fff!important;
}

/* Ürün görseli alanı daha geniş ve doğal. */
article.mps11308-package .mps11308-main.has-art{
  grid-template-columns:minmax(0,.88fr) minmax(158px,1.12fr)!important;
  gap:4px!important;
}
article.mps11308-package .mps11308-artbox{
  min-height:320px!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Soldaki yazıya yaklaşan beyaz geçiş; görseli kesmeden fonu eritiyor. */
article.mps11308-package .mps11308-artbox:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:-2px!important;
  top:-2px!important;
  bottom:-2px!important;
  width:34%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 30%,rgba(255,255,255,.70) 63%,rgba(255,255,255,0) 100%)!important;
}

/* Görsel dosyasındaki beyaz / kırık beyaz arka plan kartın beyazına karışsın. */
article.mps11308-package .mps11308-art{
  width:min(112%,224px)!important;
  max-width:224px!important;
  max-height:328px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  opacity:1!important;
  mix-blend-mode:multiply!important;
  filter:saturate(1.08) contrast(1.045) drop-shadow(0 14px 18px rgba(8,29,59,.10))!important;
  transform:translate3d(4px,0,0) scale(1)!important;
  transition:transform .30s cubic-bezier(.2,.8,.2,1),filter .30s ease!important;
}
article.mps11308-package:hover .mps11308-art{
  transform:translate3d(4px,-6px,0) scale(1.055)!important;
  filter:saturate(1.1) contrast(1.055) drop-shadow(0 20px 24px rgba(8,29,59,.16))!important;
}

/* Fiyat bölümü görselin altında net biçimde ayrışmaya devam eder. */
article.mps11308-package .mps11308-price-row{
  position:relative!important;
  z-index:6!important;
  background:#fff!important;
  border-top:1px solid #e5ebf2!important;
}

@media(max-width:1380px){
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:minmax(0,.90fr) minmax(145px,1.10fr)!important;
  }
  article.mps11308-package .mps11308-art{
    width:min(110%,202px)!important;
    max-width:202px!important;
    max-height:305px!important;
  }
}

@media(max-width:1180px){
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:minmax(0,1fr) minmax(185px,.95fr)!important;
    gap:12px!important;
  }
  article.mps11308-package .mps11308-art{
    width:min(108%,218px)!important;
    max-width:218px!important;
    max-height:320px!important;
  }
}

@media(max-width:720px){
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:minmax(0,1fr) 190px!important;
  }
  article.mps11308-package .mps11308-art{
    width:188px!important;
    max-width:188px!important;
    max-height:268px!important;
  }
}

@media(max-width:480px){
  article.mps11308-package .mps11308-main.has-art{grid-template-columns:1fr!important}
  article.mps11308-package .mps11308-artbox{
    overflow:hidden!important;
    justify-content:flex-end!important;
    min-height:235px!important;
  }
  article.mps11308-package .mps11308-artbox:after{width:20%!important}
  article.mps11308-package .mps11308-art{
    width:188px!important;
    max-width:188px!important;
    max-height:230px!important;
    margin:0 4px 0 auto!important;
  }
}