/* Pricing cards, faithful to original wdt-pricing-table:
   white cards, beige #FFF7EE featured card, "Besparen 40%!" badge,
   strikethrough old price, orange CTA with #FF7528 hover. */
.pricing-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-4);
  align-items: stretch;
}
@media (max-width: 1100px) { .pricing-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .pricing-grid { grid-template-columns: 1fr; } }

.plan {
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: var(--sp-5) var(--sp-4);
  transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.plan:hover { transform: translateY(-4px); box-shadow: var(--shadow-2); }
.plan--featured { background: var(--c-featured); border-color: var(--c-tint-2); }

.plan__badge {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  white-space: nowrap;
}

.plan__name {
  font-family: var(--font-heading); font-weight: 600; font-size: var(--fz-h4);
  text-align: center; color: var(--c-text);
}
.plan__type { text-align: center; font-size: var(--fz-sm); color: var(--c-text-3); margin-top: 2px; }

.plan__pricing { text-align: center; margin-block: var(--sp-3); }
.plan__old {
  display: block; font-size: var(--fz-body); color: var(--c-text-3);
  text-decoration: line-through; margin-bottom: 2px;
}
.plan__price {
  font-family: var(--font-heading); font-weight: 700; font-size: 2.9rem;
  color: var(--c-text); line-height: 1;
}
.plan__price .currency { font-size: 1.5rem; vertical-align: super; }
.plan__price .cents { font-size: 1.35rem; vertical-align: super; }

.plan__features { display: grid; gap: 10px; margin-block: var(--sp-2) var(--sp-4); flex: 1; }
.plan__features li { display: flex; gap: 9px; align-items: flex-start; font-size: var(--fz-sm); color: var(--c-text-2); }
.plan__features svg { width: 16px; height: 16px; flex: none; margin-top: 4px; color: var(--c-primary); }

.plan .btn { width: 100%; }

/* ---- Payment / trust strip under the pricing cards ---- */
.pay-strip {
  margin-top: var(--sp-5);
  display: flex; flex-direction: column; align-items: center; gap: var(--sp-3);
  text-align: center;
}
.pay-strip__text {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--font-heading); font-weight: 600; color: var(--c-text);
}
.pay-strip__text svg { width: 18px; height: 18px; color: var(--c-success); }
.pay-strip__logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.pay-strip__logos li {
  background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-sm);
  padding: 7px 10px; height: 44px; display: grid; place-items: center;
}
.pay-strip__logos img { height: 26px; width: auto; display: block; }