.tkpn-overlay[hidden]{display:none!important}.tkpn-overlay{position:fixed;inset:0;z-index:999999;background:rgba(15,23,42,.48);display:flex;align-items:center;justify-content:center;padding:16px;font-family:Roboto,Arial,sans-serif;box-sizing:border-box}.tkpn-dialog{width:650px;max-width:100%;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0003;color:#263548}.tkpn-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #e2e8f0;font-weight:600}.tkpn-close{border:0;background:transparent;color:#64748b;font-size:30px;line-height:1;min-width:44px;min-height:44px;margin:0;padding:0}.tkpn-body{padding:16px;overflow-y:auto;overscroll-behavior:contain;background:#f5f7fb}.tkpn-card,.tkpn-sale{text-align:center;border-radius:15px;padding:24px 20px;background:#fff;overflow-wrap:anywhere}.tkpn-card{border-top:4px solid #7378ed;box-shadow:0 8px 25px #172b4510}.tkpn-dialog h2{font:700 22px/1.4 Roboto,Arial,sans-serif;color:inherit;margin:0 0 12px}.tkpn-dialog p{font:400 16px/1.75 Roboto,Arial,sans-serif;margin:0 0 16px;color:inherit;white-space:normal}.tkpn-dialog a{display:inline-block;text-decoration:none;color:#fff!important;font-weight:700;padding:12px 22px;border-radius:28px}.tkpn-zalo{background:#00ae49;box-shadow:0 5px 18px #00ae4930}.tkpn-sale{margin-top:20px;background:linear-gradient(135deg,#8652be,#527efa);color:#fff}.tkpn-deadline{font-size:14px!important}.tkpn-timer{display:flex;gap:10px;justify-content:center;margin:18px 0}.tkpn-timer span{display:flex;flex-direction:column;min-width:58px;padding:10px 8px;border-radius:12px;background:#ffffff24;font-size:11px;font-weight:700;color:#fff4ad}.tkpn-timer b{font-size:25px;line-height:1.4;color:#fff;font-variant-numeric:tabular-nums}.tkpn-offer{background:#ffffff26;border:1px solid #ffffff50}.tkpn-foot{padding:12px 16px;text-align:right;border-top:1px solid #e2e8f0}.tkpn-snooze{background:#e3314c;border:0;border-radius:7px;color:#fff;font:600 14px/1.5 Roboto,Arial,sans-serif;padding:10px 14px;margin:0;white-space:normal}.tkpn-dialog button{cursor:pointer;text-transform:none;letter-spacing:normal}.tkpn-dialog :is(a,button):focus-visible{outline:3px solid #172b45;outline-offset:3px}@media(max-width:480px){.tkpn-overlay{padding:10px}.tkpn-card,.tkpn-sale{padding:20px 12px}.tkpn-dialog h2{font-size:19px}.tkpn-dialog p{font-size:14px}.tkpn-timer{gap:6px}.tkpn-timer span{min-width:44px;padding:8px 5px}.tkpn-timer b{font-size:22px}.tkpn-foot button{width:100%}}@media(prefers-reduced-motion:reduce){.tkpn-overlay *{scroll-behavior:auto!important}}
.tkpn-dialog img.tkpn-custom-emoji{display:inline-block!important;width:30px!important;height:30px!important;max-width:30px;object-fit:contain;vertical-align:middle;margin:0 5px 0 0!important;border:0;border-radius:0}

.tkpn-sale h2{display:flex;align-items:center;justify-content:center;gap:10px}
.tkpn-dancing-emoji{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;font-size:27px;line-height:1;transform-origin:50% 85%;animation:tkpn-gift-wiggle 1.7s ease-in-out infinite}
.tkpn-emoji-right{animation-delay:.35s}
.tkpn-dancing-emoji img.tkpn-custom-emoji{margin:0!important}
@keyframes tkpn-gift-wiggle{0%,65%,100%{transform:translateY(0) rotate(0)}10%{transform:translateY(-3px) rotate(-12deg)}22%{transform:translateY(-3px) rotate(12deg)}34%{transform:translateY(-2px) rotate(-8deg)}46%{transform:translateY(0) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.tkpn-dancing-emoji{animation:none!important}}
@media(max-width:480px){.tkpn-sale h2{gap:6px}.tkpn-dancing-emoji{flex-basis:25px;font-size:24px}}
.tkpn-dialog img.tkpn-inline-emoji{display:inline-block!important;width:26px!important;height:26px!important;max-width:26px!important;object-fit:contain;vertical-align:middle;margin:0 3px!important;border:0;border-radius:0;box-shadow:none}

/* Highlight the merchant-entered offer without changing its wording. */
.tkpn-sale .tkpn-offer-box{box-sizing:border-box;width:100%;max-width:420px;margin:14px auto 18px;padding:14px 18px;border:1px solid rgba(255,255,255,.27);border-radius:16px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 22px rgba(37,25,112,.08);text-align:center;overflow-wrap:anywhere}
.tkpn-offer-box .tkpn-offer-heading{font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:1.55;font-weight:800;color:#ffe46b;text-shadow:0 2px 6px rgba(55,29,120,.2)}
.tkpn-offer-box .tkpn-offer-copy{font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.65;font-weight:700;color:#fff;margin-top:5px}
@media(max-width:480px){.tkpn-sale .tkpn-offer-box{padding:12px 10px;border-radius:13px}.tkpn-offer-box .tkpn-offer-heading{font-size:16px}.tkpn-offer-box .tkpn-offer-copy{font-size:14px}}
/* Decorative shine: clipped to each card, never intercepts clicks. */
.tkpn-sale,.tkpn-sale .tkpn-offer-box{position:relative;isolation:isolate;overflow:hidden}
.tkpn-sale::before,.tkpn-sale .tkpn-offer-box::before{content:"";position:absolute;pointer-events:none;z-index:-1;top:-50%;left:0;width:32%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transform:translateX(-180%) skewX(-22deg);animation:tkpn-shine-sweep 6s ease-in-out infinite}
.tkpn-sale .tkpn-offer-box::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);animation-delay:1s}
@keyframes tkpn-shine-sweep{0%,12%{transform:translateX(-180%) skewX(-22deg)}48%,100%{transform:translateX(460%) skewX(-22deg)}}
.tkpn-overlay[hidden] .tkpn-sale::before,.tkpn-overlay[hidden] .tkpn-offer-box::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.tkpn-sale::before,.tkpn-sale .tkpn-offer-box::before{animation:none!important;display:none}}
/* Keep the shine above the card background and below readable content. */
.tkpn-sale::before,.tkpn-sale .tkpn-offer-box::before{z-index:1;opacity:1;width:42%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 20%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.10) 80%,transparent 100%);animation:tkpn-visible-shine 3.8s ease-in-out infinite}
.tkpn-sale>*,.tkpn-sale .tkpn-offer-box>*{position:relative;z-index:2}
.tkpn-sale .tkpn-offer-box::before{animation-delay:.45s}
@keyframes tkpn-visible-shine{0%{transform:translateX(-180%) skewX(-22deg)}65%,100%{transform:translateX(370%) skewX(-22deg)}}
@media(prefers-reduced-motion:reduce){.tkpn-sale::before,.tkpn-sale .tkpn-offer-box::before{animation:none!important;display:none}}

.tkpn-banner{margin-top:20px;border-radius:15px;overflow:hidden;line-height:0;background:transparent}
.tkpn-banner[hidden]{display:none!important}
.tkpn-dialog .tkpn-banner-link{display:block;padding:0!important;border:0;border-radius:0;line-height:0;background:none}
.tkpn-dialog img.tkpn-banner-image{display:block!important;width:100%!important;height:auto!important;max-width:100%;border:0;margin:0!important;border-radius:0;box-shadow:none}

.tkpn-body>.tkpn-notice-banner:first-child{margin-top:0}
