/* PIX appartient à la bannière : aucune position fixe dans la fenêtre. */
.pix-slot{position:relative;min-height:290px;margin-top:28px;max-width:100%;isolation:isolate}
.pix-welcome{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility 0s .3s}
.pix-welcome.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .4s,visibility 0s}
.pix-bubble{position:relative;min-width:0;padding:19px 36px 17px 18px;border:1px solid var(--brand-red-border);border-radius:17px;background:#fff;box-shadow:0 10px 32px rgba(30,30,30,.06);color:var(--ink)}
.pix-bubble:after{content:'';position:absolute;right:-6px;top:44px;width:10px;height:10px;background:#fff;border-top:1px solid var(--brand-red-border);border-right:1px solid var(--brand-red-border);transform:rotate(45deg)}
.pix-message{font-size:14px;line-height:1.55;font-weight:650;margin:0 0 12px;overflow-wrap:anywhere}
.pix-clock{font-size:12px;color:var(--sub);margin:0 0 8px;font-variant-numeric:tabular-nums}
.pix-close{position:absolute;right:1px;top:1px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--brand-red);font-size:24px;line-height:1;cursor:pointer}
.pix-close:hover{background:var(--brand-red-wash)}.pix-welcome :focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}
.pix-visual{pointer-events:none;align-self:center;position:relative}.pix-image{width:185px;height:185px;max-width:none;margin-left:-12px;object-fit:contain;transform-origin:58% 83%;filter:drop-shadow(0 9px 10px #00000012)}
.pix-welcome.is-visible .pix-visual{animation:pix-float 2.8s ease-in-out infinite}.pix-welcome.is-visible .pix-image{animation:pix-salute 1.15s ease-in-out .4s 1}
.pix-weather,.pix-city,.pix-notice,.pix-feedback{font-size:12px;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}.pix-weather{font-weight:600}.pix-notice{font-size:10px;color:var(--sub)}.pix-notice a{color:var(--brand-red)}
.pix-link{border:0;background:none;color:var(--brand-red);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:5px 0;cursor:pointer;text-align:left;min-height:32px}
.pix-form{display:grid;gap:8px;margin-top:10px}.pix-form[hidden],.pix-welcome [hidden]{display:none!important}.pix-form label{font-size:12px;font-weight:600}.pix-form input,.pix-form select{font:inherit;font-size:12px;min-width:0;width:100%;border:1px solid #c9cbd1;border-radius:6px;padding:9px;background:#fff;color:var(--ink)}
.pix-submit{font:inherit;font-size:12px;border:1px solid var(--brand-red);background:var(--brand-red);border-radius:6px;padding:9px;color:white;cursor:pointer}.pix-submit:disabled{opacity:.6;cursor:wait}.pix-actions{display:flex;flex-wrap:wrap;gap:6px 13px}.pix-feedback{color:var(--sub)}
@keyframes pix-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes pix-salute{0%,100%{transform:rotate(0)}28%{transform:rotate(-4deg)}65%{transform:rotate(2.5deg)}}
/* Sur ordinateur, une vraie colonne est réservée à PIX à droite de la photo. */
@media(min-width:1200px){.pix-welcome{grid-template-columns:1fr;text-align:center}.pix-bubble{padding:20px 35px 18px 20px}.pix-bubble:after{right:65px;top:auto;bottom:-6px;border-top:0;border-bottom:1px solid var(--brand-red-border);transform:rotate(45deg)}.pix-visual{justify-self:center;margin-top:16px}.pix-image{width:220px;height:220px;margin:0}.pix-actions{justify-content:center}.pix-link{text-align:center}.pix-form{text-align:left}}
@media(min-width:1200px) and (max-width:1899px){.hero.has-pix .hero-grid{width:min(1560px,calc(100% - 64px));grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:36px}.hero.has-pix .hero-visual{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center}.hero.has-pix .hero-image-frame{min-width:0}.hero.has-pix .visual-decoration{right:250px}.hero.has-pix h1{font-size:clamp(42px,3.85vw,61px)}.pix-slot{min-height:280px;margin:0}.pix-message{font-size:13px}}
@media(min-width:1900px){.hero.pix-interacting{padding-bottom:300px}.pix-slot{position:absolute;left:calc(100% + 45px);top:60px;width:300px;min-height:280px;margin:0}.pix-image{width:255px;height:255px}}
@media(max-width:790px){.pix-slot{max-width:550px;margin:26px auto 0;min-height:275px}.pix-welcome{grid-template-columns:minmax(0,1fr) 170px}.pix-image{width:195px;height:195px}}
@media(max-width:520px){.pix-slot{margin-top:20px;min-height:290px}.pix-welcome{grid-template-columns:minmax(0,1fr) 100px}.pix-image{width:125px;height:125px;margin-left:-10px}.pix-bubble{padding:16px 29px 15px 13px}.pix-message{font-size:12px}.pix-clock,.pix-city,.pix-weather{font-size:11px}.pix-close{width:31px;height:34px}.pix-form input,.pix-form select{font-size:16px}.pix-notice{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pix-welcome,.pix-welcome.is-visible{transition:none;transform:none}.pix-welcome .pix-visual,.pix-welcome .pix-image{animation:none!important;transform:none!important}}