/* Écran « post » — Figma 1:10427 « Flow 14 · post-to-story-approved ». Coordonnées Figma (390 × 844). */
.scr.scr--post{background:#050505}
.scr--post p{margin:0}
.scr--post .pt-in{will-change:transform,opacity}

/* en-tête : titre seul (le bouton retour est à opacité 0 dans la maquette, il n'existe pas) */
.scr--post .pt-head{position:absolute;left:95px;top:51px;width:200px;font-size:21px;font-weight:800;line-height:25px;letter-spacing:-.6176px;text-align:center;color:#fff;white-space:nowrap}

/* stepper 3 points, étape 2 active */
.scr--post .pt-step{position:absolute;left:0;top:85px;width:390px;height:5px}
.scr--post .pt-step i{position:absolute;top:0;height:5px;border-radius:2.5px}
.scr--post .pt-dot{width:5px}
.scr--post .pt-dot--done{left:175px;background:#008099}
.scr--post .pt-dot--next{left:210px;background:rgba(255,255,255,.22)}
.scr--post .pt-pill{left:186px;width:18px;background:#00d4fe;transform-origin:50% 50%}

/* marque */
.scr--post .pt-brand{position:absolute;left:95px;top:110px;height:52px;display:flex;align-items:center;gap:12px}
.scr--post .pt-logo{flex:none;width:52px;height:52px;border-radius:15px;object-fit:cover}
.scr--post .pt-name{font-size:17px;font-weight:700;line-height:22px;color:#fff;white-space:nowrap}
.scr--post .pt-deal{margin-top:2px;font-size:13px;font-weight:400;line-height:17px;color:#8f949e;white-space:nowrap}

/* message et compte à rebours */
.scr--post .pt-h1,.scr--post .pt-sub,.scr--post .pt-time,.scr--post .pt-lbl{position:absolute;left:0;width:390px;text-align:center;white-space:nowrap}
.scr--post .pt-h1{top:198px;font-size:30px;font-weight:700;line-height:39px;color:#fff}
.scr--post .pt-sub{top:243px;font-size:15px;font-weight:400;line-height:20px;color:#8f949e}
.scr--post .pt-time{top:269px;font-size:34px;font-weight:700;line-height:44px;color:#fe14f3;font-variant-numeric:tabular-nums}
.scr--post .pt-lbl{top:341px;font-size:11px;font-weight:700;line-height:14px;letter-spacing:.88px;color:#8f949e}

/* lien de la story */
.scr--post .pt-row{position:absolute;left:16px;top:375px;width:358px;height:72px;border-radius:12px;
  background:rgba(143,148,158,.08);border:1px solid rgba(143,148,158,.18)}
.scr--post .pt-link{position:absolute;left:15px;top:17px}
.scr--post .pt-dom{font-size:14px;font-weight:700;line-height:18px;color:#fff;white-space:nowrap}
.scr--post .pt-visit{margin-top:2px;font-size:12px;font-weight:400;line-height:16px;color:#00d4fe;white-space:nowrap}
.scr--post .pt-copy{position:absolute;left:210px;top:11px;width:135px;height:48px;border-radius:50px;background:#fff;opacity:.5;will-change:transform,opacity}
.scr--post .pt-copy span{position:absolute;left:0;top:0;width:135px;height:48px;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:700;line-height:21px;letter-spacing:-.32px;color:#000;white-space:nowrap}
.scr--post .pt-copy__b{opacity:0}

/* bouton principal */
.scr--post .pt-cta{position:absolute;left:24px;top:467px;width:342px;height:56px;border-radius:28px;background:#fe14f3;
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:21px;color:#fff;white-space:nowrap}
.scr--post .pt-cta span{position:relative}
.scr--post .pt-glow{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 24px 4px rgba(254,20,243,.6),0 0 54px 10px rgba(254,20,243,.24);opacity:0;pointer-events:none}