.gift-wrap-preview{display:flex;align-items:center;justify-content:center;gap:18px;min-height:155px;margin:4px 0;padding:14px 18px;border:1px solid #bacfed26;border-radius:17px;background:radial-gradient(ellipse at 30% 60%,#bad9fa12,transparent 70%),#101a2a60;overflow:hidden;box-sizing:border-box;color:#b5cbe6}.gift-wrap-preview figcaption{font:650 12px/1.6 system-ui;min-width:100px}.gift-wrap-preview .mail-parcel{position:relative;isolation:isolate;display:grid;place-items:center;width:160px;height:140px;flex:none;pointer-events:none}.gift-wrap-preview .parcel-aura{position:absolute;inset:0;z-index:-1}.gift-wrap-preview .parcel-shadow{position:absolute;bottom:4px;width:104px;height:10px;border-radius:50%;background:#0005;filter:blur(6px)}
[data-gift-wrap]{--gift-paper:var(--shop-accent,#aacbe9);--gift-dark:#314861;--gift-ribbon:#d5e3f7;--gift-pattern:linear-gradient(transparent,transparent)}[data-gift-wrap=new_year]{--gift-paper:#23725d;--gift-dark:#123d35;--gift-ribbon:#d65c6e;--gift-pattern:radial-gradient(circle at 5px 5px,#efffff55 1px,transparent 1.4px);--gift-size:15px 17px}[data-gift-wrap=halloween]{--gift-paper:#70418b;--gift-dark:#35203e;--gift-ribbon:#f0a14f;--gift-pattern:repeating-linear-gradient(135deg,transparent 0 8px,#140e2520 8px 11px)}[data-gift-wrap=anime]{--gift-paper:#e8a4d0;--gift-dark:#b474aa;--gift-ribbon:#9c9ae3;--gift-pattern:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 11px),repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 11px)}[data-gift-wrap=cosmic]{--gift-paper:#414c97;--gift-dark:#1d2148;--gift-ribbon:#86d5d5;--gift-pattern:radial-gradient(circle at 4px 4px,#fff9 1px,transparent 1.5px),radial-gradient(circle at 17px 18px,#c6d6ff88 .6px,transparent 1px);--gift-size:29px 27px}
[data-gift-wrap] .parcel-box.gift-wrap-art{position:relative;display:block;width:108px;height:91px;margin-top:24px;box-sizing:border-box;background-image:var(--gift-pattern),linear-gradient(145deg,var(--gift-paper),var(--gift-dark));background-size:var(--gift-size,auto),100% 100%;border:1px solid color-mix(in srgb,var(--gift-paper),white 25%);border-radius:5px 5px 12px 12px;box-shadow:inset 2px 0 #fff2,inset -12px 0 #0002,0 15px 30px #0003;animation:wrapFloat 3.5s ease-in-out infinite;color:#eff6ff}
.gift-wrap-art .gift-wrap-drawing{position:absolute;inset:4px 5px 0;width:96px;height:86px;z-index:7;overflow:visible;pointer-events:none}.gift-wrap-art .parcel-star{display:none!important}[data-gift-wrap] .gift-wrap-art .parcel-lid{position:absolute;left:-6px;right:-6px;top:-11px;height:20px;border:1px solid color-mix(in srgb,var(--gift-paper),white 35%);border-radius:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--gift-paper),white 22%),var(--gift-paper));box-shadow:0 4px 7px #0003;z-index:9;transform-origin:10% 50%}[data-gift-wrap] .gift-wrap-art .parcel-ribbon{position:absolute;left:auto;right:9px;top:-11px;bottom:0;width:13px;background:linear-gradient(90deg,var(--gift-ribbon),color-mix(in srgb,var(--gift-ribbon),var(--gift-dark) 20%));border-left:1px solid #fff5;border-right:1px solid #0002;z-index:5}[data-gift-wrap] .gift-wrap-art .parcel-bow{position:absolute;left:calc(50% - 26px);top:-34px;width:52px;height:25px;z-index:10}[data-gift-wrap] .gift-wrap-art .parcel-bow::before,[data-gift-wrap] .gift-wrap-art .parcel-bow::after{content:'';position:absolute;left:0;top:0;width:29px;height:22px;border:5px solid var(--gift-ribbon);border-radius:70% 70% 5px 70%;transform:rotate(12deg);box-sizing:border-box;box-shadow:0 1px 2px #0002}[data-gift-wrap] .gift-wrap-art .parcel-bow::after{left:23px;transform:rotate(78deg)}[data-gift-wrap=anime] .gift-wrap-art .parcel-bow::before,[data-gift-wrap=anime] .gift-wrap-art .parcel-bow::after{width:31px;height:26px;border-width:8px;border-radius:4px 70% 4px 70%}[data-gift-wrap] .parcel-aura{background:radial-gradient(ellipse,color-mix(in srgb,var(--gift-paper) 22%,transparent),transparent 67%)}.mail-gift-stage.is-opening .gift-wrap-drawing{animation:wrapReveal .65s ease forwards}.gift-wrap-preview[data-gift-wrap=halloween]{background:radial-gradient(ellipse at 30% 60%,#b176da1a,transparent 70%),#171421}.gift-wrap-preview[data-gift-wrap=anime]{background:radial-gradient(ellipse at 30% 60%,#e8a4d020,transparent 70%),#231b2e}.gift-wrap-preview[data-gift-wrap=new_year]{background:radial-gradient(ellipse at 30% 60%,#6cbba51a,transparent 70%),#142724}.gift-wrap-preview[data-gift-wrap=cosmic]{background:radial-gradient(ellipse at 30% 60%,#858cec24,transparent 70%),#171a30}@keyframes wrapFloat{50%{transform:translateY(-4px)}}@keyframes wrapReveal{to{opacity:0;transform:scale(1.1)}}@media(max-width:420px){.gift-wrap-preview{gap:5px;padding:12px 8px}.gift-wrap-preview figcaption{min-width:80px;font-size:11px}.gift-wrap-preview .mail-parcel{width:140px}}@media(prefers-reduced-motion:reduce){.gift-wrap-art{animation:none!important}}

.mail-accordion .mail-gift-stage .mail-parcel:has(.gift-wrap-art){height:154px}.mail-accordion .mail-gift-stage .mail-parcel-decoration:has(.gift-wrap-art){height:136px}

.gift-wrap-picker{min-width:0}.gift-wrap-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:3px 0 12px}.gift-wrap-choice{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px;min-height:103px;padding:7px 3px 9px;border:1px solid #c6dbfa1c;border-radius:13px;background:#bcd3f905;color:#a6bad5;font:550 9px/1.35 system-ui;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.gift-wrap-choice:hover{background:#bcd3f90d;transform:translateY(-2px)}.gift-wrap-choice[aria-pressed=true]{border-color:var(--shop-accent,#bad9fa);background:var(--shop-accent-soft,#bad9fa18);color:#e1edff}.gift-wrap-thumbnail{position:relative;display:block;width:80px;height:69px;pointer-events:none;flex:none}.gift-wrap-thumbnail .parcel-box.gift-wrap-art{position:absolute;left:13px;top:1px;margin:0;transform:scale(.5);transform-origin:top left;animation:none!important}.gift-wrap-thumbnail .parcel-aura,.gift-wrap-thumbnail .parcel-shadow{display:none}.gift-wrap-preview .mail-parcel{pointer-events:auto;border:0;padding:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation}.gift-wrap-preview figcaption{display:grid;gap:7px;min-width:0}.gift-wrap-preview figcaption strong{font:650 12px/1.4 system-ui}.gift-wrap-preview figcaption small{font:10px/1.6 system-ui;color:#8fa6c4;max-width:135px}.gift-wrap-preview.is-opening .parcel-lid,.gift-wrap-preview.is-opening .parcel-bow{animation:wrapPreviewLid .65s ease forwards}.gift-wrap-preview.is-opening .parcel-ribbon{opacity:0;transition:opacity .2s}.gift-wrap-preview.is-preview-open .gift-wrap-drawing{opacity:.25;transition:opacity .4s}.gift-wrap-preview.is-preview-open figcaption small{color:#e2edff;font:750 19px/1.5 system-ui}.gift-wrap-preview.is-preview-open .parcel-aura{background:radial-gradient(ellipse,#efffff55,transparent 65%)}
[data-gift-wrap=sakura]{--gift-paper:#e8b5ce;--gift-dark:#92536f;--gift-ribbon:#f8d6e4;--gift-pattern:radial-gradient(circle,#fff6 1px,transparent 1.5px);--gift-size:12px 13px}[data-gift-wrap=magical]{--gift-paper:#b8a1df;--gift-dark:#6a568c;--gift-ribbon:#f3bad5}[data-gift-wrap=ninja]{--gift-paper:#ad654b;--gift-dark:#40303d;--gift-ribbon:#e4bd82}[data-gift-wrap=mecha]{--gift-paper:#527b9b;--gift-dark:#26384e;--gift-ribbon:#7ee2d4;--gift-pattern:repeating-linear-gradient(135deg,#fff1 0 1px,transparent 1px 12px)}[data-gift-wrap=manga]{--gift-paper:#3b3d55;--gift-dark:#171925;--gift-ribbon:#e4e4ee;--gift-pattern:radial-gradient(circle,#fff3 .6px,transparent 1px);--gift-size:5px 5px}[data-gift-wrap=llama]{--gift-paper:#7963b2;--gift-dark:#473169;--gift-ribbon:#73d3df}[data-gift-wrap=supply]{--gift-paper:#467ca1;--gift-dark:#244f70;--gift-ribbon:#e5ba62}[data-gift-wrap=victory]{--gift-paper:#a3773c;--gift-dark:#5c4227;--gift-ribbon:#ffe7a4}[data-gift-wrap=banana]{--gift-paper:#73a68b;--gift-dark:#355e56;--gift-ribbon:#ffe295}
@keyframes wrapPreviewLid{to{transform:translate(-15px,-45px) rotate(-20deg);opacity:0}}@media(max-width:520px){.gift-wrap-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.gift-wrap-choice{transition:none}.gift-wrap-preview.is-opening .parcel-lid,.gift-wrap-preview.is-opening .parcel-bow{animation:none;opacity:0}}

/* Both reveal surfaces share an opaque open box and a resting lid. */
.parcel-interior{position:absolute;left:0;right:0;top:-12px;height:12px;border:0;border-radius:0;background:var(--gift-paper);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);z-index:8;display:none}
:is(.is-unwrapped,.is-preview-open) .parcel-interior{display:block}
:is(.is-unwrapped,.is-preview-open) .parcel-box.gift-wrap-art{animation:none!important;transform:translateX(-28px);opacity:1}
:is(.is-unwrapped,.is-preview-open) .gift-wrap-art .parcel-lid,:is(.is-unwrapped,.is-preview-open) .gift-wrap-art .parcel-bow{animation:none;transform:translate(80px,70px) rotate(18deg);opacity:1}
:is(.is-unwrapped,.is-preview-open) .gift-wrap-art .parcel-ribbon{top:8px;opacity:1}
.mail-parcel.is-unwrapped .gift-wrap-drawing,.gift-wrap-preview.is-preview-open .gift-wrap-drawing{opacity:1}
.mail-gift-stage.is-received .mail-parcel.is-unwrapped,.gift-wrap-preview.is-preview-open .mail-parcel{width:230px;max-width:100%;height:145px;margin:0;pointer-events:none}
.gift-wrap-preview.is-preview-open .gift-wrap-art .parcel-lid,.gift-wrap-preview.is-preview-open .gift-wrap-art .parcel-bow{animation:wrapLidRest .65s cubic-bezier(.2,.75,.25,1)}
@keyframes wrapLidRest{0%{transform:none}45%{transform:translate(38px,-38px) rotate(8deg)}100%{transform:translate(80px,70px) rotate(18deg)}}
@media(prefers-reduced-motion:reduce){.gift-wrap-preview.is-preview-open .gift-wrap-art .parcel-lid,.gift-wrap-preview.is-preview-open .gift-wrap-art .parcel-bow{animation:none;opacity:1}}

/* Artwork covers each complete surface; lighting is an independent layer. */
.gift-wrap-art.has-wrap-image .gift-wrap-drawing{inset:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;z-index:2}
.parcel-volume{position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(90deg,#fff2,transparent 15% 80%,#0004);box-shadow:inset 1px 1px #fff3,inset -10px 0 #0002}
.gift-wrap-art .parcel-lid-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:inherit;pointer-events:none}
.gift-wrap-art[data-volume=false]{box-shadow:none!important}
.gift-wrap-art[data-volume=false] .parcel-volume{display:none}
[data-gift-wrap] .gift-wrap-art[data-volume=false] .parcel-lid{box-shadow:none}
.gift-wrap-art[data-ribbon=false] .parcel-ribbon,.gift-wrap-art[data-bow=false] .parcel-bow{display:none}

.gift-wrap-art .parcel-lid:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 1px #fff4,inset 0 -4px #0002}.gift-wrap-art[data-volume=false] .parcel-lid:after{display:none}

.parcel-shadow[hidden]{display:none}

.parcel-interior:after{content:"";position:absolute;inset:2px 4px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--gift-dark),black 28%),var(--gift-dark));clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
[data-gift-wrap] .gift-wrap-art .parcel-lid>.parcel-bow{top:-24px;left:calc(50% - 26px);transform:none;opacity:1;animation:none!important}
.mail-gift-stage.is-opening .parcel-lid>.parcel-bow,.gift-wrap-preview.is-opening .parcel-lid>.parcel-bow{animation:none!important;transform:none;opacity:1}
.mail-gift-stage.is-expired .mail-parcel{pointer-events:none;filter:saturate(.35);opacity:.65}
.mail-gift-stage.is-expired .parcel-box.gift-wrap-art{animation:none!important}