/* Shared controls and interface material, scoped to the three product pages. */
.qr-product{--qr-blue:#5268ec;--qr-ink:#252b59;--qr-cream:#fff7ef;--qr-apricot:#f4b49a}
.qr-product :focus-visible{outline:3px solid #5268ec;outline-offset:5px}
.qr-product .qr-motion{display:block;margin:20px auto;border:1px solid #dcdce5;background:#fff;color:#252b59;border-radius:999px;padding:10px 18px;min-height:44px;font-size:12px;cursor:pointer}
.qr-product.motion-paused *, .qr-product.motion-paused *::before,.qr-product.motion-paused *::after{animation-play-state:paused!important}
.qr-product .qr-demo-label{display:block;font-size:11px;letter-spacing:.05em;text-align:center;color:#777b8e;padding:12px}
.qr-product .qr-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(150deg,#5268ec,#b7c8fa)}
.qr-product .qr-mini-table{background:#fff;border:1px solid #e4e5eb;border-radius:14px;overflow:hidden;font-size:12px;text-align:left;box-shadow:0 12px 40px #252b5914}
.qr-product .qr-mini-table>div{display:grid;grid-template-columns:1fr 1fr;padding:13px 17px;gap:10px;border-bottom:1px solid #eee}
.qr-product .qr-mini-table>div:first-child{background:#f6f7fb;font-weight:500}.qr-product .qr-mini-table span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.qr-product *, .qr-product *::before,.qr-product *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}