/* Approved C: plush-led blue/white editorial presale. */
#presale{--sale-blue:#609eff;position:relative;background:#fff;color:#111;isolation:isolate;padding:70px 4% 30px;display:grid;grid-template-columns:1fr 1.08fr .95fr;column-gap:30px;overflow:hidden}
.presale-outline{position:absolute;top:25px;left:2%;font-size:24vw;line-height:.8;font-weight:950;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #82afff;opacity:.5;z-index:-1;pointer-events:none}
#presale .section-heading{grid-column:1;grid-row:1;align-self:center;padding-top:70px;z-index:2}
#presale .section-heading small{color:#397cec;border-color:#87b4ff;font-size:11px;background:white}
#presale .section-heading h2{font-size:clamp(48px,5.8vw,90px);letter-spacing:-.065em;line-height:1.05;margin:25px 0}
#presale .section-heading p{font-size:14px;letter-spacing:.06em}
.presale-tag{display:inline-flex;flex-direction:column;gap:5px;margin:28px 0 15px;padding:12px 20px;background:#fffdf6;border:3px solid #97beff;border-radius:10px 20px 12px 10px;box-shadow:3px 4px 0 #edf2fc;transform:rotate(-9deg)}
.presale-tag b{font-size:24px;letter-spacing:-.05em}.presale-tag span{font-size:10px}
#presale .presale-grid{display:contents}
#presale .presale-left{display:contents}
#presale .price-block{grid-column:3;grid-row:1;align-self:start;margin-top:100px;background:var(--sale-blue);padding:24px 24px 28px;transform:rotate(5deg);border-radius:8px;box-shadow:5px 7px 0 #eef3ff}
#presale .price-block>p{background:#111;color:white;display:inline-block;padding:6px 13px;border-radius:25px;font-size:15px;margin:0}
#presale .price{font-size:clamp(85px,10vw,150px);color:white;margin:0;letter-spacing:-.08em;line-height:1.1}
#presale .price-block>strong{font-size:clamp(13px,1.4vw,20px);display:block;border-top:1px dashed #ffffffaa;padding-top:18px;white-space:nowrap}#presale .price-block em{color:#fff}
#presale .product-stage{grid-column:2;grid-row:1 / 3;height:650px;width:100%;align-self:center;margin:55px 0 0;z-index:1}
#presale .product-momo{height:95%;width:100%;left:0;top:0}
#presale .product-hat{width:32%!important;right:-5%!important;top:30%}
#presale .product-socks{width:34%!important;left:-9%!important;top:71%}
#presale .product-pearl{width:13%!important;right:-4%!important;bottom:4%}
#presale .gift{background:#5b94ef;color:white;border-color:white}
.presale-hehe{position:absolute;left:-5%;top:25%;width:26%;transform:rotate(-12deg);filter:drop-shadow(2px 3px 1px #0002)}
#presale .progress-block{grid-column:1;grid-row:2;border-top:1px solid #ddd;align-self:start;margin:15px 0 0;padding-top:20px}#presale .progress-block h3{font-size:22px;margin:0}#presale .progress-block h3 em{color:#397cec;font-size:52px}#presale .progress-block>p{font-size:14px;margin:15px 0}#presale .progress-block small{font-size:11px}#presale .progress-track{height:5px}
#presale .presale-right{grid-column:3;grid-row:2;padding:0;display:block;align-self:start;z-index:2}
#presale .presale-right article{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #ddd}#presale .presale-right h3{font-size:18px}#presale .presale-right p{font-size:12px;line-height:1.8;margin:8px 0}#presale .presale-right em{color:#397cec}#presale .shipping em{font-size:24px}
#presale .sticker-benefit{display:flow-root}#presale .sticker-sheet{float:left;width:67px;height:82px;margin:0 18px 10px 0}#presale .sticker-benefit .text-action{font-size:11px}#presale .sticker-benefit p{clear:both}
.presale-launch{grid-column:1/-1;display:flex;align-items:center;gap:25px;background:#0c0c0c;color:#fff;margin:25px -4.4% 0;padding:25px 4.4%;z-index:3}
#presale .presale-launch .primary-action{background:var(--sale-blue);color:#080808;border-radius:8px;font-size:clamp(22px,2.6vw,38px);font-weight:900;padding:24px 22px;white-space:nowrap}
.launch-date{min-width:100px;border-left:1px dotted #888;padding-left:22px}.launch-date>span{font-size:12px}.launch-date strong{display:block;color:#78adff;font-size:23px;line-height:1.1;margin:6px 0}.launch-date small{font-size:9px;color:#ccc}
.digital-countdown{display:flex;gap:12px;flex:1;min-width:0}.clock-unit{background:linear-gradient(#171717,#222);border:1px solid #333;border-radius:12px;flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;padding:12px 5px;position:relative;overflow:hidden}.clock-unit:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#0007;pointer-events:none}.clock-unit strong{font-size:clamp(35px,5.6vw,84px);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em}.clock-unit span{font-size:12px;color:#89b8ff;margin-left:5px}
#presale .presale-footer{grid-column:1/-1;display:flex;justify-content:space-between;margin:0;padding:20px 0 0;border:0;gap:20px}#presale .presale-footer strong{font-size:13px}#presale .presale-footer p,#presale .presale-footer button{font-size:11px}
@media(max-width:1000px){#presale{gap:20px}#presale .product-stage{height:540px}#presale .price-block{padding:18px;margin-top:115px}#presale .presale-launch{gap:15px}.launch-date{min-width:85px;padding-left:12px}.launch-date strong{font-size:18px}.digital-countdown{gap:7px}}
@media(max-width:700px){#presale{display:flex;flex-direction:column;padding:40px 6% 25px;gap:15px}.presale-outline{font-size:27vw;top:30px}#presale .section-heading{padding:15px 0 0;align-self:stretch}#presale .section-heading h2{font-size:54px;margin:18px 0}.presale-tag{position:absolute;right:8%;top:180px;padding:8px 12px}.presale-tag b{font-size:18px}.presale-tag span{font-size:8px}#presale .product-stage{height:440px;margin:0;order:1;width:100%}#presale .product-momo{height:100%}#presale .product-hat{right:0!important;top:25%}#presale .product-socks{left:-2%!important;top:63%}.presale-hehe{left:0;top:20%}#presale .price-block{order:2;margin:0 2% 10px;align-self:stretch;transform:rotate(3deg);padding:20px}#presale .price{font-size:100px}#presale .price-block>strong{font-size:17px}#presale .progress-block{order:3;margin:10px 0;align-self:stretch}#presale .presale-right{order:4;align-self:stretch;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}#presale .presale-right .shipping{grid-column:1/-1;display:block}#presale .presale-right h3{font-size:16px}#presale .sticker-sheet{float:none;width:60px;height:74px}.presale-launch{order:5;flex-wrap:wrap;margin:0 -6.82%;padding:20px 6%;gap:15px}#presale .presale-launch .primary-action{font-size:23px;padding:16px 20px;flex:1}.launch-date{min-width:110px}.launch-date strong{font-size:18px}.digital-countdown{flex-basis:100%;gap:8px}.clock-unit{padding:12px 3px}.clock-unit strong{font-size:39px}.clock-unit span{font-size:10px;margin-left:3px}#presale .presale-footer{order:6;flex-direction:column;gap:6px}#presale .presale-footer strong{font-size:11px}}

.presale-head-sticker{width:87px;height:76px;background:url('presale/momo-stickers.webp') no-repeat;background-size:343px 457px;background-position:-24px -327px;clip-path:ellipse(47% 46% at 50% 50%);display:inline-block;vertical-align:middle;transform:rotate(-8deg);margin-right:15px}
.presale-paw-sticker{display:inline-block;width:44px;height:46px;background:url('presale/momo-stickers.webp') no-repeat;background-size:390px 520px;background-position:-127px -405px;clip-path:ellipse(46% 46% at 50% 50%);vertical-align:middle;margin-right:6px;transform:rotate(-12deg)}
@media(max-width:700px){.presale-head-sticker{position:absolute;right:9%;top:77px;transform:rotate(10deg)}}
/* Preserve source's 2:3 mask geometry and the original centering transform. */
#presale .product-momo{width:auto;left:50%;aspect-ratio:2/3;mix-blend-mode:normal}
#presale .product-stage{align-self:start;margin-top:65px}
#presale .product-momo .character{transform:scale(1.12) translateY(0)}
#presale .product-socks{left:-8%!important;top:78%}
#presale .presale-hehe{left:0;top:19%;width:22%;z-index:4}
@media(max-width:700px){#presale .product-stage{margin-top:0}#presale .product-momo{left:50%;width:auto}#presale .product-socks{top:70%;left:0!important}#presale .presale-hehe{left:0;top:12%}}
@media(max-width:360px){#presale .section-heading h2{font-size:46px;position:relative;z-index:1}.presale-head-sticker{position:relative;top:auto;right:auto;width:87px;height:76px;margin:20px 10px 0 0;vertical-align:middle}.presale-tag{position:relative;top:auto;right:auto;margin:20px 0 0;vertical-align:middle}#presale .presale-right{grid-template-columns:1fr}#presale .presale-right .sticker-sheet{float:left;margin-right:20px}#presale .presale-right .sticker-benefit h3 em{white-space:nowrap}#presale .presale-right .sticker-benefit p{clear:both}}

/* Mobile keeps decoration inside its own scene, followed by readable sale cards. */
@media(max-width:700px){
 #presale{gap:24px;padding-top:32px}
 #presale .section-heading{position:relative;padding-top:12px}
 #presale .section-heading h2{font-size:clamp(43px,12vw,60px);margin:18px 0}
 #presale .section-heading p{line-height:1.65;margin-bottom:0}
 #presale .presale-head-sticker{position:relative;top:auto;right:auto;margin:18px 14px 0 0;vertical-align:middle;width:87px;height:76px}
 #presale .presale-tag{position:relative;top:auto;right:auto;margin:18px 0 0;vertical-align:middle}
 #presale .product-stage{height:480px;margin:0;overflow:hidden;isolation:isolate;contain:paint;flex:none}
 #presale .product-momo{height:440px;top:0;left:50%}
 #presale .product-hat{width:25%!important;right:3%!important;top:8%}
 #presale .product-socks{width:26%!important;left:4%!important;top:64%}
 #presale .product-pearl{width:11%!important;right:4%!important;bottom:12%}
 #presale .presale-hehe{width:21%;left:3%;top:12%}
 #presale .gift{width:26px;height:26px;font-size:14px;border-width:2px}
 #presale .price-block{position:relative;z-index:5;margin:0 1% 8px;transform:rotate(1.5deg);padding:24px;flex:none}
 #presale .price-block>p{font-size:14px}
 #presale .price{font-size:clamp(90px,27vw,120px);margin:10px 0 14px}
 #presale .price-block>strong{font-size:17px;letter-spacing:0}
 #presale .progress-block{margin:0;padding:22px 0 4px}
 #presale .presale-right{display:flex;flex-direction:column;gap:0}
 #presale .presale-right article{width:100%;margin:0;padding:24px 0;border-bottom:1px solid #ddd}
 #presale .presale-right h3{font-size:20px;line-height:1.45;margin:0 0 12px}
 #presale .presale-right p{font-size:15px;line-height:1.8;margin:8px 0 0}
 #presale .presale-right .sticker-benefit{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:20px;align-items:start}
 #presale .sticker-benefit .sticker-sheet{grid-column:1;grid-row:1/4;float:none;width:72px;height:92px;margin:4px 0 0}
 #presale .sticker-benefit h3,#presale .sticker-benefit p,#presale .sticker-benefit .text-action{grid-column:2;clear:none}
 #presale .sticker-benefit h3{font-size:18px;margin:0 0 4px}
 #presale .sticker-benefit h3 em{white-space:nowrap}
 #presale .sticker-benefit p{font-size:14px}
 #presale .sticker-benefit .text-action{font-size:13px;justify-self:start;margin-top:12px}
 #presale .presale-right .shipping{display:block;border-top:0;margin:0}
 #presale .shipping h3{font-size:20px}
 #presale .shipping em{font-size:28px}
 #presale .presale-launch{display:grid;grid-template-columns:1fr;margin-top:0;gap:20px;padding:24px 6%}
 #presale .presale-launch .primary-action{width:100%;font-size:24px;padding:18px}
 #presale .launch-date{border-left:0;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
 #presale .launch-date strong{font-size:20px;margin:0}
 #presale .launch-date strong br{display:none}
 #presale .digital-countdown{display:flex;width:100%;gap:7px}
 #presale .clock-unit strong{font-size:clamp(28px,8vw,39px)}
 #presale .presale-footer{padding-top:0}
}