.giftbox{--gb-terra:#c5793d;--gb-terra-dark:#a4652f;--gb-terra-deep:#8a5122;--gb-cream:#fafaf8;--gb-gold:#d9a441;--gb-gold-soft:#f0d698;z-index:1000;font-family:var(--font-lexend,"Lexend"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.giftbox *,.giftbox :before,.giftbox :after{box-sizing:border-box;margin:0;padding:0}.giftbox .scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(120% 90% at 50% 42%,#321a0a6b,#180e07e6);position:absolute;inset:0}.giftbox .stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.giftbox .sunburst{z-index:0;pointer-events:none;background:repeating-conic-gradient(#f0be6e33 0deg 6deg,#78461900 6deg 13deg),radial-gradient(circle,#e9b25a8c,#965f2338 34%,#0000 60%);width:180%;height:180%;transition:opacity .6s;animation:70s linear infinite gb-spin;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.giftbox.opened .sunburst{opacity:.5}.giftbox .stage>:not(.sunburst){z-index:1;position:relative}.giftbox .teaser{color:var(--gb-gold-soft);letter-spacing:2px;text-transform:uppercase;opacity:0;margin-bottom:10px;font-size:13px;font-weight:700;animation:.6s .15s forwards gb-fadeUp}.giftbox .teaser-2{color:#fff;letter-spacing:-.6px;opacity:0;text-shadow:0 2px 26px #e9b25a66;margin-bottom:30px;font-size:30px;font-weight:800;animation:.6s .28s forwards gb-fadeUp}.giftbox .giftwrap{cursor:pointer;opacity:0;justify-content:center;align-items:center;width:230px;height:220px;animation:.7s cubic-bezier(.34,1.56,.64,1) .35s forwards gb-pop;display:flex;position:relative}.giftbox .glow{filter:blur(10px);background:radial-gradient(circle,#ffe2aa80,#d9a44133 46%,#0000 68%);border-radius:50%;animation:2.6s ease-in-out infinite gb-breathe;position:absolute;inset:-10px}.giftbox .closedbox{filter:drop-shadow(0 22px 34px #502d0a80);width:214px;animation:3s ease-in-out infinite gb-bobY;position:relative}.giftbox.opened .closedbox{opacity:0;transition:transform .6s cubic-bezier(.5,-.2,.7,1),opacity .55s;animation:none;transform:scale(1.9)}.giftbox.opened .glow{opacity:0;transition:opacity .4s}.giftbox .taphint{color:#fff;letter-spacing:.3px;opacity:0;margin-top:22px;font-size:16px;font-weight:700;animation:.6s .6s forwards gb-fadeUp}.giftbox .taphint span{animation:1.5s ease-in-out infinite gb-nudge;display:inline-block}.giftbox .subhint{color:#fff9;opacity:0;margin-top:6px;font-size:12px;animation:.6s .75s forwards gb-fadeUp}.giftbox .gb-confetti{pointer-events:none;z-index:45;position:absolute;inset:0}.giftbox.opened .teaser,.giftbox.opened .teaser-2,.giftbox.opened .taphint,.giftbox.opened .subhint{opacity:0;pointer-events:none;transition:opacity .3s;animation:none}.giftbox.opened .giftwrap{pointer-events:none}.giftbox .reveal{z-index:30;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.giftbox.opened .reveal{opacity:1;pointer-events:auto}.giftbox .balloon{z-index:1;opacity:0;background:radial-gradient(circle at 34% 26%,#fff2c4,#e7b34a 52%,#b9822a);border-radius:50% 50% 48% 48%/56% 56% 44% 44%;width:52px;height:64px;position:absolute;transform:translateY(30px)scale(.6);box-shadow:inset -6px -8px 15px #78501466,0 8px 18px #3c280a59}.giftbox .balloon:after{content:"";border-top:8px solid #c9922f;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.giftbox .balloon .str{background:linear-gradient(#d2a550cc,#0000);width:1px;height:70px;position:absolute;top:100%;left:50%}.giftbox.opened .balloon{opacity:1;transition:opacity .5s,transform .7s cubic-bezier(.2,1,.3,1);transform:translateY(0)scale(1)}.giftbox.opened .balloon.b1{transition-delay:.2s;animation:4.2s ease-in-out .8s infinite gb-floaty}.giftbox.opened .balloon.b2{transition-delay:.28s;animation:4.8s ease-in-out 1s infinite gb-floaty}.giftbox.opened .balloon.b3{transition-delay:.34s;animation:4s ease-in-out .6s infinite gb-floaty}.giftbox.opened .balloon.b4{transition-delay:.24s;animation:5s ease-in-out 1.2s infinite gb-floaty}.giftbox.opened .balloon.b5{transition-delay:.4s;animation:4.4s ease-in-out .4s infinite gb-floaty}.giftbox.opened .balloon.b6{transition-delay:.32s;animation:4.6s ease-in-out .9s infinite gb-floaty}.giftbox .b1{top:19%;left:7%}.giftbox .b2{top:15%;right:8%}.giftbox .b3{top:33%;left:1%}.giftbox .b4{top:29%;right:1%}.giftbox .b5{top:49%;left:11%}.giftbox .b6{top:47%;right:11%}.giftbox .boxframe{width:calc(320px * var(--f,1));height:calc(500px * var(--f,1));z-index:2;margin-bottom:2px;position:relative}.giftbox .boxscene{width:320px;height:500px;transform:scale(var(--f,1));transform-origin:0 0;position:absolute;top:0;left:0}.giftbox .arc{z-index:6;opacity:0;filter:drop-shadow(0 2px 5px #0009);width:300px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.giftbox.opened .arc{opacity:1;transition:opacity .5s .5s}.giftbox .arc text{font-family:var(--font-lexend,"Lexend"), sans-serif;letter-spacing:.4px;fill:#ffd9a0;paint-order:stroke;stroke:#5a2a10;stroke-width:2.4px;stroke-linejoin:round;font-size:16.5px;font-weight:800}.giftbox .box-lid{z-index:3;filter:drop-shadow(0 10px 16px #321e0880);opacity:0;width:152px;position:absolute;top:26px;left:50%;transform:translate(-50%)translateY(44px)scale(.92)}.giftbox.opened .box-lid{opacity:1;transition:opacity .5s .2s,transform .55s cubic-bezier(.34,1.3,.6,1) .2s;transform:translate(-50%)translateY(0)scale(1)}.giftbox .poster{z-index:2;opacity:0;border-radius:12px;width:250px;position:absolute;top:96px;left:50%;transform:translate(-50%)translateY(66px)scale(.74);box-shadow:0 24px 50px -10px #000000bf}.giftbox.opened .poster{opacity:1;transition:opacity .5s .42s,transform .64s cubic-bezier(.16,1,.3,1) .42s;transform:translate(-50%)translateY(0)scale(1)}.giftbox .box-base{z-index:4;filter:drop-shadow(0 14px 20px #321e088c);opacity:0;width:216px;position:absolute;top:392px;left:50%;transform:translate(-50%)scale(.6)}.giftbox.opened .box-base{opacity:1;transition:opacity .5s .1s,transform .55s cubic-bezier(.34,1.4,.6,1) .1s;transform:translate(-50%)scale(1)}.giftbox .deal{z-index:8;opacity:0;text-align:center;flex-direction:column;align-items:center;width:calc(100% - 48px);max-width:344px;display:flex;transform:translateY(18px)}.giftbox.opened .deal{opacity:1;transition:opacity .5s .3s,transform .6s cubic-bezier(.16,1,.3,1) .3s;transform:translateY(0)}.giftbox .d-kick{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.giftbox .d-kick .on{color:#ffffff8c;font-size:11px}.giftbox .d-kick .sr-logo{filter:drop-shadow(0 1px 6px #00000073);width:auto;height:20px}.giftbox .d-kick .wm{width:auto;height:15px}.giftbox .cta{cursor:pointer;background:linear-gradient(100deg, var(--gb-terra), var(--gb-terra-dark));color:#fff;box-sizing:border-box;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;transition:transform .12s;display:flex;box-shadow:0 16px 34px -10px #0009}.giftbox .cta:active{transform:translateY(2px)scale(.99)}.giftbox .cta svg{width:20px;height:20px}.giftbox .close{color:#fff;cursor:pointer;z-index:60;background:#ffffff29;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex;position:absolute;top:16px;right:16px}@keyframes gb-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gb-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes gb-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}@keyframes gb-bobY{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes gb-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes gb-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes gb-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.giftbox *{transition:none!important;animation:none!important}.giftbox .reveal,.giftbox .arc,.giftbox .deal,.giftbox .balloon{opacity:1}.giftbox .deal{transform:translateY(0)}.giftbox .balloon{transform:translateY(0)scale(1)}.giftbox .box-lid,.giftbox .poster{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.giftbox .box-base{opacity:1;transform:translate(-50%)scale(1)}.giftbox .closedbox{opacity:0}}