/* MEY Bilişim Product Site v1.13.08
   Paket kartları: görsel onaya göre son düzen.
   Başlık koyu/beyaz, özellikler solda, büyük ürün görseli sağda,
   fiyat + KDV + dönem alt blokta. Ürün görsel alanı beyaz tutulur. */

/* Masaüstünde 4 kart */
.mps11305-package-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

article.mps11308-package{
  display:flex!important;
  flex-direction:column!important;
  min-height:640px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe7f0!important;
  box-shadow:0 14px 36px rgba(7,24,45,.085)!important;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important;
}
article.mps11308-package:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 48px rgba(7,24,45,.145)!important;
}
article.mps11308-package.featured{
  border:1.5px solid #ef1238!important;
  box-shadow:0 20px 48px rgba(239,18,56,.13)!important;
}

/* Koyu başlık alanı + beyaz yazı */
article.mps11308-package .mps11308-head{
  position:relative!important;
  min-height:132px!important;
  padding:23px 20px 20px!important;
  background:
    radial-gradient(circle at 102% -8%,rgba(239,18,56,.23),transparent 38%),
    linear-gradient(135deg,#06172a 0%,#0b213d 58%,#111a2b 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
article.mps11308-package .mps11308-head:before{
  content:""!important;
  position:absolute!important;
  right:-50px!important;
  bottom:-70px!important;
  width:210px!important;
  height:130px!important;
  border:1px solid rgba(239,18,56,.34)!important;
  border-radius:50%!important;
  transform:rotate(-13deg)!important;
  pointer-events:none!important;
}
article.mps11308-package .mps11308-title{
  margin:0!important;
  padding:0 0 12px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:25px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 9px rgba(0,0,0,.2)!important;
}
article.mps11308-package .mps11308-title:after{
  content:""!important;
  display:block!important;
  width:44px!important;
  height:4px!important;
  margin-top:10px!important;
  border-radius:99px!important;
  background:#ef1238!important;
  box-shadow:0 0 15px rgba(239,18,56,.4)!important;
}
article.mps11308-package .mps11308-desc{
  margin:0!important;
  max-width:88%!important;
  color:#d7e3ef!important;
  -webkit-text-fill-color:#d7e3ef!important;
  font-size:12.4px!important;
  line-height:1.42!important;
}
article.mps11308-package .mps11308-popular{
  top:12px!important;
  right:12px!important;
  z-index:8!important;
  min-height:25px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#ef1238!important;
  color:#fff!important;
  font-size:8.3px!important;
  font-weight:950!important;
  box-shadow:0 7px 18px rgba(239,18,56,.28)!important;
}
article.mps11308-package.featured .mps11308-title{padding-right:105px!important}

/* Ana alan: özellikler solda, büyük ürün görseli sağda */
article.mps11308-package .mps11308-main{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  flex:1 1 auto!important;
  min-height:330px!important;
  padding:18px 16px 12px 18px!important;
  position:relative!important;
  background:#fff!important;
  overflow:hidden!important;
}
article.mps11308-package .mps11308-main.has-art{
  grid-template-columns:minmax(0,.92fr) minmax(148px,1.08fr)!important;
  gap:8px!important;
  align-items:stretch!important;
}
article.mps11308-package .mps11308-feature-wrap{
  min-width:0!important;
  position:relative!important;
  z-index:4!important;
}
article.mps11308-package .mps11308-features{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
article.mps11308-package .mps11308-features li{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  padding:4.6px 0!important;
  color:#30445f!important;
  font-size:12.3px!important;
  line-height:1.31!important;
}
article.mps11308-package .mps11308-features li i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  margin-top:0!important;
  border-radius:50%!important;
  background:#e8f8f1!important;
  color:#07965d!important;
  font-size:10.5px!important;
  font-style:normal!important;
  font-weight:950!important;
}

/* Görsel alanı tamamen beyaz; sol kenarda sadece yumuşak geçiş. */
article.mps11308-package .mps11308-artbox{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  min-height:310px!important;
  padding:4px 0 4px 4px!important;
  margin:0!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
  border-radius:16px!important;
  isolation:isolate!important;
}
article.mps11308-package .mps11308-artbox:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:30%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 28%,rgba(255,255,255,.46) 68%,rgba(255,255,255,0) 100%)!important;
}
article.mps11308-package .mps11308-art{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  inset:auto!important;
  width:min(100%,205px)!important;
  max-width:205px!important;
  max-height:320px!important;
  height:auto!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  mix-blend-mode:normal!important;
  filter:saturate(1.06) contrast(1.035) drop-shadow(0 12px 16px rgba(8,29,59,.10))!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center center!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease!important;
  pointer-events:none!important;
}
article.mps11308-package:hover .mps11308-art{
  transform:translate3d(0,-6px,0) scale(1.055)!important;
  filter:saturate(1.1) contrast(1.05) drop-shadow(0 18px 22px rgba(8,29,59,.16))!important;
}

