/* V16 — Stylish pricing cards + unified Personal/Reseller Buy buttons */

/* Pricing grid refinement on Home and pricing.php */
.pm-home .pm-home-price-grid{
  gap:24px;
  align-items:stretch;
}

.pm-home .pm-home-price-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:490px;
  padding:32px 30px 28px;
  border:1px solid #dbe4f0;
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 0%, rgba(37,99,235,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:
    0 18px 46px rgba(15,23,42,.07),
    0 2px 7px rgba(15,23,42,.025);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.pm-home .pm-home-price-card::after{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:0;
  height:4px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#0f4c5c,#0f766e);
  opacity:.92;
}

.pm-home .pm-home-price-card:hover{
  transform:translateY(-7px);
  border-color:#c9d7e8;
  box-shadow:
    0 28px 64px rgba(15,23,42,.12),
    0 7px 20px rgba(15,23,42,.045);
}

.pm-home .pm-home-price-card.featured{
  transform:translateY(-10px);
  border:2px solid #3b82f6;
  background:
    radial-gradient(circle at 88% 0%, rgba(59,130,246,.17), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  box-shadow:
    0 26px 66px rgba(37,99,235,.17),
    0 5px 16px rgba(37,99,235,.06);
}

.pm-home .pm-home-price-card.featured::after{
  left:28px;
  right:28px;
  background:linear-gradient(90deg,#2563eb,#4f46e5);
}

.pm-home .pm-home-price-card.featured:hover{
  transform:translateY(-13px);
  box-shadow:
    0 34px 78px rgba(37,99,235,.22),
    0 8px 24px rgba(37,99,235,.08);
}

/* More polished label */
.pm-home .pm-home-price-card small{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid #e1e8f2;
  border-radius:999px;
  background:#f7f9fc;
  color:#52637a;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.1px;
}
.pm-home .pm-home-price-card.featured small{
  border-color:#d7e6ff;
  background:#eef5ff;
  color:#2563eb;
}

.pm-home .pm-home-price-card h3{
  margin:15px 0 0;
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.55px;
  color:#111b2f;
}

.pm-home .pm-home-price-card .price{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:22px 0 21px;
  padding-bottom:20px;
  border-bottom:1px solid #e7edf5;
  font-size:43px;
  line-height:1;
  letter-spacing:-1.5px;
  font-weight:900;
  color:#0f172a;
}
.pm-home .pm-home-price-card .price span{
  margin-bottom:4px;
  font-size:10.5px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.1px;
  color:#8090a6;
}

.pm-home .pm-home-price-card ul{
  gap:0;
  margin:0 0 26px;
  padding:0;
}
.pm-home .pm-home-price-card li{
  position:relative;
  padding:11px 0 11px 28px;
  border-bottom:1px dashed #e8edf4;
  font-size:12px;
  line-height:1.45;
  color:#506078;
}
.pm-home .pm-home-price-card li:last-child{border-bottom:0}
.pm-home .pm-home-price-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:9px;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  margin:0;
  border-radius:50%;
  background:#e9f8f2;
  color:#138a55;
  font-size:11px;
  font-weight:950;
}

/* Keep Personal + Reseller identical. Commercial remains the highlighted action. */
.pm-home-price-card .pm-buy-personal,
.pm-home-price-card .pm-buy-reseller{
  background:linear-gradient(135deg,#113c55 0%,#0f766e 100%)!important;
  box-shadow:0 11px 27px rgba(15,93,94,.23)!important;
}
.pm-home-price-card .pm-buy-personal:hover,
.pm-home-price-card .pm-buy-reseller:hover{
  box-shadow:0 17px 38px rgba(15,93,94,.32)!important;
}
.pm-home-price-card .pm-buy-commercial{
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%)!important;
  box-shadow:0 12px 30px rgba(37,99,235,.28)!important;
}
.pm-home-price-card .pm-buy-commercial:hover{
  box-shadow:0 18px 42px rgba(37,99,235,.38)!important;
}

/* Button feels anchored to card */
.pm-home-price-card .pm-plan-buy{
  margin-top:auto;
  min-height:54px;
  border-radius:15px;
  font-size:12.5px;
  letter-spacing:.1px;
}

/* Pricing page framing */
.pm-v14-pricing-wrap .pm-home-price-grid{
  max-width:1180px;
}
.pm-v14-pricing-wrap .pm-home-price-card{
  min-height:500px;
}

@media(max-width:980px){
  .pm-home .pm-home-price-grid{gap:18px}
  .pm-home .pm-home-price-card,
  .pm-v14-pricing-wrap .pm-home-price-card{min-height:auto}
  .pm-home .pm-home-price-card.featured,
  .pm-home .pm-home-price-card.featured:hover{transform:none}
}

@media(max-width:700px){
  .pm-home .pm-home-price-card{padding:26px 22px 22px;border-radius:22px}
  .pm-home .pm-home-price-card h3{font-size:22px}
  .pm-home .pm-home-price-card .price{font-size:38px}
  .pm-home .pm-home-price-card::after{left:20px;right:20px}
}

@media(prefers-reduced-motion:reduce){
  .pm-home .pm-home-price-card{transition:none}
}
