/* SmartSPM Sejarah — pricing card alignment + Kertas Sejarah SPM 2026 countdown */
.public-page-v2 .pricing-section-upgrade .price-card-upgrade{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-card-glow{
  pointer-events:none;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-badge,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-product,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .saving,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-note,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .preview-dev-note{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-product{
  display:block;
  width:100%;
  max-width:100%;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-line{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-line del,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-line strong{
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .saving{
  align-self:center;
}
.public-page-v2 .pricing-section-upgrade .promo-countdown,
.public-page-v2 .pricing-section-upgrade .price-card-upgrade .btn-large,
.public-page-v2 .pricing-section-upgrade .price-note,
.public-page-v2 .pricing-section-upgrade .price-trust{
  align-self:center;
}

.public-page-v2 .pricing-section-upgrade .pricing-exam-countdown{
  position:relative;
  width:min(100%,590px);
  margin:14px auto 0;
  padding:17px 18px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(3,24,82,.26),rgba(2,20,68,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-countdown::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  width:66%;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(52,219,255,.9),transparent);
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  margin-bottom:13px;
  text-align:center;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-copy span{
  font-family:Poppins,sans-serif;
  font-size:16px;
  line-height:1.35;
  font-weight:800;
  color:#fff;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-copy strong{
  font-family:Poppins,sans-serif;
  font-size:16px;
  line-height:1.35;
  font-weight:800;
  color:#ffe66e;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-units{
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-units strong{
  min-height:58px;
  padding:8px 5px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:21px;
  line-height:1;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-units strong small{
  margin-top:5px;
  color:#dbeaff;
  font-size:13px;
  line-height:1;
}
.public-page-v2 .pricing-section-upgrade .pricing-exam-countdown.countdown-ended .pricing-exam-copy strong{
  color:#fff;
}

@media(max-width:700px){
  .public-page-v2 .pricing-section-upgrade .price-card-upgrade .price-line{
    gap:11px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-countdown{
    width:100%;
    padding:15px 12px 14px;
    border-radius:18px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-copy{
    margin-bottom:11px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-copy span,
  .public-page-v2 .pricing-section-upgrade .pricing-exam-copy strong{
    font-size:15px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-units{
    gap:6px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-units strong{
    min-height:54px;
    border-radius:12px;
    font-size:19px;
  }
  .public-page-v2 .pricing-section-upgrade .pricing-exam-units strong small{
    font-size:12px;
  }
}
