/* SpamSlayer checkout — matches landing palette */
#payment-section {
  --ss-go: #3E8E7E;
  --ss-go-deep: #2E7566;
  --ss-go-soft: #E6F0EC;
  --ss-ink: #26302E;
  --ss-ink-2: #6A736F;
  --ss-ink-3: #9AA29E;
  --ss-hair: #E7E5DF;
  --ss-card: #FFFFFF;
  --ss-soft: #F4F3F0;
  padding: 0;
  display: block;
  max-width: 430px;
  margin: 26px auto 0;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  color: var(--ss-ink);
}
#payment-section .wp-wrap, #payment-section .wp-block { width: 100%; max-width: none; }
#payment-section .wp-block {
  background: var(--ss-card);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.08);
  position: relative;
}
#payment-section .wp-plans { display: none; }
#payment-section .ss-plan-card {
  background: var(--ss-go-soft);
  border: 1.5px solid rgba(62,142,126,.35);
  border-radius: 16px;
  padding: 18px 18px 16px;
  margin-bottom: 18px;
  text-align: center;
}
#payment-section .ss-plan-badge {
  display: inline-block;
  background: var(--ss-go);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 14px;
  border-radius: 9px;
  margin-bottom: 12px;
}
#payment-section .ss-plan-prices { display:flex; align-items:baseline; justify-content:center; gap:8px; flex-wrap:wrap; }
#payment-section .ss-plan-old { font-size:16px; color:var(--ss-ink-3); text-decoration:line-through; font-weight:600; }
#payment-section .ss-plan-now { font-family:"JetBrains Mono",monospace; font-size:38px; font-weight:700; color:var(--ss-go-deep); letter-spacing:-.03em; line-height:1; }
#payment-section .ss-plan-period { font-size:14px; color:var(--ss-ink-2); font-weight:600; }
#payment-section .ss-plan-note { margin-top:8px; font-size:13px; color:var(--ss-ink-2); }
#payment-section .wp-pad { padding: 22px 20px 20px; }
#payment-section .wp-flabel { font-size:13px; font-weight:700; color:var(--ss-ink); margin-bottom:8px; display:block; }
#payment-section .wp-field { background:var(--ss-soft); border:1.5px solid var(--ss-hair); border-radius:14px; padding:14px 16px; }
#payment-section .wp-field input { border:0; outline:0; background:transparent; font-family:inherit; font-size:16px; color:var(--ss-ink); width:100%; }
#payment-section .wp-fnote { font-size:12px; color:var(--ss-ink-3); margin:8px 0 16px; line-height:1.45; }
#payment-section .wp-box { background:var(--ss-soft); border:1px solid var(--ss-hair); border-radius:14px; overflow:hidden; margin-bottom:14px; }
#payment-section .payment-apple-pay { margin:14px 14px 0; background:#000; border-radius:12px; padding:4px; min-height:48px; }
#payment-section #payment-request-button { width:100%; min-height:48px; }
#payment-section .wp-div { display:flex; align-items:center; gap:10px; padding:12px 14px 6px; }
#payment-section .wp-div .wp-ln { flex:1; height:1px; background:var(--ss-hair); }
#payment-section .wp-div span { font-size:12px; color:var(--ss-ink-3); font-weight:600; }
#payment-section .wp-cards { padding:4px 14px 14px; display:flex; flex-direction:column; gap:10px; }
#payment-section .wp-cf, #payment-section .wp-cfg .wp-cf { background:#fff; border:1.5px solid var(--ss-hair); border-radius:12px; padding:14px; min-height:48px; display:flex; align-items:center; }
#payment-section .wp-cfg { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#payment-section .payment-stripe-field { width:100%; }
#payment-section #payment-error { background:#FDF0EE; border:1px solid #E8C4BE; color:#9B3D32 !important; border-radius:12px; padding:12px 14px; font-size:14px; font-weight:600; line-height:1.4; text-align:left; }
#payment-section #submit-payment { width:100%; border:0; border-radius:15px; padding:17px 20px; background:var(--ss-go); color:#fff; font-family:inherit; font-size:17px; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 10px 22px -10px rgba(14,158,110,.55); }
#payment-section #submit-payment:disabled { opacity:.65; cursor:not-allowed; }
#payment-section #submit-payment.wp-cta--card { background:var(--ss-go-deep); }
#payment-section .wp-safe { display:flex; align-items:center; justify-content:center; gap:8px; margin:14px 0 10px; font-size:13px; font-weight:700; color:var(--ss-ink-2); }
#payment-section .wp-legal { font-size:11px; color:var(--ss-ink-3); text-align:center; line-height:1.55; margin:0; }
#payment-section .wp-legal a { color:var(--ss-go-deep); }
#payment-section .ms-payment-overlay { position:absolute; inset:0; background:rgba(255,255,255,.92); display:none; align-items:center; justify-content:center; z-index:20; border-radius:20px; }
#payment-section .ms-payment-overlay.is-visible { display:flex !important; }
#payment-section .ms-payment-spinner { width:36px; height:36px; border:3px solid var(--ss-hair); border-top-color:var(--ss-go); border-radius:50%; margin:0 auto 14px; animation:ss-spin .7s linear infinite; }
@keyframes ss-spin { to { transform:rotate(360deg); } }
#payment-section .ms-payment-overlay__title { font-size:17px; font-weight:800; color:var(--ss-ink); }
#payment-section .ms-payment-overlay__sub { font-size:13px; color:var(--ss-ink-2); margin-top:6px; }