/* Fiyat + KDV + dönem ana içerikten sonra aşağıda */
article.mps11308-package .mps11308-price-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:104px!important;
  margin:0!important;
  padding:17px 18px 15px!important;
  background:linear-gradient(180deg,#fff 0%,#fafcfe 100%)!important;
  border-top:1px solid #e9eef4!important;
  border-bottom:1px solid #eef2f6!important;
  flex:0 0 auto!important;
}
article.mps11308-package .mps11308-price{
  display:block!important;
  margin:0!important;
  color:#081d3b!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
article.mps11308-package .mps11308-badges{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
article.mps11308-package .mps11308-tax,
article.mps11308-package .mps11308-period{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
article.mps11308-package .mps11308-tax{
  color:#08734c!important;
  background:#edf9f4!important;
  box-shadow:inset 0 0 0 1px rgba(8,115,76,.15)!important;
}
article.mps11308-package .mps11308-period{
  color:#d20b2d!important;
  background:#fff1f4!important;
  box-shadow:inset 0 0 0 1px rgba(233,9,47,.16)!important;
  text-transform:uppercase!important;
}
article.mps11308-package .mps11308-button{
  margin:14px 18px 17px!important;
  min-height:50px!important;
  border-radius:12px!important;
  font-size:13.5px!important;
  font-weight:900!important;
  flex:0 0 auto!important;
}

@media(max-width:1380px){
  .mps11305-package-grid{gap:12px!important}
  article.mps11308-package{min-height:620px!important}
  article.mps11308-package .mps11308-head{min-height:126px!important;padding:21px 16px 18px!important}
  article.mps11308-package .mps11308-title{font-size:22px!important}
  article.mps11308-package .mps11308-main{padding:16px 12px 10px 14px!important;min-height:315px!important}
  article.mps11308-package .mps11308-main.has-art{grid-template-columns:minmax(0,.93fr) minmax(136px,1.07fr)!important;gap:6px!important}
  article.mps11308-package .mps11308-artbox{min-height:292px!important}
  article.mps11308-package .mps11308-art{width:min(100%,184px)!important;max-width:184px!important;max-height:300px!important}
  article.mps11308-package .mps11308-features li{font-size:11.8px!important;gap:6px!important}
  article.mps11308-package .mps11308-price{font-size:27px!important}
}

@media(max-width:1180px){
  .mps11305-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  article.mps11308-package{min-height:610px!important}
  article.mps11308-package .mps11308-title{font-size:25px!important}
  article.mps11308-package .mps11308-main.has-art{grid-template-columns:minmax(0,1fr) minmax(180px,.95fr)!important;gap:14px!important}
  article.mps11308-package .mps11308-art{width:min(100%,205px)!important;max-width:205px!important;max-height:320px!important}
  article.mps11308-package .mps11308-price{font-size:30px!important}
}

@media(max-width:720px){
  .mps11305-package-grid{grid-template-columns:1fr!important}
  article.mps11308-package{min-height:auto!important}
  article.mps11308-package .mps11308-main.has-art{grid-template-columns:minmax(0,1fr) 185px!important;gap:12px!important;min-height:280px!important}
  article.mps11308-package .mps11308-artbox{min-height:255px!important}
  article.mps11308-package .mps11308-art{width:180px!important;max-width:180px!important;max-height:255px!important}
}

@media(max-width:480px){
  article.mps11308-package .mps11308-main.has-art{grid-template-columns:1fr!important}
  article.mps11308-package .mps11308-artbox{min-height:230px!important;justify-content:flex-end!important;margin-top:6px!important}
  article.mps11308-package .mps11308-art{width:180px!important;max-width:180px!important;max-height:225px!important;margin:0 4px 0 auto!important}
  article.mps11308-package .mps11308-artbox:after{width:22%!important}
  article.mps11308-package .mps11308-price-row{min-height:auto!important}
}