/* ZIREXA PACKAGE PREMIUM FONT + ICON TREATMENT v7 */

/* Keep the compact/aligned layout from v6, but make typography feel premium */
#plans .plan-card,
#plans .plan-card *{
  font-family: "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#plans .plan-card{
  background:#fff !important;
  border:1px solid #e7e7eb !important;
  box-shadow:0 10px 28px rgba(15,15,20,.045) !important;
}

/* Premium icon shell instead of cheap-looking loose red icon */
#plans .plan-icon{
  width:54px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 auto 10px !important;
  border:1px solid #ececf0 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8f8fa 100%) !important;
  box-shadow:0 7px 18px rgba(20,20,25,.055) !important;
  display:grid !important;
  place-items:center !important;
  transition:transform .28s ease, box-shadow .28s ease !important;
}

#plans .plan-icon img{
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
  padding:0 !important;
}

#plans .plan-card:hover .plan-icon{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 22px rgba(20,20,25,.08) !important;
}

/* Titles: less heavy, more refined */
#plans .plan-card h3{
  color:#17171b !important;
  font-size:16.5px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
  letter-spacing:-.012em !important;
  min-height:42px !important;
  margin:0 0 4px !important;
}

/* Subtitle */
#plans .plan-sub{
  color:#5a5a63 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:.005em !important;
  min-height:30px !important;
  margin:0 0 5px !important;
}

/* Pricing */
#plans .price del{
  color:#787880 !important;
  font-size:11.5px !important;
  font-weight:500 !important;
}

#plans .price strong{
  color:var(--accent) !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
}

/* Feature list: remove over-bold/cheap appearance */
#plans .plan-card li{
  color:#2b2b31 !important;
  font-size:11.3px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  padding:5px 2px !important;
  border-bottom:1px solid #eeeeF1 !important;
}

#plans .plan-card li::before{
  color:var(--accent) !important;
  font-weight:700 !important;
  margin-right:6px !important;
}

/* Buttons: cleaner, less chunky */
#plans .plan-card .btn{
  font-size:11.8px !important;
  font-weight:700 !important;
  letter-spacing:.005em !important;
  min-height:37px !important;
  border-radius:10px !important;
}

/* Popular badge: slimmer, premium, still outside card */
#plans .plan-card .badge{
  top:-28px !important;
  max-width:170px !important;
  padding:5px 12px !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:0 6px 14px rgba(240,25,34,.14) !important;
}

/* Smooth restrained card hover */
#plans .plan-card:hover{
  transform:translateY(-4px) !important;
  border-color:#ddddE3 !important;
  box-shadow:0 16px 38px rgba(15,15,20,.08) !important;
}

/* Mobile remains compact and readable */
@media(max-width:760px){
  #plans .plan-card{
    flex-basis:min(80vw,305px) !important;
    width:min(80vw,305px) !important;
  }
  #plans .plan-card h3{
    font-size:16px !important;
  }
  #plans .plan-card li{
    font-size:11.2px !important;
  }
}