/* ZIREXA PACKAGE FIX v6 - loaded LAST by installer */

#plans.plans-section{
  overflow:visible !important;
}

#plans .plan-grid{
  width:min(1080px,92vw) !important;
  max-width:1080px !important;
  margin:0 auto !important;
  padding-top:34px !important;
  gap:10px !important;
  align-items:stretch !important;
  overflow:visible !important;
}

#plans .plan-card{
  position:relative !important;
  overflow:visible !important;
  min-height:455px !important;
  padding:14px 12px 12px !important;
  border-radius:15px !important;
  text-align:center !important;
  color:#111 !important;
  filter:none !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* POPULAR sits fully OUTSIDE the card */
#plans .plan-card .badge{
  position:absolute !important;
  top:-29px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  z-index:99 !important;
  width:calc(100% - 26px) !important;
  max-width:175px !important;
  margin:0 !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  text-align:center !important;
  font-size:9px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#fff !important;
  box-shadow:0 6px 15px rgba(240,25,34,.16) !important;
}

/* Equal content start for every card */
#plans .plan-icon{
  width:42px !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 auto 7px !important;
  display:grid !important;
  place-items:center !important;
}
#plans .plan-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:4px !important;
}

#plans .plan-card h3{
  min-height:42px !important;
  margin:0 0 2px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#101014 !important;
  font-size:16.5px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  opacity:1 !important;
}

#plans .plan-sub{
  min-height:28px !important;
  margin:0 0 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#2e2e34 !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  opacity:1 !important;
}

#plans .price{
  min-height:34px !important;
  width:100% !important;
  margin:2px 0 6px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:6px !important;
}
#plans .price del{
  color:#505057 !important;
  font-size:11.5px !important;
  font-weight:750 !important;
  opacity:1 !important;
  text-decoration-thickness:2px !important;
}
#plans .price strong{
  color:var(--accent) !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:950 !important;
  opacity:1 !important;
}

#plans .plan-card ul{
  width:100% !important;
  margin:0 0 7px !important;
  padding:0 !important;
  flex:1 !important;
  text-align:center !important;
}
#plans .plan-card li{
  padding:4.5px 1px !important;
  border-bottom:1px solid #e5e5e8 !important;
  text-align:center !important;
  color:#111116 !important;
  font-size:11.2px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}
#plans .plan-card li::before{
  position:static !important;
  display:inline-block !important;
  margin-right:5px !important;
  color:var(--accent) !important;
  font-weight:950 !important;
}

#plans .plan-card .btn{
  min-height:36px !important;
  padding:7px 9px !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11.5px !important;
  font-weight:850 !important;
}

/* Prevent reveal transform from softening text */
#plans .plan-card.reveal,
#plans .plan-card.reveal.from-left,
#plans .plan-card.reveal.from-right,
#plans .plan-card.reveal.from-bottom{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

#plans .plan-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.10) !important;
}

/* Tablet */
@media(max-width:1100px) and (min-width:761px){
  #plans .plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:min(720px,92vw) !important;
    gap:14px !important;
  }
  #plans .plan-card{min-height:435px !important;}
}

/* Mobile */
@media(max-width:760px){
  #plans .plan-grid{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    gap:10px !important;
    padding:34px 14px 16px !important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  #plans .plan-grid::-webkit-scrollbar{display:none;}
  #plans .plan-card{
    flex:0 0 min(80vw,310px) !important;
    width:min(80vw,310px) !important;
    min-height:425px !important;
    scroll-snap-align:center;
  }
}