/* QTouch — QWiFi : simulation box → QWiFi → Wi-Fi personnalisable (JS : lib/site/qw7.js) */
.qw7{position:relative;height:520vh;background:#F7F3EC;font-family:'Figtree',sans-serif;color:#15130F}
.qw7-pin{position:sticky;top:0;height:100vh;max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;box-sizing:border-box}
.qw7-t{position:relative;min-height:300px}
.qw7-t .k{display:inline-block;padding:7px 13px;border-radius:99px;background:#FFE3CC;color:#C2501A;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.qw7-t .c{position:absolute;left:0;right:0;top:50px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1)}
.qw7-t .c.on{opacity:1;transform:none}
.qw7-t h3{margin:0;font:700 clamp(30px,3.6vw,50px)/1.04 'Figtree',sans-serif;letter-spacing:-.04em;text-wrap:balance}
.qw7-t p{margin:16px 0 0;font-size:17px;line-height:1.55;color:#6B6358;max-width:420px}
.qw7-t .dots{position:absolute;left:0;bottom:-10px;display:flex;gap:7px}.qw7-t .dots i{width:8px;height:8px;border-radius:9px;background:#E4DCCF;transition:.3s}.qw7-t .dots i.on{width:26px;background:#F26B1D}
.qw7-st{position:relative;container-type:inline-size}
.qw7 .scn{position:relative;aspect-ratio:4/3;border-radius:26px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(21,19,15,.5)}
.qw7 .scn .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.qw7 .scn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,15,.05),rgba(21,19,15,.35))}
.qw7 .shelf{position:absolute;left:6%;width:52%;top:63%;height:3.2%;border-radius:.6cqw;background:linear-gradient(#B07A4E,#7A4E2C);box-shadow:0 1.4cqw 2cqw rgba(0,0,0,.35);z-index:1}
.qw7 .box{position:absolute;left:10%;bottom:37%;width:19%;aspect-ratio:1.6;border-radius:1.4cqw;background:linear-gradient(160deg,#2A2724,#15130F);box-shadow:0 1cqw 2cqw rgba(0,0,0,.4);z-index:2;display:flex;gap:1.2cqw;align-items:flex-end;justify-content:center;padding-bottom:1.6cqw;box-sizing:border-box}
.qw7 .box i{width:1cqw;height:1cqw;border-radius:50%;background:#22C55E;box-shadow:0 0 1cqw #22C55E;animation:qwBl 1.6s infinite}.qw7 .box i:nth-child(2){animation-delay:.4s}.qw7 .box i:nth-child(3){animation-delay:.8s}
.qw7 .box span{position:absolute;left:50%;top:-4.4cqw;translate:-50% 0;padding:.7cqw 1.4cqw;border-radius:99px;background:#fff;font-size:1.6cqw;font-weight:800;white-space:nowrap}
@keyframes qwBl{50%{opacity:.25}}
.qw7 .cab{position:absolute;left:28%;bottom:36%;width:22%;height:8%;z-index:2;overflow:visible}
.qw7 .cab path{fill:none;stroke:#EDE7DE;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s .5s}
.qw7.s1 .cab path{stroke-dashoffset:0}
.qw7 .qw{position:absolute;left:44%;bottom:36%;width:17%;z-index:3;opacity:0;transform:translateY(-60%) scale(1.3);transition:opacity .5s,transform .9s cubic-bezier(.22,1,.36,1)}
.qw7.s1 .qw{opacity:1;transform:none}
.qw7 .qw img{width:100%;display:block;filter:drop-shadow(0 1.4cqw 1.6cqw rgba(0,0,0,.35))}
.qw7 .qw .led{position:absolute;left:44%;top:74%;width:12%;height:2.4%;border-radius:9px;background:#9A9083;transition:.4s}
.qw7.s2 .qw .led{background:#FF8A3C;box-shadow:0 0 1.4cqw #F26B1D,0 0 3cqw #F26B1D}
.qw7 .wv{position:absolute;left:52.5%;bottom:52%;z-index:3;opacity:0;transition:opacity .5s}.qw7.s2 .wv{opacity:1}
.qw7 .wv i{position:absolute;left:0;bottom:0;width:4cqw;height:4cqw;translate:-50% 50%;border-radius:50%;border:.5cqw solid #F26B1D;border-color:#F26B1D transparent transparent transparent;animation:qwWv 1.8s ease-out infinite}
.qw7 .wv i:nth-child(2){animation-delay:.6s}.qw7 .wv i:nth-child(3){animation-delay:1.2s}
@keyframes qwWv{from{transform:scale(.4);opacity:1}to{transform:scale(4);opacity:0}}
/* téléphone */
.qw7 .ph{position:absolute;right:-3%;top:8%;width:30%;aspect-ratio:9/18.5;border-radius:4cqw;background:#15130F;padding:1cqw;box-shadow:0 3cqw 6cqw rgba(21,19,15,.45);z-index:4}
.qw7 .ns{position:relative;height:100%;border-radius:3.2cqw;overflow:hidden;background:#F7F3EC}
.qw7 .ns>small{position:absolute;left:0;right:0;top:3cqw;text-align:center;font-size:1.8cqw;font-weight:800;color:#9A9083;z-index:1}
.qw7 .v{position:absolute;inset:0;padding:8cqw 2.4cqw 3cqw;display:grid;align-content:start;gap:1.6cqw;opacity:0;transform:translateY(3%);transition:opacity .45s,transform .5s;box-sizing:border-box}
.qw7.s0 .v0{opacity:1;transform:none}.qw7.s2 .v0{opacity:0}
.qw7.s2 .v2{opacity:1;transform:none}.qw7.s3 .v2{opacity:0}
.qw7.s3 .v3{opacity:1;transform:none}.qw7.s4 .v3{opacity:0}
.qw7.s4 .v4{opacity:1;transform:none}
.qw7 .v0{grid-template-columns:1fr auto;align-items:center;margin:0 .6cqw;padding:2.2cqw;top:8cqw;bottom:auto;border-radius:2cqw;background:#fff}
.qw7 .v0 b{font-size:2cqw}.qw7 .v0 span{font-size:1.8cqw}.qw7 .v0 em{grid-column:1/-1;font-style:normal;font-size:1.7cqw;color:#DC2626;font-weight:700}
.qw7 .pg{display:grid;justify-items:center;gap:1.4cqw;margin-top:6cqw;text-align:center}
.qw7 .pg img{width:9cqw;filter:none}
.qw7 .pg b{font-size:2.8cqw;letter-spacing:-.02em}.qw7 .pg small{font-size:1.8cqw;color:#6B6358}
.qw7 .v button{border:0;border-radius:99px;padding:1.8cqw 2.4cqw;background:#F26B1D;color:#fff;font:800 1.9cqw/1 'Figtree',sans-serif;margin-top:1cqw}
.qw7 .v3{text-align:center;justify-items:center}
.qw7 .v3 .ad{position:relative;width:100%;aspect-ratio:1;border-radius:2.4cqw;overflow:hidden}.qw7 .v3 .ad img{width:100%;height:100%;object-fit:cover}
.qw7 .v3 .ad span{position:absolute;left:1.4cqw;top:1.4cqw;padding:.6cqw 1.2cqw;border-radius:99px;background:rgba(21,19,15,.75);color:#fff;font-size:1.5cqw;font-weight:700}
.qw7 .v3 b{font-size:2.6cqw}.qw7 .v3 small{font-size:1.7cqw;color:#6B6358}
.qw7 .v3 button{background:#16A34A}
.qw7 .gain{padding:1.2cqw 2cqw;border-radius:99px;background:#FFE3CC;color:#C2501A;font-size:1.8cqw;font-weight:800;animation:qwG 1.6s ease-in-out infinite}
@keyframes qwG{50%{transform:translateY(-.6cqw)}}
.qw7 .set h6{margin:0 0 1cqw;font-size:2.6cqw}
.qw7 .set label{display:flex;justify-content:space-between;align-items:center;gap:1cqw;padding:1.6cqw 1.8cqw;margin-bottom:1cqw;border-radius:1.8cqw;background:#fff;font-size:1.7cqw;font-weight:700}
.qw7 .set i{font-style:normal;color:#C2501A;font-size:1.6cqw;text-align:right}
.qw7 .set u{flex:none;width:5cqw;height:2.8cqw;border-radius:9cqw;background:#F26B1D;position:relative}.qw7 .set u::after{content:"";position:absolute;right:.35cqw;top:.35cqw;width:2.1cqw;height:2.1cqw;border-radius:50%;background:#fff}
@media(max-width:860px){.qw7{height:auto}.qw7-pin{position:relative;height:auto;grid-template-columns:1fr;padding:60px 20px;gap:28px}
  .qw7-t{min-height:220px;order:2}.qw7-st{order:1}.qw7 .ph{right:2%;width:34%}}