/* QTouch — correctifs responsive (téléphone / tablette) */
html,body{overflow-x:clip}
img,video,svg{max-width:100%}
/* simulateur établissement : la colonne droite ne déborde plus */
.e7{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.e7>*{min-width:0}
@media(max-width:860px){.e7{grid-template-columns:minmax(0,1fr)}}
.e7-st b{overflow-wrap:anywhere}
/* encadrés « Exemple » des licences : orange, plus de violet */
.lv-row .ex,.ex{border-left-color:#F26B1D!important;background:#FFF4EC!important}
.ex b{color:#C2501A!important}
/* visites guidées : cadre lisible sur téléphone */
@media(max-width:980px){
  .a7-in{padding:56px 18px!important;gap:22px!important}
  .a7-h{font-size:clamp(30px,8.4vw,44px)!important}
  .lt-scr .lp{padding:4cqw}
  .lt7 .a7-frame{order:-1}
}
@media(max-width:600px){
  .lt-scr{aspect-ratio:4/5!important}
  .lt-scr .lp{font-size:1.15em}
  .p0,.p1{grid-template-columns:1fr!important;gap:3cqw!important}
  .p0 .pv{display:none}
  .p1 .zl .z:nth-child(n+6){display:none}
  .p1 .tot{margin-bottom:2cqw}
  .p4 .ok{grid-template-columns:1fr!important}
  .p4 .pay{display:none}
  .lt-scr .lb{font-size:3cqw}.p0 .f b,.p1 .z b{font-size:3.6cqw}.p1 .z small{font-size:3cqw}
  .p0 .f>img,.p0 .f>i{width:8cqw;height:8cqw}
  .lt-scr .sw{width:9cqw;height:5cqw}.lt-scr .sw::after{width:4cqw;height:4cqw}.lt-scr .sw.on::after{transform:translateX(4cqw)}
  .p1 .tot b{font-size:10cqw}.p1 .tot small,.p1 .tot span{font-size:3cqw}.p1 .vt span{font-size:3cqw}
  .p2 label{font-size:3.8cqw}.p2 label b{font-size:4.6cqw}.p2 .bn span,.p2 .tg{font-size:3.4cqw}
  .p3 .r b{font-size:4cqw}.p3 .r small{font-size:3cqw}.p3 .act span,.p3 .st{font-size:3cqw}.p3 .r img{width:11cqw;height:11cqw}.p3 .note{font-size:3cqw}
  .p4 .ct b{font-size:4cqw}.p4 .ct small{font-size:3cqw}
}
/* QLED : configurateur sur téléphone */
@media(max-width:600px){
  .ql7-st{height:180px;padding:20px 48px 32px}
  .ql7-o .row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
  .ql7-o button{font-size:12px!important;padding:9px 4px!important}
}
/* QWiFi : texte au-dessus, scène dessous */
@media(max-width:860px){.qw7 .scn{border-radius:18px}.qw7-t h3{font-size:28px}.qw7-t p{font-size:15px}}

/* accueil · récit « 2 · Depuis votre tableau de bord » : visuel remonté sous le texte */
@media(max-width:600px){
  .tw-cv{top:230px!important;bottom:40px!important}
  /* canaux : liste en 2 colonnes, une ligne par canal */
  .tw-chn{left:0!important;width:1000px!important;gap:16px 20px!important;align-content:flex-start!important;justify-content:center!important;transform:none!important;padding-top:6px;box-sizing:border-box}
  .tw-chn .tw-c{width:440px!important;height:124px!important;display:grid!important;grid-template-columns:116px 1fr;grid-template-rows:auto auto;column-gap:22px;align-content:center;padding:4px 18px 4px 4px!important;box-sizing:border-box}
  .tw-chn .tw-c .vz{grid-row:1/3;height:116px!important;width:116px}
  .tw-chn .tw-c .mph{transform:scale(.68)}
  .tw-chn .tw-c b{margin:0!important;align-self:end;font-size:40px!important}
  .tw-chn .tw-c small{align-self:start;font-size:27px!important;line-height:1.2!important;margin-top:6px!important}
}
/* accueil · « Marques, laissez-nous… » : Q plus haut, textes qui ne se chevauchent plus */
.qz-b .ft{display:none!important}
@media(max-width:600px){
  .qz-q{top:41%!important;width:60vw!important}
  .qz-b h2{top:9vh!important;font-size:40px!important}
  .qz-b em{font-size:16px!important;margin-right:6vw!important}
  .qz-b .r{right:20px!important;left:20px!important;top:auto!important;bottom:calc(4vh + 300px)!important;font-size:13px!important;line-height:1.4}
  .qz-c{gap:9px!important;bottom:3vh!important;left:20px!important}
  .qz-c b{font-size:14px!important}.qz-c small{font-size:12px!important}
}
/* tuile QScreens : on voit le haut de la grande TV */
.p6-tile[data-k="qtv"] .pv.ph img{object-position:50% 64%!important;-webkit-mask-image:linear-gradient(transparent,#000 5%)!important;mask-image:linear-gradient(transparent,#000 5%)!important}
/* petites pastilles-titres (« • Livraison & installation », « • Tarifs »…) : supprimées partout */
.h6-k{display:none!important}
/* accueil téléphone : pas de téléphone/vidéo dans le haut de page, texte éloigné du Q */
@media(max-width:600px){
  .h7-ph,.h7-live{display:none!important}
  .qz-q{top:37%!important;width:54vw!important}
  .qz-b .r{bottom:calc(3vh + 250px)!important}
}
/* « Finally / QTouch removes both layers » : chiffres centrés sous l'animation, sans la toucher */
@media(max-width:900px){.ml-cv .ml-st{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:100%;justify-content:center}}
/* « Votre pub est en ligne » (téléphone) : le téléphone validé reste visible sous l'écran */
@media(max-width:600px){.tw7.s-ok .tw-ph{transform:translateY(440px) scale(1.05)!important}}
/* canaux en défilé (téléphone) */
@media(max-width:600px){
  .tw-chn.mq{left:0!important;width:max-content!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-content:center!important;gap:28px!important;padding:0!important;animation:twMq 30s linear infinite}
  .tw-chn.mq .tw-c{flex:none;width:640px!important;height:600px!important;display:flex!important;flex-direction:column;padding:22px!important;border-radius:36px!important;box-sizing:border-box}
  .tw-chn.mq .tw-c .vz{width:100%!important;height:420px!important;border-radius:28px!important}
  .tw-chn.mq .tw-c .mph{transform:scale(2)!important}
  .tw-chn.mq .tw-c b{margin-top:24px!important;font-size:46px!important;align-self:auto}
  .tw-chn.mq .tw-c small{font-size:30px!important;margin-top:8px!important;align-self:auto}
}
@media(max-width:600px){.tw-chn.mq .tw-c .pr{height:360px!important;max-height:none!important;max-width:80%!important;width:auto!important;object-fit:contain;transform:none!important}.tw-chn.mq .tw-c .vz{place-items:center!important}}
@keyframes twMq{from{translate:60px 0}to{translate:calc(var(--mq,-4676px) + 60px) 0}}