/* Bannière d'offre temporaire (insérée par amb/offre.js, absente du HTML) */
.ob{position:relative;z-index:21;overflow:hidden}
.ob .wrap{padding-top:10px;padding-bottom:4px}
.ob-pill{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;min-height:66px;padding:9px 9px 9px 12px;border-radius:999px;background:var(--ink);color:#fff;font:400 .92rem/1.45 var(--fb);box-shadow:0 0 0 2px color-mix(in oklch,var(--acc) 55%,transparent),0 18px 34px -20px color-mix(in oklch,var(--acc) 70%,rgba(23,23,26,.8))}
.ob-txt{flex:1 1 360px;min-width:0;color:rgba(255,255,255,.9);text-wrap:pretty}
.ob-txt b{display:inline-block;white-space:nowrap;margin-right:6px;padding:3px 12px;border-radius:999px;background:var(--acc);font-weight:700;color:#fff}
.ob-until{color:var(--acc-2);font-weight:600;white-space:nowrap}
.ob-act{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;min-width:0}
.ob-code{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);font-size:.78rem;color:rgba(255,255,255,.78);max-width:100%}
.ob-code b{font-weight:700;font-size:.86rem;letter-spacing:.06em;color:#fff;white-space:nowrap}
.ob-copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:.84rem;white-space:nowrap;transition:background .2s,transform var(--sp-ui-d) var(--sp-ui)}
.ob-copy:hover{background:var(--lav)}
.ob-copy:active{transform:scale(.95)}
.ob-copy svg{width:16px;height:16px;flex:none;overflow:visible}
.ob-copy .fr{transform-box:fill-box}
.ob.ob-live .ob-copy .fr{animation:obNudge 3.6s ease-in-out 1s infinite}
@keyframes obNudge{0%,72%,100%{transform:none}80%{transform:translate(1.5px,-1.5px)}88%{transform:none}}
.ob-pill{flex-wrap:nowrap;position:relative}.ob-txt{flex:1 1 0}.ob-act{order:2}.ob-x{order:3}
.ob-x{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);transition:background .2s,transform var(--sp-ui-d) var(--sp-ui)}
.ob-x:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}
.ob-x svg{width:16px;height:16px}
.ob :focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:999px}
.ob-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:120;width:max-content;max-width:calc(100% - 32px);transform:translateX(-50%);padding:14px 22px;border-radius:999px;background:var(--ink);color:#fff;font:500 .9rem/1.45 var(--fb);text-align:center;box-shadow:0 20px 40px -20px rgba(23,23,26,.7);opacity:0;pointer-events:none}
.ob-toast.man{border-radius:28px;padding:18px 24px}
.ob-toast .big{display:block;margin:10px auto 2px;width:max-content;max-width:100%;padding:10px 20px;border-radius:999px;background:#fff;color:var(--ink);font-size:1.4rem;font-weight:700;letter-spacing:.08em;overflow-wrap:anywhere;user-select:all}
@media(max-width:860px){.ob-toast{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 76px)}}
@media(max-width:640px){
.ob .wrap{padding-top:8px}
.ob-pill{flex-wrap:wrap;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 6px;padding:12px 8px 10px 12px;border-radius:26px;font-size:.84rem}.ob-txt b{margin:0 4px 2px 0;padding:2px 10px}
.ob-txt{grid-column:1;grid-row:1;padding-top:3px}
.ob-x{grid-column:2;grid-row:1;margin-top:-4px}
.ob-act{grid-column:1/-1;grid-row:2}
.ob-code{padding:0 14px;font-size:.74rem}.ob-code b{white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:640px){
.ob .wrap{padding-top:6px;padding-bottom:0}
.ob-pill{gap:6px 6px;padding:8px 6px 8px 12px;border-radius:22px;font-size:.78rem;line-height:1.4}
.ob-txt{padding-top:2px}
.ob-txt b{padding:1px 9px;margin:0 3px 0 0}
.ob-x{width:36px;height:36px;margin-top:-2px}
.ob-act{gap:6px}
.ob-code,.ob-copy{min-height:44px}
.ob-code{padding:0 12px;font-size:.72rem}
.ob-copy{padding:0 14px 0 12px;font-size:.8rem}
}

@media(max-width:900px) and (min-width:641px){.ob-pill{flex-wrap:wrap;border-radius:34px;padding-left:20px}.ob-txt{flex:1 1 100%}.ob-act{order:2}.ob-x{position:absolute;right:9px;top:9px}.ob-txt{padding-right:52px}}