.sj-gift-progress{display:block;position:relative;box-sizing:border-box;margin:16px 0 24px;padding:18px;border:1px solid #e4c8b2;border-radius:16px;background:linear-gradient(130deg,#fff9ee,#fffdf9);color:#34251e;text-align:left;font-size:14px;line-height:1.45;max-width:720px}
.sj-gift-progress__celebration{position:absolute;inset:12px 8px auto;z-index:2;height:176px;display:flex;align-items:center;justify-content:center;padding:20px 14px;border:2px solid #efb837;border-radius:16px;background:linear-gradient(135deg,#fff5cf,#fffdf5 50%,#e4f8eb);color:#075b40;box-shadow:0 6px 24px #70400c26;text-align:center;font-size:19px;line-height:1.35;overflow:hidden;pointer-events:none}
.sj-gift-progress__celebration[hidden]{display:none}
.sj-gift-progress__celebration strong{position:relative;z-index:1;max-width:90%;padding:12px 18px;background:#fffef4f2;color:#075b40;border-radius:30px;box-shadow:0 2px 10px #075b401a}
.sj-gift-progress__celebration::before,.sj-gift-progress__celebration::after{content:'✦';position:absolute;top:14px;font-size:38px;line-height:1;color:#f07800;left:18px}
.sj-gift-progress__celebration::after{left:auto;right:18px;top:auto;bottom:14px;color:#009b67}
.sj-gift-progress__sparkles i{position:absolute;left:var(--origin);top:50%;width:10px;height:14px;border-radius:2px;background:var(--spark-color);animation:sj-gift-spark 1800ms cubic-bezier(.12,.6,.3,1) var(--delay) both}
.sj-gift-progress__sparkles i:nth-child(3n){width:17px;height:17px;clip-path:polygon(50% 0,61% 34%,98% 35%,69% 57%,79% 94%,50% 72%,21% 94%,31% 57%,2% 35%,39% 34%)}
.sj-gift-progress__sparkles i:nth-child(3n + 1){border-radius:50%;height:10px}
@keyframes sj-gift-spark{0%{transform:translate(calc(var(--sx)*.3),calc(var(--sy)*.3)) rotate(0) scale(.8);opacity:1}65%{opacity:1}100%{transform:translate(var(--sx),var(--sy)) rotate(var(--spin)) scale(.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.sj-gift-progress__sparkles{display:none}}
.sj-gift-progress--drawer{margin:16px 20px;max-width:none}
.sj-gift-progress *{box-sizing:border-box}
.sj-gift-progress__offer{background:#ad4300;color:#fff;text-align:center;padding:16px 14px;margin:12px -18px 16px}
.sj-gift-progress .sj-gift-progress__offer h3{font-size:20px;line-height:1.3;margin:0;color:#fff;font-weight:750}
.sj-gift-progress__upgrade{font-size:15px;line-height:1.4;font-weight:600;color:#fff;margin:7px 0 0}
.sj-gift-progress .sj-gift-progress__exclusion{font-size:12px;line-height:1.45;font-weight:400;color:#fff;margin:10px 0 0}
.sj-gift-progress__preview{display:inline-block;border:1px dashed #ad8b75;border-radius:5px;padding:3px 7px;font-size:11px;color:#745340;line-height:1.3}
.sj-gift-progress h3{font-size:20px;line-height:1.25;margin:12px 0 8px;font-weight:700;color:#9d3e00;letter-spacing:0}
.sj-gift-progress__message{margin:0 0 15px;font-size:14px;line-height:1.45;font-weight:600;text-align:center}
.sj-gift-progress__track{height:8px;background:#eaded0;border-radius:10px;position:relative;margin:48px 15px 28px;overflow:visible}
.sj-gift-progress__marker-price{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#34251e;font-weight:600}
.sj-gift-progress__milestone--journal .sj-gift-progress__marker-price{left:auto;right:0;transform:none}
.sj-gift-progress__fill{display:block;height:100%;background:linear-gradient(90deg,#b94900,#b56c1c);border-radius:10px}
.sj-gift-progress__milestone{--gift-marker-bg:#fffaf4;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1.5px solid #bd7d4f;border-radius:50%;background:var(--gift-marker-bg);color:#a44008}
.sj-gift-progress__milestone--magnets{left:46.631%}
.sj-gift-progress__milestone--journal{left:100%}
.sj-gift-progress__milestone.is-reached{--gift-marker-bg:#eaf6ee;border-color:#397953;color:#176441}
.sj-gift-progress__milestone svg{display:block;width:18px;height:18px}
.sj-gift-progress__tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sj-gift-progress__tier{padding:12px 10px;border:1px solid #e6d5c6;border-radius:12px;background:#fffdf9;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.sj-gift-progress__tier.is-unlocked{border-color:#6f9d81;background:#f2faf5}
.sj-gift-progress__icon{color:#a44008;flex-shrink:0;margin-bottom:2px}
.sj-gift-progress__image{width:76px;height:64px;object-fit:contain;margin-bottom:3px;background:transparent}
.sj-gift-progress__tier strong{font-size:14px;line-height:1.35;color:#34251e}
.sj-gift-progress__tier span{font-size:12px;color:#6c5849;line-height:1.4}
.sj-gift-progress__tier b{font-size:12px;color:#9d3e00;line-height:1.4;margin-top:auto;padding-top:6px}
.sj-gift-progress__tier.is-unlocked b{color:#176441}
.sj-gift-progress__subtotal{font-size:12px;color:#655447;margin:12px 0 8px}
.sj-gift-progress details{border-top:1px solid #e8d8c9;padding-top:8px;font-size:12px;color:#655447}
.sj-gift-progress summary{cursor:pointer;padding:5px 0;color:#714c35;min-height:32px}
.sj-gift-progress summary:focus-visible{outline:2px solid #a44008;outline-offset:3px}
.sj-gift-progress details p{font-size:12px;line-height:1.5;margin:8px 0}
.sj-gift-progress--drawer{margin:10px 12px;padding:10px;font-size:12px}
.sj-gift-progress--drawer .sj-gift-progress__offer{margin:-10px -10px 10px;padding:10px 8px;border-radius:15px 15px 0 0}
.sj-gift-progress--drawer .sj-gift-progress__offer h3{font-size:16px}
.sj-gift-progress--drawer .sj-gift-progress__upgrade{font-size:13px;margin-top:3px}
.sj-gift-progress--drawer .sj-gift-progress__exclusion{font-size:11px;margin-top:5px}
.sj-gift-progress--drawer .sj-gift-progress__message{font-size:12px;margin-bottom:8px}
.sj-gift-progress--drawer .sj-gift-progress__track{margin:34px 15px 20px;height:6px}
.sj-gift-progress--drawer .sj-gift-progress__milestone{width:24px;height:24px}
.sj-gift-progress--drawer .sj-gift-progress__marker-price{bottom:25px;font-size:11px}
.sj-gift-progress--drawer .sj-gift-progress__tiers{gap:6px}
.sj-gift-progress--drawer .sj-gift-progress__tier{padding:7px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 5px;align-items:center}
.sj-gift-progress--drawer .sj-gift-progress__image,.sj-gift-progress--drawer .sj-gift-progress__icon{grid-row:span 2;width:32px;height:38px;margin:0}
.sj-gift-progress--drawer .sj-gift-progress__tier strong{font-size:11px}
.sj-gift-progress--drawer .sj-gift-progress__tier span{display:none}
.sj-gift-progress--drawer .sj-gift-progress__tier b{font-size:10px;padding:0}
.sj-gift-progress--drawer .sj-gift-progress__subtotal{font-size:11px;margin:7px 0 4px}
.sj-gift-progress--drawer details{padding-top:3px}
.sj-gift-progress--drawer summary{min-height:28px;font-size:11px}
@media(max-width:374px){.sj-gift-progress{padding:13px}.sj-gift-progress--drawer{margin:12px}.sj-gift-progress h3{font-size:18px}.sj-gift-progress__tier{padding:10px 8px}.sj-gift-progress__offer{margin-left:-13px;margin-right:-13px}.sj-gift-progress .sj-gift-progress__offer h3{font-size:18px}}