/* Écran « pay » — Figma 976:5579 « Map 2 · Launch Buzz — Review & Pay » (390 × 844).
   Récapitulatif avant lancement ; la ligne « Extra creators · BB Coins » est retirée
   (aucun BB Coin sur un buzz carte) : la carte garde son ancrage bas et perd une ligne. */
.scr--pay .p-map{position:absolute;left:-207px;top:-18px;width:700px;height:879px}
.scr--pay .p-map img{width:100%;height:100%;object-fit:cover}
.scr--pay .p-scrim{position:absolute;left:0;top:0;width:390px;height:130px;background:linear-gradient(180deg,rgba(5,5,5,.92),rgba(5,5,5,0))}

.scr--pay .p-back{position:absolute;left:16px;top:55px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:rgba(5,5,5,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.scr--pay .p-back svg{width:7px;height:12px}
.scr--pay .p-title{position:absolute;left:0;top:65px;width:390px;margin:0;text-align:center;font-size:16px;line-height:19px;font-weight:700;letter-spacing:-.32px;color:#fff;white-space:nowrap}

.scr--pay .p-card{
  position:absolute;left:16px;top:503px;width:358px;height:309px;padding:16px;
  display:flex;flex-direction:column;gap:12px;
  border-radius:28px;background:rgba(11,11,13,.72);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden;
}

/* lignes du récapitulatif */
.scr--pay .p-rows{display:flex;flex-direction:column;gap:8px;flex:none}
.scr--pay .p-row{display:flex;align-items:center;height:19px;will-change:opacity,transform}
.scr--pay .p-k{font-size:14px;line-height:17px;font-weight:400;letter-spacing:-.28px;color:#8f949e;white-space:nowrap}
.scr--pay .p-v{margin-left:auto;font-size:16px;line-height:19px;font-weight:700;letter-spacing:-.32px;color:#fff;white-space:nowrap}

/* moyen de paiement */
.scr--pay .p-payrow{display:flex;align-items:center;gap:8px;padding:8px 0;flex:none;will-change:opacity,transform}
.scr--pay .p-payrow span{font-size:14px;line-height:17px;font-weight:400;letter-spacing:-.28px;color:#fff;white-space:nowrap}
.scr--pay .p-payrow .p-chg{margin-left:auto;color:#00d4fe}
.scr--pay .p-dots{font-weight:400;font-size:18px;line-height:17px;font-family:-apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:.5px;vertical-align:-1px}

/* envoi de la vidéo : anneau de progression */
.scr--pay .p-send{display:flex;align-items:center;gap:14px;width:358px;height:52px;flex:none;will-change:opacity,transform}
.scr--pay .p-ring{position:relative;width:52px;height:52px;flex:none}
.scr--pay .p-ring svg{position:absolute;left:0;top:0}
.scr--pay .p-stack{display:flex;flex-direction:column;gap:4px}
.scr--pay .p-l{position:relative;height:18px}
.scr--pay .p-l2{height:16px}
.scr--pay .p-l span{position:absolute;left:0;top:0;white-space:nowrap}
.scr--pay .p-t{font-size:15px;line-height:18px;font-weight:500;color:#fff}
.scr--pay .p-s{font-size:13px;line-height:16px;font-weight:400;color:#8f949e}
.scr--pay .p-ok{color:#00d4fe;opacity:0}
.scr--pay .p-tB{opacity:0}

/* CTA */
.scr--pay .p-cta{position:relative;flex:none;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;opacity:.5;will-change:transform,opacity}
.scr--pay .p-cta__glow{position:absolute;left:10px;right:10px;top:6px;bottom:6px;border-radius:28px;background:#fe14f3;filter:blur(14px);opacity:0}
.scr--pay .p-cta__fill{position:absolute;inset:0;border-radius:28px;background:#fe14f3}
.scr--pay .p-cta span{position:relative;font-size:16px;line-height:19px;font-weight:700;letter-spacing:-.32px;color:#fff;white-space:nowrap}