.tp{min-width:0;margin:4px 0 24px;position:relative;overflow:hidden}@supports (width:1cqw){.tp{overflow:visible}}.tp-stage{touch-action:pan-y;height:520px;position:relative;container-type:inline-size}.tp-c{width:300px;color:inherit;background:#fff;border:1px solid #d6e2f5;border-radius:22px;margin-left:-150px;text-decoration:none;transition:transform 1.1s cubic-bezier(.4,0,.2,1);position:absolute;top:18px;left:50%;overflow:hidden;box-shadow:0 22px 44px #0e3fa329}.tp-c:before{content:"";aspect-ratio:1;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 52%,#8fb6ff 64%,#fff 71%,#2563eb 80%,transparent 90%);width:260%;animation:4s linear infinite tp-ring;position:absolute;top:50%;left:50%;translate:-50% -50%}.tp-c:after{content:"";z-index:-1;pointer-events:none;background:#fff;border-radius:18px;position:absolute;inset:3px}.tp-c:nth-child(2):before{animation-delay:-1.3s}.tp-c:nth-child(3):before{animation-delay:-2.6s}@keyframes tp-ring{to{rotate:360deg}}.tp-c.c{z-index:3;transform:none}.tp-c.l{z-index:2;cursor:pointer;transform:translate(calc(132px - 50cqw))scale(.88)}.tp-c.r{z-index:2;cursor:pointer;transform:translate(calc(50cqw - 132px))scale(.88)}.tp-c.l .tp-bt,.tp-c.r .tp-bt{opacity:.5}.tp-im{border-radius:22px 22px 0 0;height:230px;position:relative}.tp-t{object-fit:contain;width:100%;height:100%;padding:9%;position:absolute;inset:0}.tp-lb{z-index:2;color:#134fc4;white-space:nowrap;background:#e8f0fe;border:1.5px solid #134fc4;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1.4;position:absolute;top:14px;left:14px}.tp-c.k-best .tp-lb{color:#fff;background:linear-gradient(135deg,#0e3fa3,#134fc4 55%,#2a6be0);border-color:#0000}.tp-seal{z-index:2;filter:drop-shadow(0 4px 10px #5b21b640);width:60px;height:60px;position:absolute;top:12px;right:12px}.tp-seal .ring{background:conic-gradient(#7c3aed,#4f46e5,#2563eb,#3b82f6,#8b5cf6,#7c3aed);border-radius:50%;animation:12s linear infinite tp-spin;position:absolute;inset:0}.tp-seal svg{width:100%;height:100%;position:absolute;inset:0}.tp-seal text{letter-spacing:1.5px;fill:#fff;font:700 10px Noto Sans Thai,sans-serif}.tp-seal .core{background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:13px}.tp-seal .core b{white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1}.tp-c.k-best .tp-seal .core b{letter-spacing:-.2px;font-size:12.5px}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-bd{padding:16px 18px 18px}.tp-lg{height:var(--h,15px);width:auto;max-height:22px;display:block}.tp-br{letter-spacing:1px;color:#6b7280;font-size:12px;font-weight:700}.tp-c h3{color:#111827;margin:8px 0 2px;font-size:21px;font-weight:800;line-height:1.3}.tp-mt{color:#4b5563;font-size:14px}.tp-pr{white-space:nowrap;align-items:baseline;gap:8px;margin-top:10px;display:flex}.tp-pr b{color:#111827;font-size:27px;font-weight:800}.tp-pr s{color:#9aa1ab;font-size:14px}.tp-pr small{color:#4b5563;font-size:13px}.tp-sd{color:#134fc4;margin-top:4px;font-size:13px;font-weight:700}.tp-bt{color:#fff;background:linear-gradient(135deg,#0e3fa3,#134fc4 55%,#2a6be0);border-radius:12px;justify-content:center;align-items:center;height:46px;margin-top:14px;font-size:15px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.tp-seal .ring{animation:none}.tp-c{transition:none}.tp-c:before{animation:none;display:none}}@media (max-width:640px){.tp-stage{height:384px}.tp-c{border-radius:18px;width:196px;margin-left:-98px}.tp-c:after{border-radius:14px}.tp-c.l{transform:translate(calc(80.5px - 50cqw))scale(.82)}.tp-c.r{transform:translate(calc(50cqw - 80.5px))scale(.82)}.tp-im{border-radius:18px 18px 0 0;height:148px}.tp-bd{padding:12px 12px 14px}.tp-c h3{margin-top:6px;font-size:15px}.tp-mt{font-size:12.5px}.tp-lg{max-height:18px}.tp-pr{gap:6px;margin-top:8px}.tp-pr b{font-size:20px}.tp-pr s,.tp-pr small,.tp-sd{font-size:12px}.tp-bt{border-radius:10px;height:38px;margin-top:12px;font-size:13px}.tp-lb{padding:3px 9px;font-size:11px;top:10px;left:10px}.tp-seal{width:50px;height:50px;top:8px;right:8px}.tp-seal .core{inset:11px}.tp-seal .core b{font-size:18px}.tp-c.k-best .tp-seal .core b{font-size:10.5px}}.tp:has(~#plv.is-list){display:none}