/* Base + layout */
.raspa-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 12px;background:#fff;gap:14px;}
.raspa-card,.raspa-purchase{width:clamp(320px,96vw,720px);max-width:100%;}
/* Purchase Card */
.raspa-purchase{padding:12px;background:#fff;border:2px solid #ff9900;border-radius:14px;box-shadow:0 8px 22px rgba(255,153,0,.18);}
.raspa-purchase .buy-btn{display:block;width:70%;margin:0 auto;padding:14px 22px;border-radius:14px;border:2px solid rgba(255,120,0,.85);background:linear-gradient(180deg,#ffa34d,#ff7a1a);color:#fff;font-weight:800;letter-spacing:.3px;box-shadow:0 10px 22px rgba(255,120,0,.35);cursor:pointer;transition:transform .06s ease, box-shadow .2s ease;}
.raspa-purchase .buy-btn:hover{transform:translateY(-1px); box-shadow:0 14px 28px rgba(255,120,0,.45);}
.raspa-purchase .buy-btn.is-hidden{display:none !important;}
.raspa-purchase .buy-form{margin-top:12px; padding:0 8px 8px;}
.raspa-purchase .row{display:flex; gap:10px; margin-top:8px; flex-wrap:wrap;}
.raspa-purchase .row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:640px){ .raspa-purchase .row.two{grid-template-columns:1fr;} }
.raspa-purchase .field{display:flex; flex-direction:column; gap:6px; padding:0 8px;}
.raspa-purchase label{display:flex; align-items:center; justify-content:flex-start; gap:8px; font-weight:700; color:#111;}
.raspa-purchase .label-hint{color:#C0C0C0; font-weight:600; font-size:.9rem; white-space:nowrap;}
.raspa-purchase input, .raspa-purchase select{padding:12px 12px; border:1.5px solid #e6e6e6; border-radius:12px; font-size:16px; outline:none; transition:box-shadow .2s ease, border-color .2s ease; background:#fff;}
.raspa-purchase input:hover, .raspa-purchase select:hover{ border-color:#cfcfcf; }
.raspa-purchase input:focus, .raspa-purchase select:focus{ border-color:#ff9900; box-shadow:0 0 0 3px rgba(255,153,0,.18); }
/* Qty control */
.qty-wrap{display:flex;align-items:center;justify-content:center;gap:10px;}
.qty-wrap .qty-btn{background:transparent;border:0;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;box-shadow:none;}
.qty-wrap input#rfQtd{width:96px; text-align:center; font-weight:800; border-radius:10px;}
/* WhatsApp segmented */
.zap-wrap{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;}
.zap-wrap .lit{color:#333;font-weight:700;}
.zap-wrap .zap{width:26px;height:36px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1.5px solid #e6e6e6;border-radius:8px;font-size:17px;background:#fff;color:#111;font-weight:700;caret-color:#111;line-height:1;padding:0;}
.zap-wrap .zap:hover{ border-color:#cfcfcf; }
.zap-wrap .zap:focus{ border-color:#ff9900; box-shadow:0 0 0 3px rgba(255,153,0,.18);}
/* Actions */
.raspa-purchase .buy-actions{display:flex;gap:10px;justify-content:center;margin-top:10px;}
.raspa-purchase .btn-next,.raspa-purchase .btn-yes{padding:12px 16px; border-radius:12px; background:#0a8f2a; color:#fff; border:0; font-weight:800; cursor:pointer;}
.raspa-purchase .btn-back,.raspa-purchase .btn-cancel{padding:12px 16px; border-radius:12px; background:#e74c3c; color:#fff; border:0; font-weight:800; cursor:pointer;}
.raspa-purchase .buy-summary{margin-top:10px; background:#fffdf7; border:1px dashed #ff9900; border-radius:12px; padding:10px;}
.raspa-purchase .buy-checkout{margin-top:10px; background:#f8fafc; border:1px solid #eef2f7; border-radius:12px; padding:10px;}
.raspa-purchase .checkout-embed{min-height:480px; border-radius:12px; overflow:hidden; background:#fff; border:1px solid #eee;}
/* Game card */
.raspa-card{position:relative;background:#fff;border:2px solid #ff9900;border-radius:16px;box-shadow:0 20px 44px rgba(255,153,0,.25);padding:16px;}
.raspa-greet{margin:4px 0 8px; font-weight:800; color:#0a5a10;}
.raspa-header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"title title""stamp prize";column-gap:16px;row-gap:12px;align-items:start;}
.raspa-title{grid-area:title;}
.raspa-stamp-card{grid-area:stamp;justify-self:end;width:150px;height:150px;background:#fff;border:2px solid #ff9900;border-radius:14px;box-shadow:0 8px 22px rgba(255,153,0,.25);padding:8px;display:flex;align-items:center;justify-content:center;}
.raspa-stamp{width:132px;height:132px;}
.raspa-prize-card{grid-area:prize;justify-self:start;position:relative;width:150px;height:150px;background:#fff url('money-bag.png') center/68% no-repeat;border:2px solid #ff9900;box-shadow:0 8px 22px rgba(255,153,0,.25);border-radius:14px;padding:8px;text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.rp-label{font-weight:700;color:#111;margin-bottom:4px;}
.rp-icon{width:56px;height:56px;margin:6px auto; position:relative; transform: translateY(10px);}
.rp-amount{display:none;}
.rp-icon .val{font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:900; color:#0a5a10; text-shadow:0 1px 0 #fff, 0 0 18px rgba(255,255,255,.8); line-height:1.05;}
/* Board */
.raspa-board{position:relative;margin-top:12px;}
.raspa-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:10px;border-radius:12px;}
.raspa-cell{position:relative;aspect-ratio:1/1;border-radius:12px;border:2px solid #F0F8FF;background:#fff url('money-bag.png') center/70% no-repeat;display:grid;place-items:center;overflow:hidden;}
.raspa-cell .val{font-weight:900;font-size:clamp(1.2rem, 2.8vw, 2.1rem);color:#0a5a10;text-shadow:0 1px 0 #fff, 0 0 18px rgba(255,255,255,.75);}
.scratch-layer,.prize-scratch{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:12px;}
.scratch-layer canvas,.prize-scratch canvas{width:100%;height:100%;display:block;pointer-events:auto;border-radius:12px;touch-action:none;}
/* Result & PIX */
.raspa-result{margin-top:12px;font-weight:700;}
.raspa-pix{margin-top:10px;padding:10px;border:1px dashed #ff9900;border-radius:10px;background:#fffdf7;}
.raspa-pix label{font-weight:700;}
.raspa-pix .pix-row{margin-top:8px;display:flex;flex-direction:column;gap:6px;}
.raspa-pix .btn{padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;}
.raspa-pix .btn.yes{background:#b3edb8;color:#0a5a10;}
.raspa-pix .btn.no{background:#e0a5ed;color:#7a0010;}
.raspa-pix input,.raspa-pix select{padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-size:16px;}
.raspa-sec{margin-top:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;}
.raspa-sec.hidden{display:none;}
.raspa-sec .key code{font-size:.9rem;white-space:nowrap;overflow-x:auto;display:block;background:#f7f7f7;padding:4px 6px;border-radius:6px;}
.raspa-sec .qr{width:128px;height:128px;min-width:128px;min-height:128px;background:#fff;border:1px solid #eee;border-radius:10px;display:grid;place-items:center;overflow:hidden;}
.raspa-celebrate{position:absolute;inset:0;pointer-events:none;z-index:5;}
@media (max-width:560px){
  .raspa-sec{flex-direction:column;align-items:stretch;gap:10px;}
  .raspa-sec .qr{align-self:center;width:144px;height:144px;min-width:144px;min-height:144px;}
}