/* MEY Bilişim Product Site v1.13.03
   Paket görselini üst-sağ bölüme taşır, hover animasyonu ekler ve fiyatları otomatik/profesyonel gösterir. */

.mps11303-package{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.mps11303-package:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 18px 42px rgba(17,33,59,.12)!important;
}
.mps11303-package.featured:hover{
  box-shadow:0 20px 46px rgba(233,9,47,.16)!important;
}

/* Eski arka plan/görsel konum kurallarını bu sürümde etkisizleştir. */
.mps11303-package.art-right.has-art .mps79-package-content,
.mps11303-package.art-background.has-art .mps79-package-content{
  padding-right:0!important;
}
.mps11303-package.art-background:after{display:none!important}

.mps11303-package-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(104px,38%)!important;
  gap:10px!important;
  align-items:start!important;
  min-height:150px!important;
  margin-bottom:8px!important;
}
.mps11303-package:not(.has-art) .mps11303-package-head{
  grid-template-columns:1fr!important;
  min-height:auto!important;
}
.mps11303-package-copy{min-width:0!important;position:relative!important;z-index:2!important}

.mps11303-package h3{
  margin:0 0 11px!important;
  padding:0!important;
  color:#0d2240!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
.mps11303-price-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:0 0 10px!important;
}
.mps11303-price-main{
  color:#071a36!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  white-space:nowrap!important;
}
.mps11303-tax-badge,
.mps11303-package .mps11302-period-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
.mps11303-tax-badge{
  color:#10714e!important;
  background:#effaf5!important;
  box-shadow:inset 0 0 0 1px rgba(16,113,78,.14)!important;
}
.mps11303-package .mps11302-period-badge{
  color:#d30c2d!important;
  background:#fff2f5!important;
  box-shadow:inset 0 0 0 1px rgba(233,9,47,.16)!important;
}

/* Paket görseli artık üst-sağda ayrı bir alan içinde. */
.mps11303-package-artbox{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  min-width:0!important;
  height:148px!important;
  overflow:visible!important;
  padding-top:2px!important;
}
.mps11303-package .mps11303-package-art{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:138px!important;
  max-height:148px!important;
  object-fit:contain!important;
  object-position:right top!important;
  opacity:.96!important;
  filter:saturate(1.03) contrast(1.03) brightness(1.01)!important;
  transform:translateZ(0) scale(1)!important;
  transform-origin:80% 25%!important;
  transition:transform .28s cubic-bezier(.2,.75,.25,1),filter .28s ease,drop-shadow .28s ease!important;
  pointer-events:none!important;
}
.mps11303-package:hover .mps11303-package-art{
  transform:translateY(-5px) scale(1.075) rotate(-.6deg)!important;
  filter:saturate(1.12) contrast(1.06) brightness(1.025) drop-shadow(0 12px 16px rgba(17,33,59,.14))!important;
}
.mps11303-package.featured:hover .mps11303-package-art{
  filter:saturate(1.13) contrast(1.06) brightness(1.02) drop-shadow(0 12px 18px rgba(233,9,47,.16))!important;
}

/* Özellikler görselin altından tam genişlikte devam eder. */
.mps11303-package ul{
  position:relative!important;
  z-index:3!important;
  margin-top:3px!important;
}
.mps11303-package li{font-size:12.4px!important;line-height:1.35!important;padding:3.7px 0!important}
.mps11303-package-btn{margin-top:auto!important;position:relative!important;z-index:4!important}

@media(max-width:1180px){
  .mps11303-package-head{grid-template-columns:minmax(0,1fr) minmax(120px,36%)!important;min-height:160px!important}
  .mps11303-package-artbox{height:155px!important}
  .mps11303-package .mps11303-package-art{max-width:150px!important;max-height:155px!important}
  .mps11303-package h3{font-size:20px!important}
  .mps11303-price-main{font-size:27px!important}
}

@media(max-width:720px){
  .mps11303-package-head{grid-template-columns:minmax(0,1fr) 128px!important;min-height:142px!important}
  .mps11303-package-artbox{height:138px!important}
  .mps11303-package .mps11303-package-art{max-width:128px!important;max-height:138px!important;opacity:.94!important}
  .mps11303-package:hover{transform:none!important}
  .mps11303-package:hover .mps11303-package-art{transform:scale(1.035)!important}
  .mps11303-price-main{font-size:24px!important}
}

@media(max-width:460px){
  .mps11303-package-head{grid-template-columns:1fr!important;min-height:auto!important}
  .mps11303-package-artbox{height:135px!important;justify-content:flex-end!important;margin-top:-6px!important}
  .mps11303-package .mps11303-package-art{max-width:132px!important;max-height:135px!important}
}