/* ----------------- Rapid badges ----------------- */
    .callBadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .badge{
      display:inline-flex;align-items:center;gap:6px;
      font-size:.85rem;padding:6px 10px;border-radius:999px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.03);
      color: var(--text);
      white-space: nowrap;
    }
    .badge strong{font-weight:900}
    .divider{height:1px;background: rgba(255,255,255,.08);margin: 18px 0;width:100%}

    /* ----------------- Rapid calls layout ----------------- */
    .ppWrap{display:flex;flex-direction:column;gap:14px;align-items:stretch}
    .ppNote{color:var(--muted);font-size:.95rem;line-height:1.55;margin:0}
    .ppRow{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}

    .ppCard{
      flex:1 1 260px;min-width:260px;
      padding:16px;border-radius:16px;
      border:1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.02);
      display:flex;flex-direction:column;gap:14px;
    }

    /* Top header meta aligned consistently */
    .ppTop{
      display:flex;
      flex-direction:column;
      align-items:flex-start; /* consistent left align like other cards */
      gap:4px;
      text-align:left;
    }
    .ppTitle{margin:0;font-weight:900;font-size:1.05rem}
    .ppMeta{margin:0;color:var(--muted);font-size:.95rem}

    /* Actions block centered and evenly spaced */
    .ppActions{
      display:flex;
      flex-direction:column;
      align-items:stretch;     /* allow full-width button */
      gap:14px;
      text-align:center;
      margin-top:0;
    }

    /* PayPal form behaves like a full-width CTA area */
    .ppForm{
      width:100%;
      display:grid;
      justify-items:stretch;   /* stretch button to full width */
      align-content:start;
      gap:10px;                /* more whitespace between elements */
    }

    /* Center the icons + Powered by PayPal under the full-width button */
    .ppIconRow{display:flex;justify-content:center}
    .ppPoweredRow{display:flex;justify-content:center}
    .ppPowered{
      font-size:0.75rem;
      display:flex;align-items:center;gap:6px;
      font-weight:850;
      color: var(--text);
    }
    .ppPowered img{ display:block; height:0.875rem; }
    html[data-theme="dark"] .ppPowered{ color:#ffffff; }
    html[data-theme="dark"] .ppPowered img{ filter: brightness(0) invert(1); }
    .ppCards{display:block;max-width:175px}

    /* Copy spacing */
    .ppFine{
      margin:0;
      color:var(--muted);
      font-size:.95rem;
      line-height:1.6;
      text-align:left;         /* more readable on desktop */
    }
    .ppFine .gapline{display:block;height:10px} /* creates the required line gap */

    /* Mobile: keep readable and centered, while button stays full width */
    @media (max-width: 640px){
      .ppCard{min-width:0}
      .ppTop{align-items:flex-start}
      .ppFine{text-align:left}
    }

    /* ----------------- PayPal button style -----------------
       Requirement: EXACTLY like Request buttons:
       - background: #CBA35C
       - text: white
       - full width like Request/Discuss
       - works same in light/dark
    */
    .ppBtnBase{
      width:100% !important;
      min-width:0 !important;
      text-align:center !important;
      border:none !important;
      border-radius:999px !important;
      padding:0 2rem !important;
      height:2.85rem !important;
      font-weight:800 !important;
      font-family:inherit !important;
      font-size:1rem !important;
      line-height:1.25rem !important;
      cursor:pointer !important;
      transition: transform .08s ease, filter .12s ease, opacity .12s ease;
      /* mimic inner pill border feel */
      box-shadow: inset 0 0 0 2px rgba(255,255,255,.55);
      background-color:#CBA35C !important;
      color:#FFFFFF !important;
    }
    .ppBtnBase:hover{filter:brightness(1.03);transform:translateY(-1px)}
    .ppBtnBase:active{transform:translateY(0);opacity:.96}

    /* ----------------- Payments section spacing fix ----------------- */
    .paymentsGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      margin-top:12px;
    }
    .paymentsItem{
      border:1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.02);
      border-radius: 16px;
      padding: 14px;
      color: var(--muted);
      line-height: 1.6;
    }
    .paymentsItem strong{color:var(--text)}
    @media (max-width: 820px){
      .paymentsGrid{grid-template-columns:1fr}
    }

    /* ----------------- CTA system correction -----------------
       "Request scope" should NOT share the Buy/Pay gold.
       We'll make it visually distinct (outline style) to avoid confusion.
    */
    .btn.scope{
      background: transparent !important;
      color: var(--text) !important;
      border: 1px solid rgba(255,255,255,.22) !important;
      box-shadow: none !important;
    }
    .btn.scope:hover{filter:brightness(1.02)}