/* Bridge card (/_a/bridge.js). V3 palette: navy #0e3d63, lime #daff00,
   cream #f3ebd7. Same look as the original movie bridge (.cm-mb). */
.cm-br{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:26px 0;padding:20px 22px;border-radius:16px;background:#0e3d63;color:#f3ebd7;box-shadow:0 8px 24px rgba(14,61,99,.18)}
.cm-br-ico{flex:0 0 auto;color:#daff00}
.cm-br-txt{flex:1 1 240px}
.cm-br p{margin:0;font-size:16px;line-height:1.5;color:#f3ebd7}
.cm-br p.cm-br-k{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#daff00}
.cm-br p.cm-br-t{margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3;color:#fff}
.cm-br-act{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 1 auto}
.cm-br .cm-br-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;min-width:48px;padding:8px 22px;border:0;border-radius:999px;background:#daff00;color:#0e3d63;font:inherit;font-weight:700;font-size:16px;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}
.cm-br .cm-br-btn small{font-weight:500;font-size:12px;opacity:.85}
.cm-br .cm-br-btn:hover{color:#0e3d63;text-decoration:none;transform:scale(1.02);box-shadow:0 6px 16px rgba(218,255,0,.3)}
.cm-br .cm-br-btn2{min-height:48px;padding:8px 20px;border:2px solid #daff00;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s ease-out}
.cm-br .cm-br-btn2:hover,.cm-br .cm-br-btn2[aria-expanded="true"]{background:rgba(218,255,0,.14)}
.cm-br a.cm-br-alt,.cm-br a.cm-br-store{color:#f3ebd7;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(243,235,215,.5);padding:6px 4px}
.cm-br a.cm-br-alt:hover,.cm-br a.cm-br-store:hover{color:#fff;text-decoration-color:#daff00}
.cm-br .cm-br-btn:focus-visible,.cm-br .cm-br-btn2:focus-visible,.cm-br a.cm-br-alt:focus-visible,.cm-br a.cm-br-store:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cm-br-qr{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:16px;border-radius:12px;background:#f3ebd7;color:#0e3d63}
.cm-br-qr[hidden]{display:none}
.cm-br-qr-img{flex:0 0 auto;width:148px;height:148px;padding:6px;border-radius:8px;background:#fff;color:#0e3d63;font-size:14px}
.cm-br-qr-img svg{display:block;width:100%;height:100%}
.cm-br-qr-cap{flex:1 1 200px}
.cm-br .cm-br-qr p{color:#0e3d63;font-size:15px}
.cm-br .cm-br-qr p.cm-br-qr-t{font-weight:700;font-size:17px;margin-bottom:4px}
.cm-br .cm-br-qr a.cm-br-store{display:inline-block;margin-top:6px;color:#0e3d63;text-decoration-color:rgba(14,61,99,.4)}
.cm-br .cm-br-qr a.cm-br-store:focus-visible{outline-color:#0e3d63}
.cm-br.cm-br-anim{opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}
.cm-br.cm-br-anim.is-in{opacity:1;transform:none}
@media (max-width:520px){.cm-br-act{flex:1 1 100%}.cm-br .cm-br-btn,.cm-br .cm-br-btn2{width:100%}}
@media (prefers-reduced-motion:reduce){.cm-br .cm-br-btn,.cm-br .cm-br-btn2,.cm-br.cm-br-anim{transition:none}.cm-br .cm-br-btn:hover{transform:none}.cm-br.cm-br-anim{opacity:1;transform:none}}
