/* A small paper gift, using the existing Workshop type and illustration. */
.purchase-reward{position:relative;display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #e4c691;border-radius:9px;background:#fff5df;color:#403826;box-shadow:0 3px 0 #ecd7b4;letter-spacing:0;isolation:isolate}
.purchase-reward::before{content:"";position:absolute;width:48px;height:13px;top:-6px;left:19px;background:#cce2bc;border:1px solid #b4cfa0;transform:rotate(-5deg);z-index:1;pointer-events:none}
.purchase-reward .purchase-reward-image{flex:0 0 48px;width:48px;height:48px;object-fit:contain;transform:rotate(-6deg);border-radius:0}
.purchase-reward .purchase-reward-body{min-width:0;flex:1}
.purchase-reward .purchase-reward-label{display:block;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#83653c}
.purchase-reward h3{margin:5px 12px 5px 0;font-size:19px;font-weight:700;line-height:1.25;color:#403826}
.purchase-reward p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#635740}
.purchase-reward .purchase-reward-code{display:block;width:fit-content;max-width:100%;box-sizing:border-box;padding:9px 11px;border:1px dashed #c1a476;border-radius:5px;background:#fffdf7;font-size:14px;line-height:1.3;letter-spacing:.02em;color:#403826;overflow-wrap:anywhere;user-select:all}
.purchase-reward .purchase-reward-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.purchase-reward .purchase-reward-copy{border:1px solid #9bb58b;border-radius:6px;padding:9px 12px;min-height:38px;max-width:100%;background:#dfebd1;color:#2d4b2e;font:inherit;font-size:13px;line-height:1.3;font-weight:600;cursor:pointer}
.purchase-reward .purchase-reward-copy:hover{background:#d0e2bd}
.purchase-reward .purchase-reward-validity,.purchase-reward .purchase-reward-hint{display:block;margin-top:7px;color:#76684f;font-size:11px;line-height:1.5}
.purchase-reward a.purchase-reward-saved{display:inline-block;margin-top:6px;font-size:12px;line-height:1.5;color:#536a40;text-decoration:underline}
.purchase-reward .tray-dismiss{right:6px;top:5px;width:28px;height:28px;color:#705d40}
.purchase-rewards-list{grid-column:1/-1;min-width:0;margin-bottom:14px}
.purchase-rewards-list>summary{font-weight:700;font-size:18px;cursor:pointer;color:#403826;padding:0 0 15px}
.purchase-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;padding:6px 0}
#generation-tray:has(.purchase-reward){max-height:calc(100dvh - 32px);overflow-y:auto;pointer-events:auto;padding-top:8px}
@media(max-width:480px){.purchase-reward{padding:15px 12px;gap:9px}.purchase-reward .purchase-reward-image{width:38px;height:38px;flex-basis:38px}.purchase-reward h3{font-size:18px}.purchase-reward .purchase-reward-code{font-size:13px}.purchase-reward .purchase-reward-copy{min-height:40px}.purchase-rewards-grid{gap:14px}}