/* Écran « offer » — Figma 653:3563 « Map 2 · Launch Buzz — Offer » (390 × 844).
   Feuille du wizard posée sur la carte : import de la vidéo de la marque + lien + offre. */
.scr--offer .w-map{position:absolute;left:-207px;top:-18px;width:700px;height:879px}
.scr--offer .w-map img{width:100%;height:100%;object-fit:cover}
.scr--offer .w-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--offer .w-card{
  position:absolute;left:16px;top:336px;width:358px;height:476px;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;
}
.scr--offer .w-lbl{margin:0;flex:none;font-size:14px;line-height:17px;font-weight:400;letter-spacing:-.28px;color:#8f949e;white-space:nowrap}

/* tuile « Tap to import » → aperçu de la vidéo importée */
.scr--offer .w-tile{position:relative;flex:none;height:124px;border-radius:16px;overflow:hidden;will-change:transform}
.scr--offer .w-tile__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.scr--offer .w-tile__empty svg{width:16px;height:16px}
.scr--offer .w-tile__empty span{font-size:14px;line-height:17px;letter-spacing:-.28px;color:#fff;white-space:nowrap}
.scr--offer .w-tile__media{position:absolute;inset:0;opacity:0;will-change:opacity,transform}
/* aperçu de la vidéo importée : le clip vertical entier, sur un fond flouté de son image */
.scr--offer .w-tile__blur{position:absolute;left:-24px;top:-24px;width:374px;height:172px;object-fit:cover;filter:blur(16px) brightness(.5) saturate(1.2)}
.scr--offer .w-tile__clip{position:absolute;left:132px;top:8px;width:61px;height:108px;border-radius:10px;overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12)}
.scr--offer .w-tile__clip video{width:100%;height:100%;object-fit:cover}
.scr--offer .w-tile__edge{position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(143,148,158,.18);pointer-events:none}

/* champs */
.scr--offer .w-box{position:relative;flex:none;height:46px;border-radius:14px;display:flex;align-items:center;
  background:rgba(143,148,158,.06);box-shadow:inset 0 0 0 1px rgba(143,148,158,.18)}
.scr--offer .w-dest{display:flex;gap:8px;flex:none}
.scr--offer .w-type{padding:0 12px;gap:6px}
.scr--offer .w-type .w-ico{width:16px;height:16px}
.scr--offer .w-chev{width:8px;height:5px;flex:none}
.scr--offer .w-type .w-chev{margin-top:2px}
.scr--offer .w-field{flex:1 1 0;min-width:0;padding:0 14px}
.scr--offer .w-t16{font-size:16px;line-height:19px;font-weight:700;letter-spacing:-.32px;white-space:nowrap}
.scr--offer .w-field .w-ph{position:absolute;left:14px;top:13.5px;color:#8f949e}
.scr--offer .w-field .w-val{color:#fff}
.scr--offer .w-caret{display:block;flex:none;width:2px;height:21px;margin-left:1px;border-radius:1px;background:#fff;opacity:0}
.scr--offer .w-ring{position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);opacity:0;pointer-events:none}

/* chips d'offre */
.scr--offer .w-chips{display:flex;gap:8px;flex:none}
.scr--offer .w-chip{position:relative;flex:1 1 0;min-width:0;height:37px;border-radius:20px;overflow:hidden;will-change:transform}
.scr--offer .w-chip__l{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:14px;line-height:17px;font-weight:800;letter-spacing:-.28px;white-space:nowrap;
  background:rgba(143,148,158,.06);color:#fff}
.scr--offer .w-chip__l i{font-style:normal;font-size:12px;line-height:15px;letter-spacing:0}
.scr--offer .w-chip__l--on{background:#00d4fe;color:#050505;opacity:0}

/* menu « Choose an offer » */
.scr--offer .w-menu{padding:0 14px;will-change:transform}
.scr--offer .w-menu__txt{position:relative;flex:1 1 0;height:19px}
.scr--offer .w-menu__txt span{position:absolute;left:0;top:0}
.scr--offer .w-menu .w-ph{color:#8f949e}
.scr--offer .w-menu .w-val{color:#fff;opacity:0}
.scr--offer .w-menu .w-chev{width:9px;height:6px}

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