/* Gift wrapping and brief accents: no image requests, particles engine or sound. */
.su-modal{overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 28px);overscroll-behavior:contain}
.su-unboxing{text-align:center;padding:10px 0 3px;--su-gold:#c9ae73;--su-green:#637967;--su-paper:#e8e8d8}
.su-unboxing h2{font-size:clamp(34px,7vw,46px);margin:10px 0 14px}
.su-introduction{font-size:13px;color:#777b6d;margin-bottom:0}
.su-gift-scene{height:300px;position:relative;perspective:900px;isolation:isolate;pointer-events:none;margin:2px auto 0;max-width:410px}
.su-gift{position:absolute;width:190px;height:132px;left:calc(50% - 95px);top:100px;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-19deg) rotateZ(-3deg);z-index:2}
.su-box,.su-lid{position:absolute;inset:0;transform-style:preserve-3d}
.su-box-front,.su-box-side,.su-box-top,.su-lid-front,.su-lid-side,.su-lid-top{position:absolute;border:1px solid #9aa58d66;backface-visibility:hidden}
.su-box-front{inset:0;transform:translateZ(48px);border-radius:2px 2px 5px 5px;background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#7f8a6c05 2px 3px),linear-gradient(110deg,#f2f1e5,#d6dbc7);box-shadow:inset 0 1px #fffdf2,inset -8px 0 22px #8c98731a}
.su-box-side{width:96px;height:132px;right:-48px;transform:rotateY(90deg);border-radius:0 0 4px 0;background:linear-gradient(120deg,#cbd1bd,#a6b499);box-shadow:inset 0 4px 9px #3e55421f}
.su-box-top{width:190px;height:96px;top:-48px;transform:rotateX(90deg);background:linear-gradient(45deg,#697b5d,#bbc4a7);box-shadow:inset 0 0 14px #334d3866}
.su-ribbon-front{top:0;bottom:0;width:28px;left:81px;transform:translateZ(48.6px);background:linear-gradient(90deg,#ab8d51,#dfc58c 21%,#ead5a3 47%,#bea163 85%,#d5bd87);box-shadow:1px 0 2px #5e4b2426,-1px 0 #f7e4ad99}
.su-monogram{position:absolute;bottom:12px;left:0;right:0;color:#8c784c;text-shadow:0 1px #fff9e3;letter-spacing:.13em;font:17px/1 Georgia,serif;z-index:2}
.su-lid{width:206px;height:26px;top:-16px;left:-8px;transform:translate3d(0,0,0);transform-origin:85% 35%}
.su-lid-front{inset:0;transform:translateZ(54px);border-radius:3px;background:linear-gradient(90deg,#eef0df 0 43%,#d4b779 43% 57%,#e7e9d8 57%);box-shadow:0 6px 6px #3c503d20,inset 0 1px #fffbed}
.su-lid-side{width:108px;height:26px;right:-54px;transform:rotateY(90deg);background:linear-gradient(#d1dac1,#acb997);box-shadow:0 6px 6px #3c503d20}
.su-lid-top{width:206px;height:108px;top:-54px;transform:rotateX(90deg);background:linear-gradient(90deg,transparent 43%,#cfb273 43%,#ebd7a2 47%,#c4a46a 57%,transparent 57%),linear-gradient(0deg,#e7ecd7 0 37%,#d2b479 37%,#eedeb2 45%,#bfa367 61%,#eef1e3 61%);border-radius:3px;box-shadow:inset 0 0 12px #fffbed70}
.su-bow{position:absolute;width:106px;height:46px;left:50px;top:-37px;transform:translateZ(12px);transform-style:preserve-3d}
.su-bow i,.su-bow b{position:absolute;top:4px;width:50px;height:33px;border:7px solid #d3b97e;box-shadow:inset 0 2px 4px #75602d45,0 2px 3px #61512e26;border-top-color:#ead5a4;border-bottom-color:#b4975e;border-radius:70% 45% 55% 48%}
.su-bow i{left:3px;transform:rotate(24deg)}
.su-bow b{right:3px;transform:rotate(-24deg) scaleX(-1)}
.su-bow em{position:absolute;left:43px;top:20px;width:21px;height:20px;border-radius:6px;background:linear-gradient(100deg,#c2a165,#eedcb0,#b79658);box-shadow:0 2px 3px #6e582940;transform:translateZ(2px)}
.su-gift-shadow{position:absolute;left:calc(50% - 125px);bottom:32px;width:250px;height:35px;border-radius:50%;background:radial-gradient(ellipse,#46563e30,transparent 68%);transform:rotate(-3deg)}
.su-gift-glow{position:absolute;width:190px;height:155px;left:calc(50% - 95px);top:63px;border-radius:50%;background:radial-gradient(ellipse,#f8e5b655,transparent 68%);opacity:0;z-index:1}
.su-confetti{position:absolute;left:50%;top:120px;z-index:4}
.su-confetti-piece{position:absolute;display:block;width:5px;height:11px;border-radius:1px;background:linear-gradient(110deg,#fff5,var(--su-color));opacity:0;box-shadow:0 0 0 .2px #88774522}
.su-confetti-piece:nth-child(3n){width:7px;height:7px;border-radius:50%}
.su-confetti-piece:nth-child(4n){width:3px;height:13px}
.su-status{min-height:22px;margin:0 0 14px;color:#7b765f;font-size:12px}
.su-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;min-height:48px}
.su-actions button{min-height:44px}
.is-opening .su-lid{animation:su-lid-lift 1.05s cubic-bezier(.22,.62,.28,1) both}
.is-opening .su-box{animation:su-gift-settle 1.05s ease-out both}
.is-opening .su-gift-glow{animation:su-glow 1s ease-out both}
.is-opening .su-confetti-piece{animation:su-confetti-flight .78s cubic-bezier(.12,.45,.35,1) calc(.22s + var(--su-delay)) both}
.is-opening [data-su-open]{visibility:hidden;position:absolute;pointer-events:none}
.su-replay{display:block;margin:10px auto 14px;min-height:44px;font-size:12px;color:#8f7443}
.su-viewer-stage{position:relative;isolation:isolate}
.su-replay-effect,.su-replay{min-height:44px;margin:6px 10px 4px}
.su-replay-effect[hidden]{display:none}
@keyframes su-lid-lift{0%,10%{transform:translate3d(0,0,0)}55%{transform:translate3d(-8px,-72px,-12px) rotateX(-19deg) rotateZ(-9deg);opacity:1}100%{transform:translate3d(-17px,-104px,-16px) rotateX(-24deg) rotateZ(-13deg);opacity:0}}
@keyframes su-gift-settle{0%,15%{transform:translateY(0)}48%{transform:translateY(3px)}100%{transform:translateY(13px);opacity:.12}}
@keyframes su-glow{0%,12%{opacity:0;transform:scale(.8)}50%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
@keyframes su-confetti-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}16%{opacity:.9}60%{opacity:.8}100%{opacity:0;transform:translate3d(var(--su-x),var(--su-y),0) rotate(var(--su-turn))}}
@media(max-width:600px){.su-gift-scene{height:268px;transform:scale(.92);transform-origin:50% 50%;margin-top:-8px;margin-bottom:-8px}.su-confetti-piece:nth-child(n+13){display:none}.su-actions{gap:5px}.su-unboxing{padding-top:4px}.su-unboxing .eyebrow{font-size:9px;letter-spacing:.14em}.su-introduction{font-size:12px}.su-effect-cloud i{width:49px}.su-effect-embrace i{width:80px;left:calc(50% - 85px)}.su-effect-embrace i:nth-child(2){left:calc(50% + 5px)}}
@media(max-height:560px){.su-unboxing h2{font-size:30px;margin:8px 0}.su-unboxing .eyebrow{margin-bottom:6px}.su-introduction{font-size:12px}.su-gift-scene{height:190px;margin-top:0;margin-bottom:0}.su-gift{top:57px;transform:rotateX(7deg) rotateY(-19deg) rotateZ(-3deg) scale(.75)}.su-gift-shadow{bottom:10px;transform:scale(.75)}.su-confetti{top:80px}.su-gift-glow{top:30px}.su-status{margin-bottom:6px}.su-actions{min-height:44px}}
@media(prefers-reduced-motion:reduce){.su-unboxing *,.su-reveal-effect *{animation:none!important;transition:none!important}.su-confetti,.su-gift-glow,.su-reveal-effect{display:none}}
.reduced-motion .su-unboxing *,.reduced-motion .su-reveal-effect *{animation:none!important;transition:none!important}
.reduced-motion .su-confetti,.reduced-motion .su-gift-glow,.reduced-motion .su-reveal-effect{display:none}

/* Reflets discrets pour les attentions professionnelles. */
.su-confetti-piece--light{border-radius:50%;background:#dbc58f!important;box-shadow:0 0 9px #dbbd7b90;width:4px!important;height:4px!important}