.scan-shop{--ss-black:#111;--ss-cream:#f6f3ee;--ss-green:#157347;--ss-red:#b42318;background:#fff;color:var(--ss-black);padding:clamp(32px,6vw,72px) 0 112px}.scan-shop *{box-sizing:border-box}.scan-shop__inner{max-width:760px;margin:auto}.scan-shop__header{text-align:center;margin:0 auto 30px;max-width:650px}.scan-shop__eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 12px}.scan-shop__header h1{font-size:clamp(32px,7vw,60px);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px}.scan-shop__header>p:last-child{font-size:15px;line-height:1.6;margin:0 auto;max-width:560px}.scan-shop__scanner{border:1px solid #dedbd5;background:var(--ss-cream);padding:12px}.scan-shop__viewport{position:relative;aspect-ratio:4/3;overflow:hidden;background:#161616}.scan-shop__viewport video{width:100%;height:100%;object-fit:cover;display:block}.scan-shop__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 30%,transparent 70%,rgba(0,0,0,.28));pointer-events:none}.scan-shop__target{position:absolute;inset:50% auto auto 50%;width:min(72%,360px);aspect-ratio:1.65;transform:translate(-50%,-50%)}.scan-shop__target span{position:absolute;width:34px;height:34px;border-color:#fff;border-style:solid}.scan-shop__target span:nth-child(1){top:0;left:0;border-width:3px 0 0 3px}.scan-shop__target span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0}.scan-shop__target span:nth-child(3){bottom:0;right:0;border-width:0 3px 3px 0}.scan-shop__target span:nth-child(4){bottom:0;left:0;border-width:0 0 3px 3px}.scan-shop__idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:24px;background:#171717}.scan-shop[data-scanner-state=running] .scan-shop__idle{display:none}.scan-shop__camera-icon{font-size:54px;line-height:1;margin-bottom:12px}.scan-shop__idle strong{font-size:18px}.scan-shop__idle small{opacity:.72;margin-top:8px}.scan-shop__controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 4px 4px}.scan-shop .button{min-height:46px;padding:12px 22px;text-decoration:none;text-align:center;border:1px solid var(--ss-black);border-radius:0;font:inherit;font-weight:600;cursor:pointer}.scan-shop .button--primary{background:var(--ss-black);color:#fff}.scan-shop .button--secondary{background:#fff;color:var(--ss-black)}.scan-shop__manual-toggle{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px}.scan-shop__manual{padding:16px 4px 4px}.scan-shop__manual label{display:block;font-size:12px;margin-bottom:6px}.scan-shop__manual>div{display:flex;gap:8px}.scan-shop__manual input{min-width:0;flex:1;border:1px solid #aaa;background:#fff;padding:12px;font:inherit}.scan-shop__status{display:flex;gap:12px;align-items:center;background:#fff;margin-top:12px;padding:14px 16px;border-left:4px solid #777}.scan-shop__status.is-success{border-color:var(--ss-green)}.scan-shop__status.is-error{border-color:var(--ss-red)}.scan-shop__status>span{font-size:22px}.scan-shop__status div{display:flex;flex-direction:column}.scan-shop__status small{margin-top:3px;color:#676767}.scan-shop__quantity{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:20px 4px}.scan-shop__stepper{display:grid;grid-template-columns:38px 38px 38px;border:1px solid #bbb}.scan-shop__stepper button,.scan-shop__stepper output{height:38px;display:grid;place-items:center;background:#fff;border:0;font:inherit}.scan-shop__stepper button{cursor:pointer;font-size:20px}.scan-shop__recent{list-style:none;padding:0;margin:18px 0}.scan-shop__recent li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #e5e5e5;padding:10px 0}.scan-shop__recent img{width:48px;height:48px;object-fit:cover;background:#eee}.scan-shop__recent strong,.scan-shop__recent small{display:block}.scan-shop__recent small{color:#666;margin-top:2px}.scan-shop__bar{position:fixed;z-index:40;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #d9d9d9;box-shadow:0 -8px 30px rgba(0,0,0,.08)}.scan-shop__bar-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scan-shop__summary{display:flex;flex-direction:column}.scan-shop__summary span{margin-top:3px}.scan-shop__actions{display:flex;gap:10px}.scan-shop__flash{animation:ssFlash .45s ease}@keyframes ssFlash{50%{filter:brightness(1.5)}}@media(max-width:600px){.scan-shop{padding-top:24px}.scan-shop__viewport{aspect-ratio:3/4}.scan-shop__bar-inner{padding-top:10px;padding-bottom:10px;align-items:stretch;gap:10px}.scan-shop__actions{flex:1}.scan-shop__actions .button{flex:1;padding:10px 8px;font-size:12px}.scan-shop__summary{font-size:12px;justify-content:center;min-width:76px}.scan-shop__manual>div{align-items:stretch}.scan-shop__manual .button{padding-inline:14px}}