/* One warm illustrated greeting card; no photo, projecting label or stacked sheets. */
html body .lf-hero-xmas-card{--card-top:52px;--card-right:153px;--card-width:330px;position:fixed;z-index:90;top:var(--card-top);right:var(--card-right);display:flex!important;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--card-width);aspect-ratio:3/2;padding:12% 12%;padding:24px 35px 26px 56px;border:1px solid #d8c5a0;border-radius:12px;background:#fff5e2 url('/ud/christmas-2026/images/warm-christmas-card-v53.webp') center/100% 100% no-repeat;box-shadow:0 8px 22px #0003;color:#4c3b30!important;text-align:center;text-decoration:none;transform:translateX(var(--card-slide,0px)) rotate(-4deg)!important;transform-origin:top right;opacity:var(--card-opacity,1)!important;visibility:visible!important;transition:filter .18s ease}
html body .lf-hero-xmas-card:before,html body .lf-hero-xmas-card:after{content:none}
html body .lf-hero-gift-label{position:static;display:block;max-width:100%;margin:0 0 8px;padding:0;border:0;background:none;box-shadow:none;color:#8a3040;font:600 11px/1.5 var(--lf-body-font,"Yu Gothic",Meiryo,sans-serif);letter-spacing:.025em;transform:none;white-space:normal}
html body .lf-hero-card-title{display:block;margin:0;color:#493e32;font:400 20px/1.6 var(--lf-serif,"Yu Mincho",serif);letter-spacing:.035em}
html body .lf-hero-xmas-detail{display:block;margin-top:7px;color:#746552;font:400 9px/1.7 var(--lf-body-font,"Yu Gothic",Meiryo,sans-serif)}
html body .lf-hero-gift-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:30px;margin-top:10px;padding:6px 14px;border:1px solid #9a4850;border-radius:999px;background:#8c3041;color:#fff9e9;font:500 12px/1.4 var(--lf-body-font,"Yu Gothic",Meiryo,sans-serif);white-space:nowrap;box-shadow:0 2px 3px #78333b20}
html body .lf-hero-xmas-card:hover{filter:brightness(1.035)}
html body .lf-hero-xmas-card:focus-visible{outline:3px solid #8c3041;outline-offset:4px}
html body .lf-mobile-hero-stage{position:relative}
@media(max-width:1400px){html body .lf-hero-xmas-card{--card-top:48px;--card-width:285px;padding:22px 28px 23px 48px}html body .lf-hero-card-title{font-size:18px}html body .lf-hero-gift-label{font-size:11px;margin-bottom:6px}html body .lf-hero-xmas-detail{display:none}html body .lf-hero-gift-cta{margin-top:7px;min-height:27px;padding:5px 11px;font-size:11px}}
@media(max-width:1100px){html body .lf-hero-xmas-card{--card-top:46px;--card-width:250px;padding:20px 25px 22px 42px}html body .lf-hero-xmas-detail{display:none}html body .lf-hero-card-title{font-size:17px}}
@media(max-width:700px){html body .lf-hero-xmas-card{--card-top:42px;--card-right:155px;--card-width:228px;padding:18px 23px 20px 38px}html body .lf-hero-card-title{font-size:15px}html body .lf-hero-gift-label{font-size:10px}}
@media(max-width:600px){html body .lf-hero-xmas-card{--card-top:40px;--card-right:72px;--card-width:224px;padding:16px 21px 18px 35px;border-radius:9px}html body .lf-hero-card-title{font-size:14px}html body .lf-hero-gift-label{font-size:9px;margin-bottom:4px}html body .lf-hero-gift-cta{font-size:10px;min-height:24px;padding:4px 8px;margin-top:6px}}
@media(max-width:400px){html body .lf-hero-xmas-card{--card-top:38px;--card-right:70px;--card-width:212px;padding:15px 18px 16px 31px}html body .lf-hero-card-title{font-size:13px}html body .lf-hero-gift-label{font-size:9px}}
@media(max-height:560px) and (min-width:701px){html body .lf-hero-xmas-card{--card-top:26px;--card-right:173px;--card-width:232px;padding:18px 23px 20px 39px}html body .lf-hero-xmas-detail{display:none}html body .lf-hero-card-title{font-size:15px}}
@media(max-width:340px){html body .lf-hero-xmas-card{--card-width:186px;--card-right:66px;padding:13px 15px 14px 28px}html body .lf-hero-card-title{font-size:12px}html body .lf-hero-gift-label{font-size:8px}html body .lf-hero-gift-cta{font-size:9px;min-height:21px;padding:3px 6px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){html body .lf-hero-xmas-card{transition:none}}

html body .lf-hero-xmas-card[hidden]{display:none!important}

html body .lf-hero-xmas-card.lf-card-scrolled-out{visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){html body .lf-hero-xmas-card{transform:rotate(-4deg)!important}}

/* Desktop: ensure the card's own fade/slide wins over stage entrance transforms. */
@media(min-width:601px){html body #lf-top-gift-card{translate:none!important;animation:none!important;transform:translateX(var(--card-slide,0px)) rotate(-4deg)!important;opacity:var(--card-opacity,1)!important}}