/* MEY Bilişim Product Site v1.13.13
   - "En Çok Tercih Edilen" rozetini başlığın üstüne taşır.
   - Paket içerik/özellik yazılarını daha okunaklı hale getirir.
   - 1.13.12 tek satır başlık düzenini korur. */

/* Rozetin kart başlığını sıkıştırmaması için kart üstünde güvenli alan oluştur. */
.mps11305-package-grid{
  padding-top:16px!important;
}
article.mps11308-package{
  overflow:visible!important;
}
article.mps11308-package .mps11308-head{
  border-radius:20px 20px 0 0!important;
  overflow:hidden!important;
}

/* Popüler rozet: başlık alanının üstünde, ortalanmış ve taşmadan okunur. */
article.mps11308-package .mps11308-popular{
  position:absolute!important;
  top:-14px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  min-height:28px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:9.4px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  color:#fff!important;
  background:#ef1238!important;
  box-shadow:0 8px 20px rgba(239,18,56,.30)!important;
}

/* Rozet artık başlıkla aynı satırda değil; başlık tam genişlikte kalır. */
article.mps11308-package.featured .mps11308-head-copy{
  max-width:none!important;
  padding-right:0!important;
}
article.mps11308-package.featured .mps11308-title{
  padding-right:0!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
}

/* Özellik listesini daha okunaklı yap. */
article.mps11308-package .mps11308-features li{
  gap:8px!important;
  padding:5.5px 0!important;
  color:#243b57!important;
  font-size:14px!important;
  line-height:1.38!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
article.mps11308-package .mps11308-features li span{
  display:block!important;
  min-width:0!important;
}
article.mps11308-package .mps11308-features li i{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  margin-top:0!important;
  font-size:11px!important;
  box-shadow:inset 0 0 0 1px rgba(7,150,93,.06)!important;
}

/* Açıklama/alt metin de daha net olsun. */
article.mps11308-package .mps11308-desc{
  color:#e2ebf5!important;
  -webkit-text-fill-color:#e2ebf5!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;
}

/* İçerik biraz büyüdüğü için ana alanı dengeli tut. */
article.mps11308-package .mps11308-main{
  min-height:350px!important;
}

@media(max-width:1380px){
  article.mps11308-package .mps11308-features li{
    font-size:13.3px!important;
    line-height:1.36!important;
    padding:5px 0!important;
  }
  article.mps11308-package.featured .mps11308-title{
    font-size:20.5px!important;
  }
  article.mps11308-package .mps11308-popular{
    font-size:8.7px!important;
    padding:7px 12px!important;
  }
}

@media(max-width:1180px){
  .mps11305-package-grid{padding-top:18px!important}
  article.mps11308-package .mps11308-features li{
    font-size:14px!important;
  }
  article.mps11308-package.featured .mps11308-title{
    font-size:25px!important;
  }
  article.mps11308-package .mps11308-popular{
    font-size:9.5px!important;
  }
}

@media(max-width:560px){
  article.mps11308-package .mps11308-features li{
    font-size:14px!important;
    line-height:1.4!important;
  }
  article.mps11308-package .mps11308-popular{
    top:-13px!important;
    max-width:calc(100% - 22px)!important;
    font-size:8.8px!important;
    padding:7px 11px!important;
  }
}