/* 카드단말기 시안 (2026-10-07 다시 만듦): 들어오면 [토스 단말기] / [무선 단말기] 중 하나를 고른다.
   - 밝은 흰 바탕, 큰 실물 사진. 민트는 포인트로만.
   - 사진 상자는 모두 aspect-ratio 로 크기가 정해지고 overflow 로 잘린다 → 어떤 폭에서도 화면 밖으로 안 나간다.
   - 고정(sticky/pin) 없음. 움직임은 transform/opacity 만. */

body.sx-rent.sx-terminal:not(.x1):not(.x2):not(.x3){background:#fff}
html:has(body.sx-terminal){overflow-x:clip}
.sx-terminal{--tk-ink:#131E18;--tk-soft:#F3F7F6;--tk-line:#E3EBE8;--tk-mint:#2FA27F;--tk-photo:#F5F5F5;--tk-ease:cubic-bezier(.22,1,.36,1)}
.tk-main{overflow:hidden;overflow:clip}
.tk-main img{max-width:100%;height:auto}

.tk-in{max-width:1120px;margin-inline:auto;padding-inline:20px}
.tk-sec{padding:56px 0 8px;position:relative}
.tk-two{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
.tk-copy,.tk-vis{min-width:0}
.tk-copy-c{text-align:center}
.tk-copy-c .rs-tag{margin-inline:auto}
.tk-note{margin-top:14px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.tk-note-c{text-align:center;margin-top:18px}
.sx-terminal .rs-inline-cta{min-height:44px}

/* ---------- 0. 히어로: 두 갈래 (모바일은 위아래로 크게) ---------- */
.tk-hero{padding:24px 0 4px}
.tk-pick{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
.tk-choice{position:relative;display:grid;grid-template-columns:46% minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:10px 14px 10px 10px;border:0;border-radius:22px;
  background:var(--tk-soft);box-shadow:inset 0 0 0 1.5px var(--tk-line);font:inherit;color:var(--tk-ink);text-align:left;cursor:pointer;
  transition:background .35s,box-shadow .35s,transform .2s}
.tk-choice:active{transform:scale(.985)}
.tk-choice.is-on{background:#fff;box-shadow:inset 0 0 0 2px var(--tk-mint),0 16px 30px -20px rgba(31,122,99,.55)}
.tk-choice:focus-visible{outline:3px solid var(--mint-ink);outline-offset:3px}
.tk-choice-img{position:relative;display:block;aspect-ratio:1000/720;border-radius:15px;overflow:hidden}
.tk-choice-toss .tk-choice-img{background:var(--tk-photo)}
.tk-choice-wl .tk-choice-img{background:radial-gradient(circle at 50% 55%,#E3F4EE 0%,#F1F8F6 60%,#F6FAF9 100%)}
.tk-choice-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .55s var(--tk-ease)}
.tk-choice-wl .tk-choice-img img{inset:6% 0;height:88%}
.tk-choice.is-on .tk-choice-img img{transform:scale(1.05)}
.tk-choice-txt{display:flex;flex-direction:column;min-width:0;padding-right:20px}
.tk-choice-t{font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.3}
.tk-choice-s{margin-top:3px;font-size:13px;line-height:1.45;color:var(--ink-2);word-break:keep-all}
.tk-choice-ck{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #CBD8D4;transition:background .3s,box-shadow .3s}
.tk-choice-ck::after{content:"";position:absolute;left:8px;top:5px;width:6px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg) scale(.4);opacity:0;transition:transform .3s var(--tk-ease),opacity .2s}
.tk-choice.is-on .tk-choice-ck{background:var(--tk-mint);box-shadow:none}
.tk-choice.is-on .tk-choice-ck::after{transform:rotate(45deg) scale(1);opacity:1}

/* ---------- 패널 전환 ---------- */
.tk-panels{position:relative}
.tk-panel{outline:none;transition:opacity .35s ease,transform .45s var(--tk-ease)}
.tk-panel.is-out{opacity:0;transform:translateY(14px)}
.tk-panel[hidden]{display:none}
.tk-swap{padding-top:36px;padding-bottom:8px;text-align:center}
.tk-swap-b{min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--tk-soft);box-shadow:inset 0 0 0 1px var(--tk-line);font:inherit;font-size:15px;font-weight:800;color:var(--mint-ink);cursor:pointer}
.tk-swap-b::after{content:" →"}

/* ---------- 토스 ① 한 세트 (두 사진을 한 상자에, 겹치지 않게) ---------- */
.tk-duo{position:relative;width:100%;aspect-ratio:1000/720;border-radius:24px;overflow:hidden;background:var(--tk-photo)}
.tk-duo img{position:absolute;display:block;transition:opacity .45s,transform .6s var(--tk-ease)}
.tk-duo-term{left:0;top:25%;width:54%;height:auto}
.tk-duo-front{left:50%;top:8.3%;width:47.6%;height:auto;filter:drop-shadow(0 14px 14px rgba(0,0,0,.1))}
.tk-duo[data-d="term"] .tk-duo-front,.tk-duo[data-d="front"] .tk-duo-term{opacity:.25}
.tk-duo[data-d="term"] .tk-duo-term{transform:scale(1.05)}
.tk-duo[data-d="front"] .tk-duo-front{transform:scale(1.04)}
.tk-duo-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.tk-duo-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;min-height:60px;padding:10px 14px;border:0;border-radius:16px;background:var(--tk-soft);box-shadow:inset 0 0 0 1px var(--tk-line);
  font:inherit;font-size:15px;font-weight:800;color:var(--tk-ink);text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s,color .3s}
.tk-duo-b b{font-size:12px;color:var(--ink-2);font-weight:700;transition:color .3s}
.tk-duo-b[aria-pressed="true"]{background:var(--mint-ink);color:#fff;box-shadow:none}
.tk-duo-b[aria-pressed="true"] b{color:rgba(255,255,255,.8)}
.tk-duo-line{display:grid;margin-top:12px;min-height:24px;font-size:15px;font-weight:700;color:var(--mint-ink)}
.tk-duo-msg{grid-area:1/1;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s var(--tk-ease)}
.tk-duo-line[data-d="none"] .tk-duo-msg[data-d="none"],.tk-duo-line[data-d="term"] .tk-duo-msg[data-d="term"],.tk-duo-line[data-d="front"] .tk-duo-msg[data-d="front"]{opacity:1;transform:none}

/* ---------- 사진 무대: 사진이 겹쳐 있다가 고른 것만 보인다 ---------- */
.tk-stage{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--tk-line)}
.tk-stage-sq{aspect-ratio:1/1;background:var(--tk-photo);box-shadow:none}
.tk-shot{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .5s ease,transform .9s var(--tk-ease)}
.tk-shot.is-on{opacity:1;transform:none}
.tk-shot img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain}
.tk-stage-sq .tk-shot img{inset:0;width:100%;height:100%}

/* 결제 방법 4칸: 고른 칸 아래로 진행 막대가 찬다 */
.tk-tabs4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.tk-t4{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:58px;padding:8px 2px 10px;border:0;border-radius:14px;overflow:hidden;
  background:var(--tk-soft);font:inherit;color:var(--tk-ink);cursor:pointer;transition:background .3s,color .3s}
.tk-t4 b{font-size:13px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.tk-t4 span{font-size:10.5px;color:var(--ink-2);white-space:nowrap;letter-spacing:-.02em;transition:color .3s}
.tk-t4.is-on{background:var(--mint-ink);color:#fff}
.tk-t4.is-on span{color:rgba(255,255,255,.8)}
.tk-t4 i{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.85);transform-origin:left;transform:scaleX(0)}
.tk-t4.is-run i{transform:scaleX(1);transition:transform var(--auto,3.6s) linear}

/* ---------- 토스 ③ 키오스크 ---------- */
.tk-kiosk{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:linear-gradient(170deg,#EAF2FF 0%,#F6F9FF 55%,#fff 100%)}
.tk-kiosk img{position:absolute;left:50%;top:7%;height:88%;width:auto;max-width:none;translate:-50% 0;filter:drop-shadow(0 16px 16px rgba(30,50,90,.14))}
.tk-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;counter-reset:tk3}
.tk-list li{position:relative;padding:14px 16px 14px 54px;border-radius:18px;background:var(--tk-soft);counter-increment:tk3}
.tk-list li::before{content:counter(tk3);position:absolute;left:16px;top:15px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--mint-ink)}
.tk-list b{display:block;font-size:16px;color:var(--tk-ink);line-height:1.45}
.tk-list span{display:block;margin-top:2px;font-size:14px;line-height:1.55;color:var(--ink-2)}

/* ---------- 토스 ④ 터미널 기능 줄 ---------- */
.tk-rows{display:grid;gap:8px;margin-top:12px}
.tk-row{display:block;width:100%;min-height:44px;padding:13px 16px 13px 44px;border:0;border-radius:16px;background:var(--tk-soft);font:inherit;text-align:left;color:var(--tk-ink);cursor:pointer;position:relative;
  transition:background .3s,box-shadow .3s}
.tk-row::before{content:"";position:absolute;left:16px;top:16px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2px #BFD0CB;transition:box-shadow .3s,background .3s}
.tk-row b{display:block;font-size:15.5px;line-height:1.4}
.tk-row span{display:block;margin-top:1px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.tk-row.is-on{background:#fff;box-shadow:inset 0 0 0 2px var(--tk-mint)}
.tk-row.is-on::before{background:var(--tk-mint);box-shadow:inset 0 0 0 4px #fff,0 0 0 2px var(--tk-mint)}

/* ---------- 무선 ① 어디서나 ---------- */
.tk-pills{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tk-pills li{padding:9px 15px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--tk-line);font-size:14.5px;font-weight:800;color:var(--tk-ink)}
.tk-pills li:nth-child(odd){background:#EEF8F5;box-shadow:none;color:var(--mint-ink)}
.tk-wl{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 52%,#E2F4EE 0%,#F1F8F6 55%,#F7FBFA 100%)}
.tk-ring{position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;margin:-36% 0 0 -36%;border-radius:50%;border:2px solid rgba(47,162,127,.3)}
.tk-wl-img{position:absolute;left:12%;top:7%;width:76%;height:auto;filter:drop-shadow(0 18px 18px rgba(24,40,36,.2))}

/* ---------- 무선 ② 결제 수단 ---------- */
.tk-icons{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}
.tk-icons li{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.tk-icons svg{width:60px;height:60px;padding:12px;border-radius:20px;background:#EEF8F5;fill:none;stroke:var(--mint-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.tk-icons b{margin-top:10px;font-size:15.5px;color:var(--tk-ink)}
.tk-icons span{margin-top:2px;font-size:12.5px;color:var(--ink-2)}
.tk-cam{display:flex;gap:14px;align-items:center;margin:26px auto 0;max-width:560px;padding:16px;border-radius:18px;background:var(--tk-soft);font-size:14px;line-height:1.55;color:var(--ink-2)}
.tk-cam svg{flex:none;width:44px;height:44px;padding:9px;border-radius:14px;background:#fff;fill:none;stroke:var(--mint-ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.tk-cam b{display:block;font-size:15.5px;color:var(--tk-ink)}

/* ---------- 무선 ③ 기기 특징 ---------- */
.tk-grid{list-style:none;margin:24px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px}
.tk-grid li{display:flex;flex-direction:column;padding:16px;border-radius:18px;background:var(--tk-soft)}
.tk-grid i{position:relative;width:34px;height:34px;margin-bottom:12px}
.tk-grid b{font-size:21px;letter-spacing:-.03em;color:var(--tk-ink)}
.tk-grid span{font-size:13.5px;color:var(--ink-2)}
.g-scr::before{content:"";position:absolute;inset:4px 6px;border-radius:5px;border:2.6px solid var(--mint-ink);background:linear-gradient(135deg,#BFE7DA,#fff)}
.g-rc::before{content:"";position:absolute;left:8px;right:8px;top:2px;bottom:4px;border:2.6px solid var(--mint-ink);border-radius:3px 3px 0 0;background:repeating-linear-gradient(180deg,transparent 0 6px,#BFE7DA 6px 8px)}
.g-usb::before{content:"";position:absolute;left:4px;right:4px;top:11px;height:12px;border-radius:6px;border:2.6px solid var(--mint-ink)}
.g-usb::after{content:"";position:absolute;left:11px;right:11px;top:16px;height:2.6px;border-radius:2px;background:var(--mint-ink)}
.g-bat{border:2.6px solid var(--mint-ink);border-radius:6px;height:20px!important;width:34px;margin-top:7px;margin-bottom:19px!important;box-sizing:border-box;padding:2px}
.g-bat::after{content:"";position:absolute;right:-6px;top:4px;width:3px;height:7px;border-radius:0 2px 2px 0;background:var(--mint-ink)}
.g-bat s{display:block;height:100%;border-radius:2px;background:var(--tk-mint);transform-origin:left;transform:scaleX(.9)}

/* ---------- 폰 (앱 화면) ---------- */
.tt-phbox{position:relative;width:100%;max-width:240px;margin-inline:auto;aspect-ratio:.54;container-type:size;--u:3px}
@supports (height:1cqh){.tt-phbox{--u:1cqh}}
.tt-phbox .rs-ph{inset:3% auto auto 50%;margin:0;width:auto;height:94%;translate:-50% 0}
.tk-scr{opacity:0;transition:opacity .45s}
.tk-scr.is-on{opacity:1}
.tk-mini{display:flex;gap:4px;margin-top:20px;width:100%;max-width:280px;padding:3px;border-radius:999px;background:var(--tk-soft);box-shadow:inset 0 0 0 1px var(--tk-line)}
.tk-mini-b{flex:1;min-width:0;min-height:44px;padding:0 4px;border:0;border-radius:999px;background:none;white-space:nowrap;font:inherit;font-size:14px;font-weight:800;color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s}
.tk-mini-b.is-on{background:var(--mint-ink);color:#fff}

/* ---------- 세그먼트 버튼 ---------- */
.tk-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:20px;padding:4px;border-radius:999px;background:var(--tk-soft);box-shadow:inset 0 0 0 1px var(--tk-line);max-width:340px;--i:0;--n:3}
.tk-seg-b{position:relative;z-index:1;min-height:48px;border:0;background:none;font:inherit;font-size:15px;font-weight:800;color:var(--ink-2);border-radius:999px;cursor:pointer;transition:color .3s}
.tk-seg-b.is-on{color:#fff}
.tk-seg-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:999px;background:var(--mint-ink);
  box-shadow:0 6px 14px -8px rgba(31,122,99,.7);transform:translateX(calc(var(--i) * 100%));transition:transform .45s var(--tk-ease)}

/* ---------- 공통: 정산 ---------- */
.tk-set{background:linear-gradient(180deg,#fff 0%,#F5FAF8 35%,#F5FAF8 75%,#fff 100%);margin-top:16px;padding-bottom:32px}
.tk-tl-wrap{display:grid}
.tk-tl{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.tk-tl.is-on{opacity:1;visibility:visible;transition:opacity .35s}
.tk-line{position:relative;height:6px;margin:14px 10px 0;border-radius:3px;background:var(--tk-line)}
.tk-fill{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,#5CBFA4,#1F7A63);transform-origin:left;transform:scaleX(0)}
.tk-tl.is-run .tk-fill{transform:scaleX(1);transition:transform var(--d,1s) cubic-bezier(.45,0,.2,1)}
.tk-tl[data-k="0"]{--d:.7s}.tk-tl[data-k="1"]{--d:1.3s}.tk-tl[data-k="2"]{--d:1.9s}
.tk-dot{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px var(--mint-ink)}
.tk-d0{left:-9px}
.tk-d1{right:-9px;box-shadow:inset 0 0 0 4px var(--tk-line);transition:box-shadow .3s}
.tk-tl.is-run .tk-d1{box-shadow:inset 0 0 0 4px var(--mint-ink);transition-delay:var(--d,1s)}
.tk-tl-lab{display:flex;justify-content:space-between;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--ink-2)}
.tk-big{margin-top:22px;font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--tk-ink)}
.tk-big b{color:var(--mint-ink)}
.tk-sub{margin-top:8px;font-size:15px;line-height:1.65;color:var(--ink-2);max-width:30em}
.tk-inst{margin-top:26px;padding-top:18px;border-top:1px solid var(--tk-line);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.tk-inst b{font-size:17px;color:var(--tk-ink)}
.tk-inst span{font-size:13.5px;color:var(--ink-2)}

/* ---------- 공통: 신청 흐름 ---------- */
.tk-flow ol.tk-steps{position:relative;list-style:none;margin:0;padding:0 0 0 42px;display:grid;gap:24px;counter-reset:tk}
.tk-rail{position:absolute;left:13px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--tk-line)}
.tk-rail-fill{position:absolute;inset:0;border-radius:2px;background:linear-gradient(180deg,#5CBFA4,#1F7A63);transform-origin:top;transform:scaleY(1)}
.tk-steps li:not(.tk-rail){position:relative;counter-increment:tk}
.tk-steps li:not(.tk-rail)::before{content:counter(tk);position:absolute;left:-40px;top:-1px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;
  font-size:13px;font-weight:800;color:#fff;background:var(--mint-ink);box-shadow:0 0 0 4px #fff}
.tk-steps b{display:block;font-size:17px;color:var(--tk-ink);line-height:1.4}
.tk-steps span{display:block;margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}

/* ---------- 마무리 카드: 사진 위, 글 아래 ---------- */
.tk-end{padding:24px 0 8px}
.tk-end-card{border-radius:28px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--tk-line),0 24px 40px -30px rgba(20,70,56,.35)}
.tk-end-vis{display:grid;grid-template-columns:1.45fr 1fr;gap:0;background:var(--tk-photo)}
.tk-end-a,.tk-end-b{position:relative;display:block;aspect-ratio:1000/720;overflow:hidden}
.tk-end-b{aspect-ratio:auto;background:radial-gradient(circle at 50% 55%,#E2F4EE 0%,#F1F8F6 70%)}
.tk-end-a img,.tk-end-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.tk-end-b img{inset:10% 6%;width:88%;height:80%}
.tk-end-body{padding:22px 20px 24px}
.tk-end-label{display:inline-block;padding:5px 12px;border-radius:999px;background:#EEF8F5;font-size:12.5px;font-weight:800;color:#416C50}
.tk-end-h{margin-top:12px;font-size:24px;line-height:1.35;letter-spacing:-.035em;color:var(--tk-ink)}
.tk-end-lead{margin-top:8px;font-size:15px;color:var(--ink-2)}
.tk-end-btns{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:18px}
.tk-end-btns .sx-btn{justify-content:center;width:100%}

/* ---------- 아주 좁은 폰 ---------- */
@media (max-width:359px){
  .tk-in{padding-inline:16px}
  .tk-choice{grid-template-columns:42% minmax(0,1fr);gap:10px}
  .tk-choice-t{font-size:17px}
  .tk-t4 b{font-size:12px}
  .tk-t4 span{font-size:9.5px}
}

/* ---------- PC ---------- */
@media (min-width:900px){
  .tk-hero{padding:48px 0 24px}
  .tk-hero .tk-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
  .tk-pick{margin-top:0;grid-template-columns:1fr 1fr;gap:16px}
  .tk-choice{grid-template-columns:minmax(0,1fr);padding:14px 14px 20px;gap:12px}
  .tk-choice-t{font-size:22px}
  .tk-choice-s{font-size:14px}
  .tk-sec{padding:96px 0 24px}
  .tk-two{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px}
  .tk-flip > .tk-copy{order:2}
  .tk-icons{grid-template-columns:repeat(6,minmax(0,1fr));max-width:900px;margin-inline:auto}
  .tk-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px}
  .tt-phbox{max-width:290px}
  .tk-end-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
  .tk-end-body{padding:44px 44px;align-self:center}
  .tk-end-h{font-size:34px}
  .tk-end-btns{grid-template-columns:auto auto;justify-content:start}
}

/* ---------- 2026-10-07 밤: 스크롤 모션 보강 ---------- */
/* 제목 줄이 아래에서 올라온다 (줄마다 가림막) */
.tk-ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.tk-ln > span{display:block;will-change:transform}
/* 무선 단말기: 잘리지 않은 전체 사진 */
.tk-wl-img{left:9%;top:12%;width:82%}
/* 날아와서 대는 카드 + 결제 완료 표시 (상자 안에서만 움직임) */
.tk-fcard{position:absolute;right:7%;top:16%;width:30%;aspect-ratio:1.586;border-radius:8%/12.7%;z-index:3;
  background:linear-gradient(135deg,#3FBF9C 0%,#1F8A70 55%,#176B57 100%);box-shadow:0 14px 22px -10px rgba(16,70,56,.55),inset 0 0 0 1px rgba(255,255,255,.18);will-change:transform}
.tk-fcard::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.35) 45%,rgba(255,255,255,0) 60%)}
.tk-fchip{position:absolute;left:12%;top:32%;width:20%;height:24%;border-radius:18%;background:linear-gradient(135deg,#F6DA8C,#D7A94B)}
.tk-fnfc{position:absolute;right:12%;top:30%;width:14%;height:30%;border:2px solid rgba(255,255,255,.85);border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0}
.tk-toast{position:absolute;left:50%;bottom:6%;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 10px;border-radius:999px;background:#fff;
  box-shadow:0 12px 24px -12px rgba(16,70,56,.45);font-size:14px;font-weight:800;color:var(--mint-ink);white-space:nowrap;translate:-50% 0}
.tk-toast i{width:22px;height:22px;border-radius:50%;background:var(--tk-mint);position:relative}
.tk-toast i::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg)}
/* 사진 무대: 스크롤 진행 막대 (JS 가 scaleX 를 직접 준다) */
.tk-row{overflow:hidden}
.tk-row > i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--tk-mint);transform-origin:left;transform:scaleX(0)}
.tk-row:not(.is-on) > i{opacity:0}
.tk-t4:not(.is-on) i{opacity:0}
.tk-scrub .tk-t4.is-run i{transition:none}