/* MEY Bilişim Product Site v1.13.14
   - "En Çok Tercih Edilen" rozetini başlık alanında tam okunur hale getirir.
   - Paket özelliklerini tek satır, dengeli punto ve normal ağırlıkta gösterir.
   - 1.13.13 ve önceki görsel/fiyat yerleşimlerini korur. */

/* Rozeti kart dışına taşırmadan, başlığın üstünde güvenli ve okunaklı konumlandır. */
article.mps11308-package.featured .mps11308-head{
  min-height:142px!important;
}
article.mps11308-package .mps11308-popular{
  position:absolute!important;
  top:11px!important;
  left:20px!important;
  right:auto!important;
  transform:none!important;
  z-index:40!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:calc(100% - 40px)!important;
  min-height:26px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#ef1238!important;
  font-size:9.6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  box-shadow:0 7px 18px rgba(239,18,56,.28)!important;
}
article.mps11308-package.featured .mps11308-head-copy{
  max-width:none!important;
  padding-top:31px!important;
  padding-right:0!important;
}
article.mps11308-package.featured .mps11308-title{
  padding-right:0!important;
  white-space:nowrap!important;
}

/* Özellikler: kalınlığı azalt, kontrastı koru ve masaüstünde tek satır göster. */
article.mps11308-package .mps11308-features li{
  gap:7px!important;
  padding:4.5px 0!important;
  color:#2a405c!important;
  font-size:12.4px!important;
  line-height:1.28!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
}
article.mps11308-package .mps11308-features li span{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-weight:500!important;
}
article.mps11308-package .mps11308-features li i{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin-top:0!important;
  font-size:10.5px!important;
}

/* Uzun içeriklerde metne biraz daha fazla yatay alan bırak. */
@media(min-width:1181px){
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:minmax(0,1.06fr) minmax(132px,.94fr)!important;
    gap:7px!important;
  }
  article.mps11308-package .mps11308-art{
    width:min(100%,190px)!important;
    max-width:190px!important;
  }
}

@media(max-width:1380px) and (min-width:1181px){
  article.mps11308-package .mps11308-features li{
    font-size:11.8px!important;
    gap:6px!important;
  }
  article.mps11308-package .mps11308-main.has-art{
    grid-template-columns:minmax(0,1.08fr) minmax(126px,.92fr)!important;
    gap:5px!important;
  }
  article.mps11308-package .mps11308-art{
    width:min(100%,178px)!important;
    max-width:178px!important;
  }
  article.mps11308-package .mps11308-popular{
    font-size:9.2px!important;
    padding:6px 11px!important;
  }
}

/* 2/1 kolonlu görünümde alan geniş; okunaklı puntoyu yükselt ve tek satırı koru. */
@media(max-width:1180px){
  article.mps11308-package.featured .mps11308-head{
    min-height:150px!important;
  }
  article.mps11308-package .mps11308-features li{
    font-size:13.2px!important;
    line-height:1.32!important;
    white-space:nowrap!important;
  }
  article.mps11308-package .mps11308-features li span{
    white-space:nowrap!important;
  }
  article.mps11308-package .mps11308-popular{
    top:12px!important;
    left:20px!important;
    font-size:9.5px!important;
  }
}

@media(max-width:560px){
  article.mps11308-package.featured .mps11308-head-copy{
    padding-top:30px!important;
  }
  article.mps11308-package .mps11308-features li{
    font-size:12.6px!important;
    letter-spacing:-.018em!important;
  }
  article.mps11308-package .mps11308-popular{
    left:16px!important;
    max-width:calc(100% - 32px)!important;
    font-size:9px!important;
    padding:6px 10px!important;
  }
}