.xp{position:absolute;left:3.17%;top:1.575%;width:85.33%;height:92.95%;border-radius:8.4cqw;overflow:hidden;
  background:linear-gradient(180deg,#F1FBF7 0%,#E3F7EF 40%,#C9D3FA 85%,#AFC0F7 100%);}
#xp .xp-in{position:absolute;left:0;top:0;width:398px;height:872px;transform-origin:0 0;font-family:'Nunito Sans',sans-serif;color:#2D3C3F;}
.ic{width:1em;height:1em;fill:currentColor;display:inline-block;flex:none;}
#xp .xv{position:absolute;inset:0;}
#xp .xs{position:absolute;left:14px;right:14px;top:22px;height:42px;display:flex;gap:10px;align-items:center;}
#xp .xs-b{width:38px;height:38px;border-radius:50%;background:#F4DDEA;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#8A7F86;line-height:.9;}
#xp .xs-f{flex:1;height:40px;border-radius:12px;background:#E6E8EC;display:flex;align-items:center;padding-left:16px;font-size:15px;font-style:italic;color:#A7AEB3;}
#xp .xs-line{position:absolute;left:0;right:0;top:74px;height:2px;background:linear-gradient(90deg,#FDF804,#FDF80466);}
#xp .xl{position:absolute;left:12px;right:12px;top:84px;bottom:70px;overflow:hidden;}
#xp .xl-in{display:flex;flex-direction:column;gap:12px;}
#xp .xc{position:relative;height:104px;border-radius:20px;padding:10px;display:flex;gap:14px;align-items:center;
  background:linear-gradient(135deg,#FFFFFF 0%,#E8FAF2 55%,#CFF3E3 100%);box-shadow:0 6px 16px -10px rgba(45,60,63,.35);}
#xp .xc.event{background:linear-gradient(135deg,#F4F6FF 0%,#D9E4FC 55%,#B7C9F8 100%);}
#xp .xc img{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:none;}
#xp .xc-t{display:flex;flex-direction:column;gap:6px;font-size:13px;}
#xp .xc-n{display:flex;gap:8px;align-items:center;font-size:15px;}
#xp .xc-n b{font-weight:800;}
#xp .xc-m,#xp .xc-s{display:flex;gap:8px;align-items:center;color:#4a5a5e;}
#xp .xc-f{position:absolute;right:14px;bottom:10px;font-size:14px;letter-spacing:2px;}
#xp .xfab{position:absolute;right:16px;bottom:86px;width:62px;height:62px;border-radius:50%;background:#FDF804;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 10px 24px -10px rgba(45,60,63,.5);}
#xp .xnav{position:absolute;left:10px;right:10px;bottom:12px;height:40px;display:flex;gap:10px;}
#xp .xnav span{flex:1;border-radius:10px;background:#EEF0F4;display:flex;align-items:center;justify-content:center;font-size:18px;}
#xp .xnav span.on{background:#FDF804;}
#xp .xveil{position:absolute;inset:0;background:rgba(240,244,246,.55);backdrop-filter:blur(3px);opacity:0;}
#xp .xd{position:absolute;left:18px;right:18px;top:92px;border-radius:26px;overflow:hidden;opacity:0;
  background:linear-gradient(180deg,#FFFFFF 0%,#F1FBF6 60%,#DDF6EA 100%);box-shadow:0 30px 60px -24px rgba(45,60,63,.55);}
#xp .xd-img{height:300px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 82%,0 100%);}
#xp .xd-img img{width:100%;height:100%;object-fit:cover;}
#xp .xd-b{padding:6px 20px 20px;position:relative;}
#xp .xd-n{display:flex;gap:10px;align-items:center;font-size:24px;}
#xp .xd-n b{font-weight:900;}
#xp .xd-i{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700;margin-top:12px;color:#4a5a5e;}
#xp .xd-a{display:flex;gap:10px;align-items:center;margin-top:10px;background:#fff;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:700;}
#xp .xd-a img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
#xp .xd-a span{flex:1;}
#xp .xd-a .ic{font-size:16px;}
#xp .xd-btn{margin-top:16px;height:48px;border-radius:14px;background:#FDF804;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}
#xp .xd-wait{position:absolute;left:20px;right:20px;bottom:20px;height:48px;border-radius:14px;background:#F6E1EE;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-style:italic;color:#5c4b55;opacity:0;}
#xp .xtap{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(255,0,157,.55),0 8px 20px -6px rgba(45,60,63,.4);opacity:0;}
#xp .xh{position:absolute;left:14px;right:14px;top:20px;height:40px;display:flex;align-items:center;gap:14px;font-size:18px;}
#xp .xh b{flex:1;text-align:center;font-size:16px;font-weight:800;}
#xp .xh-r{display:flex;gap:16px;}
#xp .xh-line{position:absolute;left:0;right:0;top:66px;height:3px;background:linear-gradient(90deg,#FF009D 0%,#FF009D 55%,#FDF804 55%);}
#xp .xinfo{position:absolute;left:16px;top:80px;font-size:16px;color:#6b7a7e;}
#xp .xsys{position:absolute;left:46px;right:46px;top:96px;background:#7DF27B;border-radius:6px;padding:12px;text-align:center;opacity:0;}
#xp .xsys-c{display:flex;gap:10px;align-items:center;background:#F3F5F6;border-radius:6px;padding:8px 10px;font-size:13px;font-style:italic;color:#6b7a7e;}
#xp .xsys-c img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
#xp .xsys p{margin:10px 0 2px;font-size:13px;line-height:1.45;color:#1f4d2a;}
#xp .xbar{display:block;height:3px;border-radius:3px;background:#FF009D;margin-top:6px;transform-origin:left;}
#xp .xsys .xbar{position:absolute;left:30%;right:30%;bottom:-8px;}
#xp .xpill{position:absolute;left:22px;right:22px;top:262px;height:28px;border-radius:14px;background:rgba(230,232,236,.85);display:flex;align-items:center;justify-content:center;font-size:13px;font-style:italic;color:#6b7a7e;opacity:0;}
#xp .xmsg{position:absolute;left:14px;top:310px;display:flex;gap:10px;align-items:flex-start;opacity:0;}
#xp .xmsg img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
#xp .xmn{font-size:13px;font-weight:800;font-style:italic;}
#xp .xwave{font-size:58px;line-height:1.1;transform-origin:70% 90%;}
#xp .xmsg.me{left:auto;right:14px;top:440px;}
#xp .xbub{max-width:250px;background:#A5CAEF;border-radius:16px 16px 4px 16px;padding:12px 14px;font-size:14px;font-weight:600;}
#xp .xmsg.me .xbar{margin-left:auto;width:70%;}
#xp .xin{position:absolute;left:12px;right:12px;bottom:18px;height:46px;display:flex;align-items:center;gap:10px;}
#xp .xin-l,#xp .xin-s{font-size:17px;color:#6b7a7e;}
#xp .xin-f{flex:1;height:44px;border-radius:12px;background:#F1F2F5;display:flex;align-items:center;padding:0 14px;font-size:14px;}
#xp .xin-f em{color:#A7AEB3;}
#phone .uv-chip{display:none !important;}
.fchip{position:absolute;left:0;top:0;width:84px;height:84px;margin:-42px 0 0 -42px;opacity:0;z-index:5;}
.fchip img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 5px #fff,0 14px 26px -10px rgba(45,60,63,.55);}
.fchip span{position:absolute;left:50%;top:100%;margin-top:12px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:7px 14px;font-weight:800;font-size:17px;box-shadow:0 8px 18px -10px rgba(45,60,63,.5);}
.fchip span i{width:12px;height:12px;border-radius:50%;display:block;}
#dchat{justify-content:flex-end;}
#dchat .dm{opacity:0;display:none;}
#dchat .lc-bubble{animation:none !important;}
#dchat .lc-timer>span{animation:none !important;}
.dtyp{display:flex;gap:1.4cqw;padding:3cqw 3.4cqw !important;}
.dtyp i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#8b95a5;display:block;}
.dinput{position:absolute;left:10.67%;width:70.8%;top:84.74%;height:6.13%;border-radius:2cqw;background:#E6EAF2;display:flex;align-items:center;padding:0 3.2cqw;
  font-family:Inter,system-ui,sans-serif;font-size:3.5cqw;color:#2D3C3F;white-space:nowrap;overflow:hidden;justify-content:flex-start;}
.dinput em{font-style:normal;color:#2D3C3F;opacity:.85;}
.dinput .caret{display:inline-block;width:.35cqw;height:4.2cqw;background:#FF009D;margin-left:.3cqw;vertical-align:middle;}

#wv{background:transparent;pointer-events:none;}
#wv .xp-in{position:absolute;left:0;top:0;width:398px;height:872px;transform-origin:0 0;font-family:'Nunito Sans',sans-serif;color:#2D3C3F;}
#wv .xtap{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(255,0,157,.55),0 8px 20px -6px rgba(45,60,63,.4);opacity:0;}
#wv .wscr{position:absolute;left:0;right:0;top:0;height:801px;overflow:hidden;opacity:0;background:#DDF6EA;}
#wv .wscr-in{position:absolute;left:0;top:0;width:398px;}
#wv .wtop{display:block;width:398px;}
#wv .wg9{gap:2px;} #wv .wg9 img{border-radius:0;}
#wv .wpub-h{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:16px;} #wv .wpub-h b{flex:1;font-weight:900;}
#wv .wpub-h span{font-size:13px;font-weight:800;color:#FF009D;background:#FFE3F3;border-radius:999px;padding:4px 10px;}
#wv .wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
#wv .wgrid img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:10px;display:block;}
#wv .walb{position:absolute;inset:0;background:linear-gradient(180deg,#FFFFFF 0%,#F1FBF6 60%,#DDF6EA 100%);opacity:0;}
#wv .walb-img{height:380px;overflow:hidden;margin-top:40px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);}
#wv .walb-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);}
#wv .wstory{position:absolute;left:14px;right:14px;top:14px;display:flex;gap:6px;align-items:center;z-index:2;}
#wv .wstory .wx{font-size:26px;line-height:1;color:#FF009D;font-weight:700;margin-right:6px;}
#wv .wstory i{flex:1;height:4px;border-radius:999px;background:#FDF804;display:block;}
#wv .wstory i.on{background:#FF009D;}
#wv .walb-back{position:absolute;left:16px;top:18px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:16px;}
#wv .walb-b{padding:4px 18px;}
#wv .walb-n{display:flex;gap:10px;align-items:center;font-size:26px;} #wv .walb-n b{font-weight:900;} #wv .walb-n .ic{font-size:20px;color:#FB9A3A;}
#wv .walb-m{display:flex;gap:10px;align-items:center;margin:12px 0 16px;font-size:14px;font-weight:700;color:#4a5a5e;}
#wv .walb-m img{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #FB9A3A;}
.wcall{position:absolute;left:0;top:0;display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:22px;padding:16px 20px;width:282px;box-sizing:border-box;
  font-size:21px;line-height:1.3;font-weight:700;color:#2D3C3F;box-shadow:0 18px 36px -16px rgba(45,60,63,.5);opacity:0;z-index:6;}
.wcall i{display:none;}
.wcall b{font-weight:900;}
#phone .ct-cap{display:none !important;}

/* ---- site : maquettes animées identiques à la vidéo ---- */
#phone{position:relative;width:100%;}
#phone .phone-shadow{display:none;}
.fchip{z-index:7;pointer-events:none;}
.wcall{pointer-events:none;width:250px;font-size:17px;padding:13px 16px;}
@media (max-width:767px){ .wcall{width:72%;font-size:14px;} .fchip span{font-size:13px;} }