#scratch-card-popup{display:contents}.sc--mobile{display:none!important}@media(max-width:767px){.sc--desktop{display:none!important}.sc--mobile{display:block!important}}.sc--mobile.is-hidden{display:none!important}.scratch-card--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.scratch-card--overlay.is-visible{opacity:1;visibility:visible}.scratch-card--wrapper{position:relative;max-width:var(--sc-popup-width-desktop, 400px);width:100%;transform:scale(.9);transition:transform .3s ease;filter:drop-shadow(0 8px 32px rgba(0,0,0,.35));font-family:var(--sc-font-family, sans-serif)}@media(max-width:767px){.scratch-card--wrapper{filter:none;border-radius:2px}}.scratch-card--overlay.is-visible .scratch-card--wrapper{transform:scale(1)}.scratch-card--close{position:absolute;top:-10px;right:-10px;z-index:10;width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1;transition:background .2s ease,transform .2s ease}.scratch-card--close:hover{background:#374151;transform:scale(1.1)}.scratch-card--card{position:relative}.scratch-card--inner{position:relative;overflow:visible}.scratch-card--bg-plate{display:block;width:100%;height:auto;pointer-events:none}.scratch-card--ribbon{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none}.scratch-card--ribbon-img{display:block;width:100%;height:auto}.scratch-card--title{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.scratch-card--logo-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.scratch-card--content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8% 5%;z-index:4}.scratch-card--scratch-area{display:flex;justify-content:center;position:relative;margin-bottom:32px}.scratch-card--scratch-container{position:relative;width:120px;height:120px}.scratch-card--arrow{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:5;transition:opacity .3s ease}.scratch-card--arrow-img{display:block;width:70px;height:auto}.scratch-card--prize-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.scratch-card--prize-svg{width:100%;height:100%;object-fit:contain;border-radius:50%}.scratch-card--canvas{position:absolute;top:0;left:0;width:120px!important;height:120px!important;cursor:grab;border-radius:50%;touch-action:none;z-index:4}.scratch-card--canvas:active{cursor:grabbing}.scratch-card--canvas.is-locked{cursor:not-allowed}.scratch-card--steps{display:flex;justify-content:center;gap:6px;margin-bottom:6px;flex-wrap:wrap;width:100%}.scratch-card--step{display:flex;align-items:center;gap:3px;font-size:var(--sc-steps-font-size, 11px);font-weight:600;color:#11182759;transition:color .3s ease}.scratch-card--step.is-active{color:#111827}.scratch-card--step.is-done{color:#11182780;text-decoration:line-through}.scratch-card--step-num{font-weight:800}.scratch-card--step-text{font-weight:600}.scratch-card--instructions{width:100%;max-width:254px;margin-bottom:6px;text-align:center;position:relative}.scratch-email-mobile{position:absolute;top:24%;left:0;right:0}.scratch-card--instructions-img{display:block;width:100%;height:auto}.scratch-card--form-area{text-align:center;width:100%;max-width:260px}.scratch-card--form{display:flex;flex-direction:column;gap:0;width:100%}.scratch-card--email-wrap{position:relative;width:100%}.scratch-card--emailbar-bg{display:block;width:100%;height:auto;pointer-events:none}.scratch-card--email-input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:0 12px;border-radius:20px;background:transparent;border:none;text-align:center;font-size:11px;font-weight:600;color:#111827;outline:none;letter-spacing:.02em}.scratch-card--email-input::placeholder{color:#11182780;font-weight:600}.scratch-card--email-input:focus{box-shadow:0 0 0 2px #f7e96c99;border-radius:20px}.scratch-card--email-input.is-invalid{box-shadow:0 0 0 2px #dc262699;border-radius:20px}.scratch-card--email-error{color:#dc2626;font-size:10px;font-weight:700;text-align:center;margin-top:4px;animation:scratch-pop-in .3s ease}.scratch-card--confirm{text-align:center;width:100%;max-width:260px;font-size:13px;font-weight:800;color:#111827;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;background:#f7e96c73;border-radius:20px;animation:scratch-pop-in .4s ease}.scratch-card--success{background:#ffffffe6;padding:10px 14px;border-radius:8px;max-width:260px;margin:0 auto;text-align:center;animation:scratch-pop-in .4s ease}@keyframes scratch-pop-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.scratch-card--success-heading{color:#111827;font-weight:700;font-size:14px;margin:0 0 4px}.scratch-card--success-prize{color:#111827;font-size:12px;margin:0 0 4px}.scratch-card--success-hint{color:#374151;font-size:11px;margin:6px 0 0}@media(max-width:767px){.scratch-card--content{padding:0 5% 10%;justify-content:flex-end}.scratch-card--title{bottom:0}.scratch-card--logo-img.sc--mobile{width:100%;height:100%;object-fit:fill}.scratch-card--inner,.scratch-card--card{overflow:hidden}.scratch-card--card img{max-width:100%}.scratch-card--bg-plate.sc--mobile{width:100%;height:100%;object-fit:fill}.scratch-card--scratch-container{width:105px;height:105px}.scratch-card--canvas{width:105px!important;height:105px!important}.scratch-card--arrow-img{width:80px}.scratch-card--email-input{font-size:11px}.scratch-card--form-area{max-width:80%;margin:0 auto}.scratch-card--scratch-area{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/scratch-card.css.map */