/* MEY Bilişim Product Site v1.12.99
   Paket kartlarında 4 kolon masaüstü düzeni ve daha net paket görselleri */

/* Masaüstünde dört paketi aynı satıra sığdır. */
.mps79-package-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:none!important;
  align-items:stretch!important;
}
.mps79-package{
  padding:18px 18px 16px!important;
  min-width:0!important;
}
.mps79-package h3{
  font-size:18px!important;
  padding-right:62px!important;
}
.mps79-package .price strong{font-size:25px!important}
.mps79-package .price span{font-size:10.5px!important}
.mps79-package p{font-size:12px!important}
.mps79-package li{font-size:12.2px!important;padding:3px 0!important}
.mps79-package-btn{font-size:12.5px!important;min-height:44px!important}

/* Yüklenen paket görselini silik bırakma.
   Yönetimde daha düşük bir oran kayıtlı olsa bile profesyonel görünüm için alt sınır uygula. */
.mps79-package-art{
  opacity:clamp(.26,var(--art-opacity,.32),.46)!important;
  filter:saturate(1.06) contrast(1.04)!important;
}

/* Sağ görsel seçeneğinde görseli kartın içine daha güçlü yerleştir. */
.mps79-package.art-right .mps79-package-art{
  right:-3%!important;
  bottom:46px!important;
  width:58%!important;
  height:61%!important;
  object-fit:cover!important;
  object-position:72% center!important;
}
.mps79-package.art-right.has-art .mps79-package-content{padding-right:15%!important}

/* Arka plan görselinde beyaz perdeyi azalt, sağ taraftaki görseli daha belirgin tut. */
.mps79-package.art-background .mps79-package-art{
  right:-2%!important;
  bottom:0!important;
  width:78%!important;
  height:80%!important;
  object-fit:cover!important;
  object-position:72% center!important;
}
.mps79-package.art-background:after{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 35%,rgba(255,255,255,.68) 55%,rgba(255,255,255,.24) 78%,rgba(255,255,255,.05) 100%)!important;
}

/* Dört kolon içinde metin/görsel çakışmasını engelle. */
.mps79-package-content{min-width:0!important}
.mps79-more-features{font-size:9px!important}

/* Orta ekranlarda iki, mobilde tek kolon. */
@media(max-width:1180px){
  .mps79-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .mps79-package{padding:20px!important}
  .mps79-package h3{font-size:19px!important}
  .mps79-package .price strong{font-size:27px!important}
  .mps79-package.art-right.has-art .mps79-package-content{padding-right:17%!important}
}
@media(max-width:720px){
  .mps79-package-grid{grid-template-columns:1fr!important}
  .mps79-package-art{opacity:clamp(.23,var(--art-opacity,.30),.40)!important}
  .mps79-package.art-right.has-art .mps79-package-content{padding-right:10%!important}
  .mps79-package h3{padding-right:0!important}
}