#scTechDealPopup,#scTechDealPopup *{box-sizing:border-box}
#scTechDealPopup{--td-blue:#0b6ff5;--td-ink:#10264a;position:fixed;inset:0;z-index:999999;pointer-events:none;font-family:inherit}
#scTechDealPopup.td-open{pointer-events:auto}
.td-popup-card{position:fixed;left:50%;top:50%;width:min(470px,calc(100vw - 28px));min-height:290px;padding:24px 24px 20px;overflow:hidden;color:var(--td-ink);border:1px solid rgba(190,215,242,.8);border-radius:26px;background:radial-gradient(circle at 82% 18%,rgba(76,156,255,.16),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,248,255,.98));box-shadow:0 35px 90px rgba(21,55,94,.25),0 10px 28px rgba(11,111,245,.12),inset 0 1px 0 rgba(255,255,255,.95);transform:translate3d(var(--td-start-x),var(--td-start-y),0) translate(-50%,-50%) scale(.12) rotateX(38deg) rotateY(-32deg) rotateZ(var(--td-start-rotate));opacity:0;transform-origin:center;will-change:transform,opacity}
#scTechDealPopup.td-open .td-popup-card{animation:tdPopupEnter .85s cubic-bezier(.16,1,.3,1) forwards}
#scTechDealPopup.td-closing .td-popup-card{animation:tdPopupExit .38s cubic-bezier(.7,0,.84,0) forwards}
@keyframes tdPopupEnter{0%{opacity:0;transform:translate3d(var(--td-start-x),var(--td-start-y),0) translate(-50%,-50%) scale(.12) rotateX(38deg) rotateY(-32deg) rotateZ(var(--td-start-rotate))}58%{opacity:1;transform:translate3d(0,0,0) translate(-50%,-50%) scale(1.08) rotateX(-5deg) rotateY(5deg) rotateZ(-2deg)}78%{transform:translate3d(0,0,0) translate(-50%,-50%) scale(.96) rotateX(2deg) rotateY(-2deg) rotateZ(1deg)}100%{opacity:1;transform:translate3d(0,0,0) translate(-50%,-50%) scale(1) rotateX(0) rotateY(0) rotateZ(0)}}
@keyframes tdPopupExit{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.55) rotateX(-22deg) rotateY(28deg)}}
.td-popup-close{position:absolute;z-index:8;top:11px;right:12px;width:34px;height:34px;border:1px solid #d8e5f3;border-radius:50%;background:rgba(255,255,255,.85);color:#58708e;font-size:20px;cursor:pointer;transition:.2s}
.td-popup-close:hover{color:var(--td-blue);transform:rotate(90deg) scale(1.06)}
.td-popup-kicker{position:relative;z-index:2;display:inline-flex;gap:7px;margin-bottom:8px;color:#52729b;font-size:10px;font-weight:900;letter-spacing:.15em}
.td-popup-kicker:before{content:"";width:24px;height:2px;border-radius:5px;background:var(--td-blue)}
.td-popup-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:center}
.td-popup-brand{margin-bottom:5px;color:var(--td-blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.td-popup-title{margin:0;max-width:285px;color:#112b54;font-size:clamp(20px,3vw,27px);line-height:1.05;letter-spacing:-.035em}
.td-popup-tag{display:inline-flex;margin-top:12px;padding:6px 9px;border:1px solid #d5e5f7;border-radius:999px;background:#f4f9ff;color:#52729b;font-size:9px;font-weight:900;letter-spacing:.08em}
.td-popup-buy{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:16px;padding:0 17px;border-radius:10px;background:linear-gradient(135deg,#0870f6,#2685ff);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(11,111,245,.22);transition:.2s}
.td-popup-buy:hover{transform:translateY(-2px)}
.td-popup-product{position:relative;min-height:165px;display:grid;place-items:center;perspective:600px}
.td-popup-product:before{content:"";position:absolute;width:135px;height:135px;border-radius:50%;border:1px solid rgba(57,130,229,.15);box-shadow:0 0 0 18px rgba(57,130,229,.035),0 0 0 36px rgba(57,130,229,.022)}
.td-popup-product img{position:relative;z-index:2;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(21,49,84,.20));mix-blend-mode:multiply;animation:tdProductFloat 2.8s ease-in-out infinite}
@keyframes tdProductFloat{0%,100%{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-7px) rotate(3deg)}}
.td-teddy{display: none; position:absolute;z-index:5;right:180px;bottom:-30px;width:54px;height:65px;transform-origin:bottom center;animation:tdTeddyDance .65s ease-in-out infinite alternate;filter:drop-shadow(0 8px 8px rgba(75,52,35,.16))}
.td-teddy .head{position:absolute;left:10px;top:0;width:36px;height:35px;border-radius:48%;background:#b98252}
.td-teddy .ear{position:absolute;top:-5px;width:15px;height:15px;border-radius:50%;background:#9b663d}.td-teddy .ear.left{left:4px}.td-teddy .ear.right{right:4px}
.td-teddy .eye{position:absolute;top:14px;width:4px;height:5px;border-radius:50%;background:#2a211c}.td-teddy .eye.left{left:9px}.td-teddy .eye.right{right:9px}
.td-teddy .muzzle{position:absolute;left:11px;top:20px;width:14px;height:10px;border-radius:50%;background:#dca87a}.td-teddy .nose{position:absolute;left:16px;top:21px;width:5px;height:4px;border-radius:50%;background:#34221a}
.td-teddy .body{position:absolute;left:14px;top:31px;width:29px;height:30px;border-radius:45%;background:#b98252}
.td-teddy .arm,.td-teddy .leg{position:absolute;background:#a97147;border-radius:999px;transform-origin:top center}
.td-teddy .arm{top:34px;width:9px;height:25px}.td-teddy .arm.left{left:7px;animation:tdArmLeft .5s ease-in-out infinite alternate}.td-teddy .arm.right{right:5px;animation:tdArmRight .5s ease-in-out infinite alternate}
.td-teddy .leg{top:54px;width:10px;height:18px}.td-teddy .leg.left{left:14px;transform:rotate(13deg)}.td-teddy .leg.right{right:12px;transform:rotate(-13deg)}
@keyframes tdTeddyDance{from{transform:rotate(-8deg) translateY(1px)}to{transform:rotate(8deg) translateY(-3px)}}@keyframes tdArmLeft{from{transform:rotate(35deg)}to{transform:rotate(-35deg)}}@keyframes tdArmRight{from{transform:rotate(-35deg)}to{transform:rotate(35deg)}}
.td-popup-timer{position:absolute;z-index:7;left:0;right:0;bottom:0;height:4px;background:rgba(216,228,242,.7)}.td-popup-timer span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#0870f6,#78b5ff);animation:tdTimer 15s linear forwards}
@keyframes tdPopupProgress{
    from{
        transform:scaleX(1);
    }
    to{
        transform:scaleX(0);
    }
}

@keyframes tdTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.td-popup-note{position:absolute;left:24px;bottom:12px;color:#8a9ab0;font-size:9px;font-weight:700}
@media(max-width:560px){.td-popup-card{width:min(370px,calc(100vw - 20px));min-height:330px;padding:22px 18px 28px;border-radius:22px}.td-popup-content{grid-template-columns:1fr}.td-popup-title{max-width:none;font-size:23px}.td-popup-product{min-height:130px}.td-popup-product img{width:125px;height:125px}.td-teddy{right:25px;bottom:-2px;transform:scale(.9)}.td-popup-note{left:18px}}
@media(prefers-reduced-motion:reduce){#scTechDealPopup .td-popup-card,#scTechDealPopup .td-popup-product img,#scTechDealPopup .td-teddy,#scTechDealPopup .td-teddy *{animation:none!important}}