/* TW PAY 1.40.0 design system pass: one palette/font/radius/shadow for every screen (source: light home). */
:root{--tw-purple:#6a4cf5;--tw-blue:#2f6bff;--tw-pink:#ee4fa6;--tw-navy:#16204a;--tw-orange:#ff8a3d;
 --twm-violet:var(--tw-purple);--twm-blue:var(--tw-blue);--twm-pink:var(--tw-pink);--twm-navy:var(--tw-navy);--twm-orange:var(--tw-orange)}
/* Banner: fixed 2:1 frame, one slide per view (no peek / leak), light Xiaomi slide */
.tw-home02 .tw5-track[data-step]>*{flex:0 0 100%;max-width:100%}
.tw-home02 .tw5-slide .tw5-ban,.tw5-ban{height:auto!important;aspect-ratio:2/1;min-height:0;box-sizing:border-box;overflow:hidden}
@media (min-width:1024px){.tw5-ban{aspect-ratio:auto;min-height:220px}}
.tw5-ban.b03{background:linear-gradient(120deg,#fff4ea,#ffe9f4)!important;color:var(--tw-navy)!important}
.tw5-ban.b03 h2,.tw-home02 .tw5-ban.b03 h2{color:var(--tw-navy)!important}.tw5-ban.b03 .d{color:#6b7398!important}
.tw5-ban.b03 .tw5-soon{background:#fff;color:var(--tw-navy)}
.tw5-ban .vis img{object-fit:contain}
.tw5-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}.tw5-hd a{white-space:nowrap;flex:none}
/* Service tiles: never split words mid-letter */
.tw5-svc .lb{overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:11.5px;min-width:0}
.tw-home02 .tw5-svc a{gap:5px;padding:6px 5px}.tw-home02 .tw5-svc .ic{width:30px;height:30px}.tw-home02 .tw5-svc .ic svg,.tw-home02 .tw5-svc .ic img{width:22px;height:22px}
/* s00 rate card: art in its own column, never over text */
.twm-rate-card{display:grid;grid-template-columns:minmax(0,1fr) 64px;column-gap:10px;align-items:start}
.twm-rate-card>*{grid-column:1/-1}
.twm-rate-card>h2{grid-column:1;grid-row:1;align-self:center}
.twm-rate-card>.rart{grid-column:2;grid-row:1;position:relative!important;width:64px;height:64px;transform:none!important;inset:auto!important}
.twm-rate-card>.rart svg{width:64px;height:64px}
/* Shared account screens (flows.js) */
.mx-content{display:flex;flex-direction:column;gap:12px}
.mx-content .twm-card{border-radius:var(--twm-r);box-shadow:var(--twm-shadow)}
.mx-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:999px;padding:4px;box-shadow:var(--twm-shadow)}
.mx-tabs a{text-align:center;padding:10px;border-radius:999px;font-weight:800;color:var(--twm-muted);text-decoration:none}
.mx-tabs a[aria-current]{background:var(--twm-grad);color:#fff}
.mx-ahead{text-align:center;padding:4px 8px 0}.mx-ahead h2{margin:6px 0 2px;font-size:22px;font-weight:900;color:var(--tw-navy)}.mx-ahead p{margin:0;color:var(--twm-muted);font-size:14px}
.mx-art{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto}
.mx-otp{border:0;padding:0;margin:0 0 12px}.mx-otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:6px}
.mx-otp-row input{text-align:center;font-size:22px;font-weight:900;padding:0;height:52px;border-radius:14px}
.mx-center{text-align:center}.mx-small{font-size:13px;color:var(--twm-muted)}
.mx-linkbtn{background:none;border:0;padding:0;color:var(--tw-purple);font-weight:800;text-decoration:underline;cursor:pointer;font:inherit}
.mx-linkbtn:disabled{color:var(--twm-muted);cursor:default}
.mx-price{font-size:22px;font-weight:900;color:var(--tw-pink)}
.mx-cart-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--twm-line)}
.mx-cart-row:last-child{border-bottom:0}.mx-cart-row img{width:64px;height:64px;object-fit:contain;border-radius:14px;background:var(--twm-soft)}
.mx-cart-main{display:flex;flex-direction:column;gap:4px;min-width:0}.mx-cart-main b{font-size:14px}.mx-cart-main small{color:var(--twm-muted)}
.mx-qty{display:inline-flex;align-items:center;border:1px solid var(--twm-line);border-radius:999px;width:max-content}
.mx-qty button{width:36px;height:36px;border:0;background:none;font-size:18px;font-weight:900;color:var(--tw-purple);cursor:pointer}
.mx-qty input{width:36px;border:0;text-align:center;font-weight:800;-moz-appearance:textfield}.mx-qty input::-webkit-inner-spin-button{display:none}
.mx-cart-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mx-cart-side b{color:var(--tw-pink)}
.mx-rm{color:var(--twm-err)}
.mx-sum{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 8px}.mx-sum dd{margin:0;font-weight:800;text-align:right}
.mx-sum .mx-tot{font-size:18px;font-weight:900;padding-top:8px;border-top:1px dashed var(--twm-line)}.mx-sum dd.mx-tot{color:var(--tw-pink)}
.mx-legal h2{font-size:16px;margin:16px 0 6px;color:var(--tw-navy)}.mx-legal p,.mx-legal li{font-size:14px;line-height:1.55;color:var(--twm-ink)}.mx-legal ul{padding-left:20px}
.mx-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.mx-products .twm-card{margin:0;display:flex;flex-direction:column;gap:4px}.mx-products img{width:100%;height:140px;object-fit:contain}
.mx-products h2{font-size:14px;margin:4px 0 0}.mx-products p{font-size:12px;color:var(--twm-muted);margin:0}.mx-products b{color:var(--tw-pink)}
.mx-ocard{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--twm-line);text-decoration:none;color:inherit}
.mx-ocard:last-child{border-bottom:0}.mx-ocard .ic{width:44px;height:44px;border-radius:14px;background:var(--twm-soft);display:grid;place-items:center;font-size:20px}
.mx-ocard small{display:block;color:var(--twm-muted);font-size:12px}
.mx-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#efeaff;color:var(--tw-purple)}
.mx-pill.ok{background:var(--twm-ok-bg);color:var(--twm-ok)}.mx-pill.warn{background:var(--twm-warn-bg);color:var(--twm-warn)}.mx-pill.err{background:var(--twm-err-bg);color:var(--twm-err)}
#mx-messages article{margin:0 0 10px}#mx-messages article b{display:block;margin-left:auto;width:max-content;max-width:80%;background:var(--twm-grad);color:#fff;border-radius:14px 14px 4px 14px;padding:10px 12px;font-weight:700}
#mx-messages article p{background:#f3f0ff;border-radius:14px 14px 14px 4px;padding:10px 12px;display:inline-block;max-width:85%;margin:6px 0 0}
.mx-empty,.mx-empty h2,.mx-empty p{text-align:center}
.twm-sheet #twm-bq{flex:none;min-height:46px}.twm-sheet .twm-blg{flex:0 0 40px;width:40px;height:40px;overflow:hidden}.twm-sheet .twm-blg img{width:100%;height:100%;object-fit:contain}
.twm-blg{flex:0 0 40px;width:40px!important;height:40px!important;overflow:hidden}.twm-blg img{width:100%;height:100%;object-fit:contain}
/* 1.40.1 home polish reverted in 1.40.2 (owner keeps home-goc layout) */

/* ===== 1.40.3 HOME (design-target/home, original layout kept) =====
   Tweak points for the coming small home revision: --hx-top (gap under header), --hx-peek (next-slide reveal),
   --hx-gap (between blocks), --hx-tile-gap. */
.tw-home02{--hx-top:12px;--hx-peek:18px;--hx-gap:16px;--hx-tile-gap:10px;font-family:"Nunito",system-ui,sans-serif}
.tw-home02 .twm-main{padding-top:var(--hx-top)}
.tw-home02 .tw5>*+*,.tw-home02 .tw5-b>*+*{margin-top:var(--hx-gap)!important}
.tw-home02 .tw5-hero{margin:0!important;position:relative}
/* banner: peek of next slide, 2.1:1, dots bottom-left, no pause/arrows over the art */
.tw-home02 .tw5-vp{overflow:hidden;border-radius:0!important;box-shadow:none!important;margin:0 -16px;padding:0 16px}
.tw-home02 .tw5-track[data-step]>.tw5-slide{flex:0 0 calc(100% - var(--hx-peek) - 10px)!important;max-width:none!important;padding-right:10px!important;box-sizing:content-box}
.tw-home02 .tw5-slide .tw5-ban,.tw-home02 .tw5-ban{aspect-ratio:2.1/1!important;height:auto!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(70,50,180,.12)}
.tw-home02 .tw5-ctl{position:absolute!important;left:34px;bottom:12px;top:auto!important;right:auto!important;transform:none!important;margin:0!important;height:auto;width:auto;background:none!important;box-shadow:none!important;padding:0;z-index:3}
.tw-home02 .tw5-ctl .tw5-arw{display:none!important}
.tw-home02 .tw5-dots{display:flex;gap:5px;height:auto}
.tw-home02 .tw5-dots button{width:auto;height:auto;min-width:0;min-height:0;padding:4px 0;background:none;border:0}
.tw-home02 .tw5-dots span{display:block;width:6px;height:6px;border-radius:3px;background:#C9C1F7;transition:width .2s}
.tw-home02 .tw5-dots [aria-current] span{width:18px;background:#6A4CF5}
/* rate card */
.tw-home02 .hx-rate{display:flex!important;align-items:center;gap:12px;padding:16px!important;border-radius:20px!important;background:#fff;box-shadow:0 6px 20px rgba(70,50,180,.08)}
.tw-home02 .hx-rate .h2-ri{width:36px;height:auto;flex:none;background:none!important;box-shadow:none!important}
.tw-home02 .hx-rate .h2-ri svg{width:34px!important;height:24px!important;border-radius:4px}
.tw-home02 .hx-rate .rb{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1;min-width:0;gap:0!important}
.tw-home02 .hx-rate .pair{margin:0!important;font-size:15px!important;font-weight:800;flex-basis:auto!important}.tw-home02 .hx-rate .pair b{font-size:15px!important}
.tw-home02 .hx-rate .pair .sw{color:#6A4CF5;margin:0 4px}
.tw-home02 .hx-big{font-size:24px;font-weight:800;line-height:1.2;color:#16204A;white-space:nowrap;letter-spacing:-.3px}
.tw-home02 .hx-at{font-size:12px;color:#5B6385}
.tw-home02 .hx-na{font-size:13px;color:#5B6385}.tw-home02 .hx-retry{border:0;background:none;color:#6A4CF5;font:700 13px "Nunito",sans-serif;padding:0;cursor:pointer;text-decoration:underline}
.tw-home02 .hx-sk{display:block;height:18px;width:150px;border-radius:8px;margin:4px 0}.tw-home02 .hx-sk.s{height:12px;width:110px}
.tw-home02 .hx-rate .tw5-send{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 20px;border-radius:999px;background:linear-gradient(90deg,#6A4CF5,#2F6BFF)!important;color:#fff;font:800 16px "Nunito",sans-serif;box-shadow:0 8px 18px rgba(80,76,245,.30);white-space:nowrap}
.tw-home02 .hx-rate .tw5-send svg{width:18px;height:18px}
/* 6 tiles: icon left 30px, label right, one line */
.tw-home02 .tw5-svc ul{display:grid!important;grid-template-columns:.9fr 1.25fr .9fr;gap:var(--hx-tile-gap)!important}
.tw-home02 .tw5-svc a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:10px 8px!important;min-height:50px!important;border-radius:16px!important;background:#fff;box-shadow:0 4px 14px rgba(70,50,180,.07);text-align:left!important}
.tw-home02 .tw5-svc .ic{width:30px!important;height:30px!important;border-radius:11px!important;background:#F3F0FF!important;flex:none;display:grid!important;place-items:center}
.tw-home02 .tw5-svc .ic svg,.tw-home02 .tw5-svc .ic img,.tw-home02 .tw5-svc .ic.tw-custom-art{width:26px!important;height:26px!important}
.tw-home02 .tw5-svc .lb{font-size:12.5px!important;font-weight:700!important;white-space:nowrap!important;letter-spacing:-.2px;hyphens:none!important;overflow:visible}
/* products: 132px horizontal cards */
.tw-home02 .h2-prod{background:#fff;border-radius:20px;padding:16px;box-shadow:0 6px 20px rgba(70,50,180,.08)}
.tw-home02 .h2-prod .tw5-hd h2{font-size:16px;font-weight:700}.tw-home02 .h2-prod .tw5-hd a{color:#6A4CF5;font-size:13px;font-weight:600}
.tw-home02 .h2-badge{display:none}
.tw-home02 .h2-row{display:flex;gap:10px!important;overflow-x:auto;scrollbar-width:none;margin-right:-16px!important;padding-right:16px!important}
.tw-home02 .h2-row::-webkit-scrollbar{display:none}
.tw-home02 .h2-row>li{flex:0 0 132px!important}
.tw-home02 .h2-pc{display:flex!important;flex-direction:column;height:auto!important;border:1px solid #E6E3F7;border-radius:16px;padding:8px!important;background:#fff;box-shadow:none}
.tw-home02 .h2-pc .im{width:100%;aspect-ratio:1;height:auto!important;border-radius:12px;background:#F7F6FF;display:grid;place-items:center;overflow:hidden}
.tw-home02 .h2-pc .im img{width:100%!important;height:100%!important;object-fit:contain}
.tw-home02 .h2-pc .nm{font-weight:700;font-size:13px;line-height:1.3;margin-top:6px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-overflow:clip!important}
.tw-home02 .h2-pc .pr{color:#C2187A!important;font-weight:800;font-size:14px}.tw-home02 .h2-pc .cart{display:none}
/* partners: uniform 96x56 strip */
.tw-home02 .twp-partners{background:#fff;border-radius:20px;padding:12px 16px 16px;box-shadow:0 6px 20px rgba(70,50,180,.08)}
.tw-home02 .twp-partners__head,.tw-home02 .twp-partners__note{display:none!important}
.tw-home02 .twp-partners__aff{display:block!important;margin:0 0 10px;font-size:13px;font-weight:700;color:#5B6385}
.tw-home02 .twp-partners__list{display:flex!important;gap:10px!important;overflow-x:auto;scrollbar-width:none;margin:0 -16px 0 0!important;padding:0 16px 0 0!important}
.tw-home02 .twp-partners__list::-webkit-scrollbar{display:none}
.tw-home02 .twp-partners__item{flex:0 0 96px!important;width:96px!important}
.tw-home02 .twp-partners__item[data-optional]{display:block!important}
.tw-home02 .twp-partners__link{display:block}
.tw-home02 .twp-partners__logo{width:96px!important;height:56px!important;border-radius:14px;border:1px solid #E6E3F7;background:#fff!important;display:grid!important;place-items:center;padding:8px;box-sizing:border-box}
.tw-home02 .twp-partners__logo img{max-height:30px!important;max-width:72px!important;width:auto!important;height:auto!important;object-fit:contain}
.tw-home02 .twp-partners__name,.tw-home02 .twp-partners__cat{display:none!important}
@media(min-width:1024px){
 .tw-home02{--hx-top:24px;--hx-gap:24px}
 .tw-home02 .tw5{max-width:1200px;margin:0 auto}
 .tw-home02 .tw5-vp{margin:0;padding:0}
 .tw-home02 .tw5-track[data-step]>.tw5-slide{flex:0 0 calc(50% - 10px)!important}
 .tw-home02 .tw5-slide .tw5-ban,.tw-home02 .tw5-ban{aspect-ratio:2.4/1!important;min-height:0!important}
 .tw-home02 .hx-big{font-size:30px}
 .tw-home02 .tw5-svc ul{grid-template-columns:repeat(6,1fr);gap:16px!important}.tw-home02 .tw5-svc a{padding:16px!important;gap:10px!important}.tw-home02 .tw5-svc .lb{font-size:14px!important}
 .tw-home02 .h2-row{overflow:visible;margin-right:0!important;padding-right:0!important}.tw-home02 .h2-row>li{flex:1 1 0!important;min-width:0}.tw-home02 .h2-row>li:nth-child(n+7){display:none}
 .tw-home02 .twp-partners__list{overflow:visible;margin:0!important;padding:0!important}.tw-home02 .twp-partners__item{flex:1 1 0!important;width:auto!important}.tw-home02 .twp-partners__logo{width:100%!important;height:72px!important}.tw-home02 .twp-partners__logo img{max-height:40px!important;max-width:110px!important}
}
@media(min-width:1024px){
 .tw-home02 .tw5{display:flex!important;flex-direction:column;gap:var(--hx-gap)!important;padding:0 24px}
 .tw-home02 .tw5>*,.tw-home02 .tw5-b>*{grid-column:auto!important;grid-row:auto!important;margin-top:0!important}
 .tw-home02 .tw5-b{display:flex!important;flex-direction:column;gap:var(--hx-gap)}
 .tw-home02 .twp-partners{width:auto!important;max-width:none!important}
 .tw-home02 .hx-rate{grid-template-columns:none!important;padding:16px 20px!important}
}
/* ===== 1.40.4 home QA ===== */
body:has(.tw-home02) #tw-support-mascot{width:48px!important;height:48px!important;right:8px!important;left:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;top:auto!important;padding:0!important}
body:has(.tw-home02) #tw-support-mascot img{width:48px!important;height:48px!important}
.tw-home02 .twm-main{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
@media(min-width:1024px){
 body:has(.tw-home02) #tw-support-mascot{bottom:24px!important;right:24px!important}
 .tw-home02 .twm-main{padding-bottom:96px!important}
 .tw-home02 .tw5-slide .tw5-ban{aspect-ratio:auto!important;height:280px!important}
 .tw-home02 .tw5-ban .tx{position:absolute!important;left:32px!important;top:50%!important;transform:translateY(-50%)!important;width:52%!important;max-width:none!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;text-align:left!important;margin:0!important;padding:0!important}
 .tw-home02 .tw5-ban .tx h2{font-size:30px!important;line-height:1.2!important;font-weight:800!important;margin:0!important}
 .tw-home02 .tw5-ban .tx .k{font-size:14px!important;margin:0!important}
 .tw-home02 .tw5-ban .tx .d{display:block!important;font-size:14px!important;line-height:1.4;margin:0!important}
 .tw-home02 .tw5-ban .tx .h2-x,.tw-home02 .tw5-ban .tx .tw5-cta{font-size:15px!important;min-height:42px;padding:0 18px!important}
 .tw-home02 .h2-pc .nm{font-size:15px!important;min-height:40px}
 .tw-home02 .h2-pc .pr{font-size:16px!important;font-weight:800!important}
 .tw-home02 .hx-at{font-size:13px!important}
}
@media(min-width:1024px){.tw-home02 .tw5-slide .tw5-ban{position:relative!important;overflow:hidden}}
@media(min-width:1024px){.tw-home02 .tw5-ban.b01 .vis,.tw-home02 .tw5-ban.b03 .vis{position:absolute!important;right:36px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}}
/* partners strip: exactly 3 full tiles visible at mobile, snap, no half tile */
.tw-home02 .twp-partners__list{margin:0!important;padding:0!important;scroll-snap-type:x mandatory}
.tw-home02 .twp-partners__item{flex:0 0 calc((100% - 20px)/3)!important;width:auto!important;scroll-snap-align:start}
.tw-home02 .twp-partners__logo{width:100%!important;background:#fff!important}
.tw-home02 .twp-partners__logo img{background:transparent!important}
@media(min-width:1024px){.tw-home02 .twp-partners__item{flex:1 1 0!important}}
body.hx-mhide #tw-support-mascot{opacity:0!important;pointer-events:none!important;transform:scale(.6);transition:opacity .2s,transform .2s}body:has(.tw-home02) #tw-support-mascot{transition:opacity .2s,transform .2s}
/* ===== 1.41.0 HOME MOBILE (<=768px) = design-target/home/after-mobile.html ===== */
.hmx,.hmx-parts{display:none}
@media(max-width:768px){
 #twm-app[data-scr=home] .tw5,#twm-app[data-scr=home] .twm-top,#twm-app[data-scr=home] .twm-nav,body:has(#twm-app[data-scr=home]) #tw-support-mascot{display:none!important}
 .tw-home02 .twm-main{padding:0!important;max-width:none!important}
 .tw-home02{background:linear-gradient(180deg,#EEEAFB,#F3F1FC 50%,#EFEDFA)}
 .hmx{display:block;font-family:"Nunito",system-ui,sans-serif;color:#16204A;padding-bottom:76px}
 .hmx a{color:inherit;text-decoration:none}
 .hmx .hd{height:52px;display:flex;align-items:center;padding:0 12px;gap:8px;background:rgba(255,255,255,.35);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
 .hmx .hd .lg{display:flex;align-items:center;gap:7px;font-weight:800;font-size:19px;flex:1;letter-spacing:.2px}.hmx .hd .lg img{width:34px;height:34px}
 .hmx .vi{position:relative;width:73px;height:42px;border-radius:21px;background:#fff;display:flex;align-items:center;box-shadow:0 3px 10px rgba(80,60,200,.08)}
 .hmx .vi select{appearance:none;-webkit-appearance:none;border:0;background:transparent;width:100%;height:100%;padding:0 26px 0 15px;font:700 14px "Nunito",sans-serif;color:#16204A;border-radius:21px}
 .hmx .vi .cv{position:absolute;right:12px;top:50%;transform:translateY(-60%);color:#8A90AE;font-size:11px;pointer-events:none}
 .hmx .bell{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(80,60,200,.08)}
 .hmx .m{padding:3px 12px 0;display:flex;flex-direction:column;gap:7px}
 .hmx .rate{height:78px;background:#fff;border-radius:18px;display:flex;align-items:center;padding:0 10px 0 14px;gap:12px;box-shadow:0 4px 14px rgba(70,50,180,.07)}
 .hmx .fl{width:32px;height:32px;border-radius:50%;background:#F4F2FF;display:grid;place-items:center;flex:none}.hmx .fl span{width:22px;height:15px;border-radius:2px;background:#FE0000;position:relative;display:block}.hmx .fl span:before{content:"";position:absolute;left:0;top:0;width:11px;height:7.5px;background:#000095}
 .hmx .rt{min-width:0}.hmx .rt b{font-size:15px;font-weight:800;white-space:nowrap}.hmx .rt .v{font-size:13px;font-weight:700;margin-top:3px;white-space:nowrap}.hmx .rt .u{font-size:11px;color:#6B7398;white-space:nowrap}
 .hmx .hx-retry{font-size:11px}
 .hmx .go{margin-left:auto;height:44px;padding:0 16px;border-radius:22px;background:linear-gradient(90deg,#2F6BFF,#6A4CF5 50%,#EE4FA6);color:#fff!important;font-weight:800;font-size:15.5px;display:flex;align-items:center;gap:7px;box-shadow:0 6px 14px rgba(80,76,245,.30);flex:none;white-space:nowrap}
 .hmx .tl{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:6px}
 .hmx .t{height:55px;background:#fff;border-radius:15px;display:flex;align-items:center;gap:7px;padding:0 8px;box-shadow:0 3px 10px rgba(70,50,180,.06);min-width:0}
 .hmx .t .q{width:32px;height:32px;border-radius:10px;background:#F5F1FF;display:grid;place-items:center;flex:none}.hmx .t b{font-size:13.5px;font-weight:800;white-space:nowrap;letter-spacing:-.1px;overflow:hidden;text-overflow:clip}
 .hmx .shop{background:#fff;border-radius:18px;padding:10px 0 10px 12px;box-shadow:0 4px 14px rgba(70,50,180,.07)}
 .hmx .sh{display:flex;justify-content:space-between;align-items:center;padding-right:12px;margin-bottom:8px}.hmx .sh b{font-size:15.5px;font-weight:800}.hmx .sh a{font-size:12.5px;color:#5B3FE0;font-weight:800}
 .hmx .pr{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-right:12px}.hmx .pr::-webkit-scrollbar{display:none}
 .hmx .pc{flex:0 0 103px;border:1px solid #ECE9F8;border-radius:12px;padding:6px}
 .hmx .pc img{width:100%;height:70px;object-fit:contain}.hmx .pc .n{font-size:13px;font-weight:700;white-space:nowrap;margin-top:3px;letter-spacing:-.2px}.hmx .pc .p{font-size:13px;font-weight:800;color:#C2187A}
 .hmx .tb{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-radius:20px 20px 0 0;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 18px rgba(70,50,180,.08);z-index:9;padding-bottom:env(safe-area-inset-bottom)}
 .hmx .tb a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:800;color:#5B6385}.hmx .tb a.on{color:#6A4CF5}
 .hmx-parts{display:flex;flex-direction:column;gap:12px;margin-top:24px}
}
/* banner + partners pieces (home mobile and #/s00) */
.hmx .car,.hmx-parts .car{display:flex;gap:8px;margin-right:-12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:93px}
.hmx .car::-webkit-scrollbar,.hmx-parts .car::-webkit-scrollbar{display:none}
.hmx .sl,.hmx-parts .sl{flex:0 0 calc(100% - 46px);max-width:340px;height:93px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(110deg,#F2EEFF,#E6ECFF);box-shadow:0 4px 14px rgba(70,50,180,.10);border:1px solid #fff;scroll-snap-align:start;color:#16204A;text-decoration:none}
.hmx .sl.n,.hmx-parts .sl.n{background:linear-gradient(110deg,#F2EEFF,#E3EBFF)}
.hmx .st,.hmx-parts .st{position:absolute;left:14px;top:8px;right:46%;font-weight:800;font-size:16px;line-height:1.3;z-index:2}
.hmx .sl.n .st,.hmx-parts .sl.n .st{right:14px}
.hmx .kb,.hmx-parts .kb{position:absolute;left:14px;bottom:10px;height:31px;padding:0 13px;border-radius:16px;background:#fff;border:1.5px solid #D9D0FF;color:#5B3FE0;font-weight:800;font-size:12.5px;display:flex;align-items:center;gap:6px;z-index:2}
.hmx .art,.hmx-parts .art{position:absolute;right:0;top:0;height:100%;width:58%;object-fit:cover;object-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
.hmx .dots,.hmx-parts .dots{position:absolute;right:12px;bottom:8px;display:flex;gap:4px;align-items:center;background:rgba(255,255,255,.85);padding:4px 7px;border-radius:10px;z-index:3}
.hmx .dots i,.hmx-parts .dots i{width:5px;height:5px;border-radius:3px;background:#C9C1F7}.hmx .dots i.on,.hmx-parts .dots i.on{width:14px;background:#16204A}
.hmx .pt,.hmx-parts .pt{background:#fff;border-radius:16px;padding:7px 10px 8px;box-shadow:0 4px 14px rgba(70,50,180,.07);font-family:"Nunito",sans-serif}
.hmx .pt .h,.hmx-parts .pt .h{font-size:10.5px;font-weight:700;color:#5B6385;margin-bottom:5px}
.hmx .pg,.hmx-parts .pg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hmx .pg a,.hmx-parts .pg a{height:42px;border-radius:10px;border:1px solid #ECE9F8;background:#fff;display:grid;place-items:center}
.hmx .pg img,.hmx-parts .pg img{max-width:70%;max-height:20px;object-fit:contain}
@media(min-width:769px){.hmx-parts{display:flex;flex-direction:column;gap:16px;margin-top:24px}
 .hmx-parts .car{height:180px;margin-right:0}.hmx-parts .sl{flex:0 0 calc(50% - 4px);max-width:none;height:180px}.hmx-parts .st{font-size:26px;top:24px;left:28px}.hmx-parts .kb{left:28px;bottom:24px;height:40px;font-size:14px}
 .hmx-parts .pt{padding:14px 16px}.hmx-parts .pt .h{font-size:13px}.hmx-parts .pg a{height:64px}.hmx-parts .pg img{max-height:32px}}
/* ===== 1.41.0 s00 corridor cards (v3) ===== */
.twm-flows{display:flex;flex-direction:column;gap:16px}
.twm-flow{background:#fff!important;border:1px solid #E3DDFF!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(70,50,180,.06)!important;padding:14px!important;gap:14px!important;font-family:"Nunito",sans-serif}
.twm-flow .art{width:72px!important;height:72px!important;border-radius:18px;background:linear-gradient(135deg,#F3EFFF,#FFEFF7)!important;flex:none;display:grid;place-items:center}
.twm-flow .art svg,.twm-flow .art img{width:56px!important;height:56px!important}
.twm-flow .t{font-size:16.5px!important;font-weight:700!important;line-height:1.3;color:#16204A}
.twm-flow .p{display:inline-flex!important;align-items:center;gap:6px;margin:6px 0 4px;padding:4px 10px;border:1px solid #E3DDFF;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;background:#fff}
.twm-flow .d{font-size:12.5px!important;color:#5B6385!important}
.twm-flow .go{color:#6A4CF5}
.twm-flow .cx-sk{display:inline-block;width:150px;height:12px;border-radius:6px}
.twm-flow br{display:none}.twm-flow .bd{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.twm-flow::before,.twm-flow::after{display:none!important}
@media(max-width:768px){.tw-home02 .mx-utilities{display:none!important}
 .hmx .tl{grid-template-columns:.95fr 1.3fr .95fr}.hmx .t{gap:6px;padding:0 7px}.hmx .t b{font-size:13px;letter-spacing:-.25px}}
@media(min-width:1024px){
 .twm-flows{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
 .twm-flow{min-height:0!important;height:auto!important;padding:16px 18px!important}
 .twm-flow .t{font-size:18px!important}.twm-flow .p{font-size:14px}.twm-flow .d{font-size:13.5px!important}
 .hmx-parts{margin-top:20px;gap:12px}.hmx-parts .car{height:150px}.hmx-parts .sl{height:150px}.hmx-parts .st{font-size:22px;top:18px}.hmx-parts .kb{bottom:18px}
}
/* no-scroll rule: 5 corridors (EN/繁中) -> compact cards, banner hidden, partners kept compact */
.twm-flows.many{gap:8px}
.twm-flows.many .twm-flow{padding:8px 12px!important;gap:10px!important}
.twm-flows.many .twm-flow .art{width:48px!important;height:48px!important;border-radius:14px}.twm-flows.many .twm-flow .art svg,.twm-flows.many .twm-flow .art img{width:38px!important;height:38px!important}
.twm-flows.many .twm-flow .t{font-size:15px!important}.twm-flows.many .twm-flow .p{margin:3px 0 2px;padding:2px 8px;font-size:12px}.twm-flows.many .twm-flow .d{font-size:11.5px!important}
.twm-flows.many+.hmx-parts{margin-top:10px}.twm-flows.many+.hmx-parts .car{display:none}
@media(min-width:1024px){.twm-flows.many{grid-template-columns:repeat(3,1fr)}.twm-flows.many+.hmx-parts .car{display:flex;height:120px}.twm-flows.many+.hmx-parts .sl{height:120px}}
.twm-flows.many .twm-flow{min-height:0!important;height:auto!important;max-height:none!important}.twm-flows.many{grid-auto-rows:auto!important}
@media(max-width:768px){.twm-flows.many+.hmx-parts{display:none}}
/* 1.41.0 home WEB: one viewport (1440x900) */
@media(min-width:1024px){
 .tw-home02 .mx-utilities,.tw-home02 .tw5-e,.tw-home02 .twm-foot,.tw-home02 footer{display:none!important}
 .tw-home02{--hx-top:16px;--hx-gap:14px}
 .tw-home02 .twm-main{padding-bottom:16px!important}
 .tw-home02 .tw5-slide .tw5-ban{height:230px!important}
 .tw-home02 .tw5-ban .tx h2{font-size:32px!important}
 .tw-home02 .hx-rate{padding:12px 20px!important}.tw-home02 .hx-big{font-size:28px}
 .tw-home02 .tw5-svc a{padding:12px 16px!important;min-height:56px!important}.tw-home02 .tw5-svc .lb{font-size:15px!important}
 .tw-home02 .h2-prod{padding:12px 16px}.tw-home02 .h2-prod .tw5-hd{margin-bottom:8px}.tw-home02 .h2-prod .tw5-hd h2{font-size:18px}
 .tw-home02 .h2-pc .im{aspect-ratio:auto;height:120px!important}.tw-home02 .h2-pc .nm{font-size:16px!important;min-height:0;-webkit-line-clamp:1}
 .tw-home02 .twp-partners{padding:10px 16px 12px}.tw-home02 .twp-partners__aff{font-size:14px;margin-bottom:8px}.tw-home02 .twp-partners__logo{height:60px!important}
 .tw-home02 .twp-partners__logo img{background:transparent}
}
@media(min-width:1024px){.tw-home02 .twp-partners__logo img{max-height:32px!important;max-width:60%!important}}
@media(min-width:1024px){.tw-home02 .twp-partners__logo img{height:32px!important;width:110px!important;max-width:80%!important;max-height:32px!important;object-fit:contain!important}}
/* 1.41.0-b1r: home phone fills 390x844 down to the tab bar, reference proportions (home-goc-exact) */
@media(max-width:768px){
 .hmx{padding-bottom:0;height:100vh;height:100dvh;display:flex!important;flex-direction:column;overflow:hidden}
 .hmx .hd{height:56px;flex:none;padding:0 14px}.hmx .hd .lg{font-size:21px;gap:8px}.hmx .hd .lg img{width:38px;height:38px}
 .hmx .vi{width:76px;height:44px}.hmx .bell{width:46px;height:46px}
 .hmx .m{flex:1;min-height:0;padding:4px 12px 8px;margin-bottom:68px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
 .hmx .car{height:112px}.hmx .sl{height:112px;flex-basis:calc(100% - 40px)}.hmx .st{font-size:18px;top:12px}.hmx .kb{height:36px;font-size:14px;bottom:12px}
 .hmx .dots{right:auto;left:52%;bottom:12px}
 .hmx .rate{height:92px;padding:0 12px 0 14px}
 .hmx .fl{width:44px;height:44px;background:#fff;box-shadow:0 2px 8px rgba(70,50,180,.14)}.hmx .fl span{width:26px;height:18px}.hmx .fl span:before{width:13px;height:9px}
 .hmx .rt b{font-size:17px}.hmx .rt .v{font-size:15px}.hmx .rt .u{font-size:12px}
 .hmx .go{height:52px;padding:0 20px;border-radius:26px;font-size:17px}
 .hmx .tl{gap:8px}.hmx .t{height:62px;gap:8px;padding:0 8px}.hmx .t .q{width:38px;height:38px;border-radius:12px}.hmx .t .q svg{width:24px;height:24px}
 .hmx .t b{font-size:15px;letter-spacing:-.3px}
 .hmx .tl{grid-template-columns:.92fr 1.36fr .92fr}
 .hmx .shop{padding:12px 0 12px 12px}.hmx .sh b{font-size:17px}.hmx .sh a{font-size:14px}
 .hmx .pc{flex:0 0 112px;padding:8px;border-radius:14px}.hmx .pc img{height:84px}.hmx .pc .n{font-size:14.5px;margin-top:6px}.hmx .pc .p{font-size:15px}
 .hmx .pt{padding:9px 0 10px 12px}.hmx .pt .h{font-size:12.5px;margin-bottom:6px}
 .hmx .pg{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.hmx .pg::-webkit-scrollbar{display:none}
 .hmx .pg a{flex:0 0 76px;height:48px;border-radius:12px}.hmx .pg img{max-height:24px}
 .hmx .tb{height:68px}.hmx .tb svg{width:24px;height:24px}.hmx .tb a{font-size:13px}
}
@media(max-width:768px){
 .hmx .tl{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:6px}
 .hmx .t{gap:6px;padding:0 6px}.hmx .t .q{width:32px;height:32px;border-radius:10px}.hmx .t .q svg{width:22px;height:22px}
 .hmx .t b{font-size:14px;letter-spacing:-.35px}
}
@media(max-width:768px){.hmx .pc{flex-basis:106px}}
/* ===== 1.41.0 s02 recipient TW→VN (design-target/recipient/after.html) ===== */
.rx-page{font-family:"Nunito",sans-serif}
.rx-page .twm-main{padding-top:4px!important;padding-bottom:84px!important}
.rx-wrap{display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto}
.rx-wrap>*{margin:0!important}
.rx-wrap .twm-steps{margin:0!important}
.rx-wrap .twm-card{border-radius:20px;padding:12px 14px!important;background:#fff;box-shadow:0 6px 20px rgba(70,50,180,.07);border:0}
.rx-wrap .twm-card h2{font-size:16px;font-weight:700;margin:0 0 8px;color:#16204A}
.rx-chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.rx-chip{flex:none;height:34px;padding:0 13px;border-radius:999px;border:0;background:#F1EEFF;color:#6A4CF5;font:600 13.5px "Nunito",sans-serif;cursor:pointer;white-space:nowrap}
.rx-chip.on{background:linear-gradient(90deg,#6A4CF5,#2F6BFF);color:#fff}
.rx-f{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.rx-f label,.rx-f .lb{font-weight:600;font-size:13px;color:#16204A}
.rx-f small{font-size:12px;color:#5B6385}
.rx-wrap .twm-input.sm,.rx-sel{height:44px!important;min-height:0!important;border:1.5px solid #E6E3F7!important;border-radius:14px!important;background:#fff!important;font:500 15px "Nunito",sans-serif!important;padding:0 14px!important;box-shadow:none!important;width:100%}
.rx-wrap .twm-input.sm:focus{border-color:#6A4CF5!important;box-shadow:0 0 0 4px rgba(106,76,245,.12)!important;outline:0}
.rx-wrap .twm-input[aria-invalid=true]{border-color:#E5484D!important}
.rx-sel{display:flex!important;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.rx-sel .cv{color:#16204A;font-size:12px}.rx-sel>svg{display:none}
.rx-sel .twm-blg{width:28px;height:28px}
.rx-in{display:flex;gap:8px}.rx-in input{flex:1}
.rx-chk{flex:none;height:44px;padding:0 14px;border-radius:14px;border:1.5px solid #D9D2FF;background:#fff;color:#6A4CF5;font:700 14px "Nunito",sans-serif;cursor:pointer}.rx-chk:disabled{opacity:.5}
.rx-ok{display:flex;gap:6px;align-items:center;margin-top:4px;font-size:12.5px;color:#147A43}.rx-ok svg{width:16px;height:16px}
.rx-add{background:none;border:0;padding:2px 0 8px;color:#6A4CF5;font:700 13.5px "Nunito",sans-serif;cursor:pointer;text-align:left}
.rx-wrap .twm-err{margin-top:4px;font-size:12px;color:#D93036}
.rx-next{width:100%;height:50px!important;min-height:0!important;border-radius:16px!important;margin:2px 0 12px!important;font:700 16px "Nunito",sans-serif!important;background:linear-gradient(90deg,#6A4CF5,#2F6BFF)!important;color:#fff!important;box-shadow:0 8px 18px rgba(80,76,245,.30)}
.rx-next:disabled{background:#E4E2F0!important;color:#9A9FB8!important;box-shadow:none}
.rx-page .twm-cta{display:none!important}
.rx-page #tw-support-mascot{display:none!important}
@media(min-width:1024px){.rx-page .twm-main{padding-bottom:24px!important}.rx-wrap{max-width:720px;gap:12px}}
body:has(.rx-page) #tw-support-mascot{display:none!important}
.rx-page .twm-main{padding-bottom:72px!important}
.rx-wrap{gap:8px}.rx-wrap .twm-card{padding:10px 14px!important}.rx-wrap .twm-card h2{font-size:15.5px;margin-bottom:6px}
.rx-f{margin-bottom:6px;gap:3px}.rx-f label small{font-weight:500}
.rx-wrap .twm-input.sm,.rx-sel,.rx-chk{height:42px!important}
.rx-sel .twm-blg{width:30px!important;height:22px!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.rx-sel .twm-blg img{width:30px!important;height:22px!important;object-fit:contain}
.rx-sel .twm-selb{display:flex;align-items:center;gap:10px}
.rx-e{margin:2px 0 0;font-size:12px;color:#D93036;font-weight:600}
.rx-ok{margin-top:2px}
.rx-add{padding:0 0 6px}
.rx-wrap .twm-head,.rx-wrap .twm-steps{margin:0!important}
.rx-next{height:48px!important;margin:0 0 12px!important}
@media(min-width:1024px){.rx-page .twm-main{max-width:none!important;width:100%!important}.rx-wrap{width:720px;max-width:720px}.rx-wrap .twm-head{justify-content:flex-start}}
/* 1.41.0-b1 home phone gaps.md: single 10px gap, Mua sắm flexes, partners 6-col grid */
@media(max-width:768px){
 .hmx .hd{height:52px}.hmx .hd .lg{font-size:20px}.hmx .hd .lg img{width:36px;height:36px}
 .hmx .bell img{width:22px;height:22px}
 .hmx .m{gap:10px!important;padding:6px 12px 10px!important;margin-bottom:64px;justify-content:flex-start!important;height:calc(100dvh - 52px - 64px - env(safe-area-inset-bottom));flex:none;overflow:hidden;box-sizing:border-box}
 .hmx .m>*{margin:0!important;flex:none}
 .hmx .car,.hmx .sl{height:118px!important}
 .hmx .rate{height:84px!important;padding:0 10px 0 14px}
 .hmx .fl img{width:26px;height:18px;border-radius:3px}
 .hmx .go img{width:20px;height:20px}
 .hmx .tl{gap:8px 6px!important}.hmx .t{height:60px!important}
 .hmx .t .q{width:32px!important;height:32px!important;border-radius:10px!important;background:#F5F1FF!important}.hmx .t .q img{width:22px;height:22px}
 .hmx .shop{flex:1 1 auto!important;min-height:0;display:flex;flex-direction:column}
 .hmx .shop .pr{flex:1;min-height:0;display:flex;align-items:stretch}
 .hmx .pc{display:flex!important;flex-direction:column;flex:0 0 108px!important}
 .hmx .pc img{flex:1;min-height:0;height:auto!important;object-fit:contain}
 .hmx .pt{padding:8px 10px 10px!important}
 .hmx .pg{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:6px!important;overflow:visible!important}
 .hmx .pg a{height:44px!important;flex:none!important;width:auto!important;background:#fff;border:1px solid #ECE9F8;border-radius:10px}
 .hmx .pg img{max-width:70%!important;max-height:22px!important;object-fit:contain}
 .hmx .tb{height:64px!important}.hmx .tb img{width:24px;height:24px}
}
/* ===== 1.41.0 s03 Confirm TW→VN (design-target/confirm) ===== */
.cf-wrap{display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto;font-family:"Nunito",sans-serif;color:#16204A}
.cf-wrap>*{margin:0!important}
.cf-get{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:20px;background:linear-gradient(135deg,#F6F3FF,#EEF2FF);border:1.5px solid #D9D2FF}
.cf-get .ic{width:64px;height:64px;flex:none;display:grid;place-items:center}.cf-get .ic svg,.cf-get .ic img{width:60px;height:60px}
.cf-get .k{font-size:13px;color:#5B6385}.cf-get .v{font-size:28px;font-weight:800;color:#5B3FE0;line-height:1.2}.cf-get .h{font-size:12.5px;color:#5B6385}.cf-get .h b{color:#16204A}
.cf-exp{background:#FFF1E6;border:1px solid #FFD2B0;color:#7A3A0A;border-radius:14px;padding:8px 12px;font-size:13px;display:flex;flex-direction:column}
.cf-sum{padding:12px 16px!important;border-radius:20px;background:#fff;box-shadow:0 6px 20px rgba(70,50,180,.07)}
.cf-sum h3{font-size:15px;font-weight:700;margin:0 0 4px}.cf-sum dl{margin:0}.cf-sum dl>div{display:flex;justify-content:space-between;padding:3px 0;font-size:14px}
.cf-sum dt{color:#5B6385}.cf-sum dd{margin:0;font-weight:700}.cf-sum .tot dd{color:#6A4CF5;font-size:18px;font-weight:800}.cf-sum .tot dt{color:#16204A;font-weight:600}
.cf-sum hr{border:0;height:1px;background:#E6E3F7;margin:8px 0}
.cf-terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#5B6385;cursor:pointer}.cf-terms input{width:20px;height:20px;accent-color:#6A4CF5;flex:none;margin:0}.cf-terms a{color:#6A4CF5;font-weight:600}
.cf-cta{width:100%;height:48px!important;min-height:0!important;border-radius:16px!important;font:700 16px "Nunito",sans-serif!important;background:linear-gradient(90deg,#6A4CF5,#2F6BFF)!important;color:#fff!important;box-shadow:0 8px 18px rgba(80,76,245,.30)}
.cf-cta:disabled{background:#E4E2F0!important;color:#9A9FB8!important;box-shadow:none}
.cf-pt{display:flex!important;margin-top:0!important}.cf-pt .pt{width:100%;box-sizing:border-box}.cf-pt .pg{grid-template-columns:repeat(6,1fr)!important}
.cf-pt .pg a{height:40px}
.cf-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:#5B6385;margin:0 0 8px!important}.cf-foot b{color:#16204A;font-size:14px}
@media(min-width:1024px){.cf-page .twm-main{max-width:none!important;width:100%!important}.cf-wrap{width:720px;max-width:720px}.cf-pt .pt{padding:10px 14px}.cf-pt .pg a{height:48px}}
.cf-re .cf-foot,.cf-re .cf-pt .pt .h{display:none!important}
.cf-re .cf-exp{flex-direction:row;flex-wrap:wrap;gap:0 6px;padding:6px 12px;font-size:12.5px}
.cf-re .cf-get{padding:8px 16px}.cf-re .cf-get .v{font-size:24px}
/* ===== 1.41.0-b2 one-viewport app shell (all screens except home): header / main / CTA / tab bar stacked in 100dvh.
   The page itself never scrolls; CTA sits in flow above the tab bar and can never cover content.
   Only long content (catalogue list, legal text) scrolls inside its own panel. ===== */
html:has(#twm-app[data-scr]:not([data-scr=home])),body:has(#twm-app[data-scr]:not([data-scr=home])){height:100%;overflow:hidden}
#twm-app[data-scr]:not([data-scr=home]){display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;font-family:"Nunito",system-ui,sans-serif}
#twm-app[data-scr]:not([data-scr=home])>.twm-top{flex:none;position:relative}
#twm-app[data-scr]:not([data-scr=home])>.twm-main{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px!important;margin-bottom:0!important;scrollbar-width:thin}
#twm-app[data-scr]:not([data-scr=home])>.twm-cta{flex:none;position:relative!important;bottom:auto!important;left:auto;right:auto;box-shadow:0 -6px 14px -10px rgba(30,20,80,.25)}
#twm-app[data-scr]:not([data-scr=home])>.twm-nav{flex:none;position:relative!important;bottom:auto!important}
#twm-app[data-scr]:not([data-scr=home]) .twm-main{min-height:0!important}
@media(min-width:1024px){#twm-app[data-scr]:not([data-scr=home])>.twm-cta{max-width:none;padding:10px max(24px,calc(50% - 600px))}}
#twm-app.tw-home02[data-scr]:not([data-scr=home]){display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important}
#twm-app.tw-home02[data-scr]:not([data-scr=home])>.twm-main{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;height:auto!important;max-height:none!important}
#twm-app.tw-home02[data-scr]:not([data-scr=home])>.twm-nav{position:relative!important}
/* ===== 1.41.0-b2 per-screen polish / one-viewport fit ===== */
@media(max-width:1023px){body:has(#twm-app[data-scr]:not([data-scr=home])) #tw-support-mascot{display:none!important}}
#twm-app[data-scr] .twm-main .twm-card{border-radius:20px}
/* s01 amount */
#twm-app[data-scr=s01] .twm-main{padding-top:4px!important}
#twm-app[data-scr=s01] .twm-col-main,#twm-app[data-scr=s01] .twm-col-side{gap:10px!important}
#twm-app[data-scr=s01] .twm-col-main>*,#twm-app[data-scr=s01] .twm-col-side>*{margin-top:0!important;margin-bottom:10px!important}
#twm-app[data-scr=s01] .twm-head{margin-bottom:6px!important}
#twm-app[data-scr=s01] .twm-card{padding:12px 14px!important}
#twm-app[data-scr=s01] .twm-input{height:52px!important;font-size:22px!important}
#twm-app[data-scr=s01] .twm-chips{margin-top:8px!important;gap:8px!important}#twm-app[data-scr=s01] .twm-chip{height:40px!important;min-height:0!important}
#twm-app[data-scr=s01] .twm-chip[aria-pressed=true]{background:linear-gradient(90deg,#6A4CF5,#2F6BFF)!important;color:#fff!important;border-color:transparent!important}
#twm-app[data-scr=s01] .twm-recv{padding:10px 14px!important;border:1.5px solid #D9D2FF!important;background:linear-gradient(135deg,#F6F3FF,#EEF2FF)!important}
#twm-app[data-scr=s01] .twm-recv .ic{width:52px!important;height:52px!important}#twm-app[data-scr=s01] .twm-recv .v{font-size:24px!important;color:#5B3FE0}
#twm-app[data-scr=s01] .twm-rows>div{padding:4px 0!important}
#twm-app[data-scr=s01] .twm-steps{margin:4px 0 8px!important}
@media(max-width:1023px){
 #twm-app[data-scr=s01] .twm-limit,#twm-app[data-scr=s01] .y3-fee,#twm-app[data-scr=s01] .twm-secure,#twm-app[data-scr=s01] .secure,#twm-app[data-scr=s01] #twm-est,#twm-app[data-scr=s01] .twm-col-side .twm-note{display:none!important}
 #twm-app[data-scr=s01] .twm-dir,#twm-app[data-scr=s01] .twm-dirtabs{margin:0 0 6px!important}
 #twm-app[data-scr=s01] .twm-card h2{font-size:15px!important;margin:0 0 4px!important}
}
/* s06 VND -> NT$ */
#twm-app[data-scr=s06] .twm-main{padding-top:4px!important}
#twm-app[data-scr=s06] .twm-col-main>*,#twm-app[data-scr=s06] .twm-col-side>*{margin-top:0!important;margin-bottom:10px!important}
#twm-app[data-scr=s06] .twm-card{padding:12px 14px!important}
#twm-app[data-scr=s06] .twm-input{height:50px!important;font-size:20px!important}#twm-app[data-scr=s06] .twm-input.sm{height:44px!important;font-size:15px!important}
#twm-app[data-scr=s06] .twm-chip{height:38px!important;min-height:0!important}
#twm-app[data-scr=s06] .twm-recv{padding:10px 14px!important;border:1.5px solid #D9D2FF!important}#twm-app[data-scr=s06] .twm-recv .ic{width:48px!important;height:48px!important}
#twm-app[data-scr=s06] .twm-field{margin-bottom:8px!important}
#twm-app[data-scr=s06] .twm-qbanks{gap:6px!important;margin:6px 0 8px!important;flex-wrap:nowrap!important;overflow-x:auto}
#twm-app[data-scr=s06] .twm-qb{min-height:0!important;padding:4px 8px!important}#twm-app[data-scr=s06] .twm-qb small{display:none}
#twm-app[data-scr=s06] .twm-hint{margin:4px 0 0!important;font-size:12px!important}
@media(max-width:1023px){
 #twm-app[data-scr=s06] .twm-col-side,#twm-app[data-scr=s06] .twm-sub,#twm-app[data-scr=s06] .y3-fee{display:none!important}
 #twm-app[data-scr=s06] .twm-dirtabs,#twm-app[data-scr=s06] .twm-dir{margin:0 0 6px!important}
}
@media(min-width:1024px){#twm-app[data-scr=s06] .twm-secure,#twm-app[data-scr=s06] .secure{display:none!important}#twm-app[data-scr=s06] .twm-sub{margin:0 0 6px!important}}
/* login / signup */
#twm-app[data-scr=login] .mx-art,#twm-app[data-scr=login] .twm-art,#twm-app[data-scr=login] [class*=art3d]{max-height:72px!important;width:72px!important;height:72px!important}
#twm-app[data-scr=login] .mx-content,#twm-app[data-scr=signup] .mx-content{padding:12px 16px!important}
#twm-app[data-scr=login] .mx-field,#twm-app[data-scr=signup] .mx-field,#twm-app[data-scr=login] .twm-field,#twm-app[data-scr=signup] .twm-field{margin-bottom:8px!important}
#twm-app[data-scr=login] input,#twm-app[data-scr=signup] input,#twm-app[data-scr=signup] select{height:44px!important;min-height:0!important}
#twm-app[data-scr=signup] .mx-art,#twm-app[data-scr=signup] [class*=art3d]{width:56px!important;height:56px!important}
#twm-app[data-scr=signup] h1,#twm-app[data-scr=signup] h2,#twm-app[data-scr=login] h2{margin:4px 0!important}
/* kyc nationality list */
#twm-app[data-scr=kyc] .mx-choice{min-height:0!important;padding:8px 12px!important}
#twm-app[data-scr=kyc] .mx-choices{gap:6px!important}
/* product */
#twm-app[data-scr=product] .twm-main img:first-of-type{max-height:38vh;object-fit:contain}
#twm-app[data-scr]:not([data-scr=home])>.twm-main{min-height:0!important;flex:1 1 0!important}
#twm-app[data-scr=s01] .twm-sub,#twm-app[data-scr=s01] .twm-head p{display:none!important}
@media(max-width:1023px){#twm-app[data-scr=s01] .twm-steps{display:none!important}#twm-app[data-scr=s06] .twm-steps{display:none!important}
#twm-app[data-scr=login] .twm-main [class*=art],#twm-app[data-scr=signup] .twm-main [class*=art]{display:none!important}
#twm-app[data-scr=kyc] .twm-main p,#twm-app[data-scr=product] .twm-main p.desc{font-size:13px!important;margin:4px 0!important}}
#twm-app[data-scr]:not([data-scr=home])>.twm-main{position:relative}
.sr{top:0!important;left:0!important}
/* b2 fit pass 2 */
#twm-app[data-scr=kyc] .mx-choice input{width:20px!important;height:20px!important;min-height:0!important;flex:0 0 20px!important;margin:0!important}
#twm-app[data-scr=kyc] .mx-choice{min-height:46px!important;height:46px;display:flex!important;align-items:center;gap:12px;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
#twm-app[data-scr=kyc] .mx-choice *{text-align:left!important}
#twm-app[data-scr=kyc] .twm-h1{font-size:22px!important;line-height:1.2}
#twm-app[data-scr=signup] .twm-field{gap:4px!important;margin-bottom:6px!important;font-size:13px}
#twm-app[data-scr=signup] .mx-ahead{display:none!important}
#twm-app[data-scr=signup] .mx-small{font-size:11px!important;line-height:1.3;margin:2px 0 0!important}
#twm-app[data-scr=signup] .mx-card{padding:12px 14px!important}
#twm-app[data-scr=signup] .mx-tabs{margin-bottom:8px!important}
#twm-app[data-scr=signup] form{display:grid!important;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:0}
#twm-app[data-scr=signup] form>*{grid-column:1/-1}
#twm-app[data-scr=signup] form>label.twm-field:nth-of-type(5),#twm-app[data-scr=signup] form>label.twm-field:nth-of-type(6){grid-column:auto}
#twm-app[data-scr=signup] .twm-btn{height:50px!important;margin-top:6px!important}
#twm-app[data-scr=s06] .twm-qbanks{display:grid!important;grid-template-columns:repeat(3,1fr);grid-auto-rows:44px;max-height:44px;overflow:hidden}
#twm-app[data-scr=s06] .twm-qb{height:44px!important}
#twm-app[data-scr=s06] .twm-recv,#twm-app[data-scr=s01] .twm-recv{min-height:0!important;height:auto!important;padding:8px 14px!important}
#twm-app[data-scr=s06] .s1-tabs,#twm-app[data-scr=s01] .s1-tabs{margin-bottom:8px!important}
@media(max-width:1023px){#twm-app[data-scr=s01] .twm-rows>div:last-child{display:none!important}#twm-app[data-scr=s06] .twm-field>small,#twm-app[data-scr=s06] .twm-hint{display:none!important}}
#twm-app[data-scr=product] .twm-main{padding-bottom:4px!important}
@media(max-width:1023px){#twm-app[data-scr=signup] .twm-head{margin-bottom:4px!important}#twm-app[data-scr=signup] .twm-h1{font-size:22px!important}#twm-app[data-scr=signup] .mx-content{padding-top:4px!important}
#twm-app[data-scr=product] .twm-main{padding-top:0!important}#twm-app[data-scr=product] .twm-head{margin-bottom:2px!important}}
@media(min-width:1024px){#twm-app[data-scr=s06] .twm-main{padding-bottom:16px!important}}
/* b2 official TW bank cards (twpay-visuals) */
#twm-app .twm-qbanks:has(.lg.tv){display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important;max-height:none!important;grid-auto-rows:auto!important}
#twm-app .twm-qb:has(.lg.tv){height:auto!important;min-height:64px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px!important;background:#fff!important;border:1.5px solid #ECE8FF!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(80,60,180,.06)}
#twm-app .twm-qb[aria-checked=true]:has(.lg.tv){border-color:#6A4CF5!important;box-shadow:0 0 0 3px rgba(106,76,245,.15)}
#twm-app .twm-qb .lg.tv{width:auto!important;height:28px!important;background:none!important;display:flex;align-items:center;justify-content:center}
#twm-app .twm-qb .lg.tv img{max-width:64px;max-height:28px;width:auto;height:auto;object-fit:contain}
#twm-app .twm-qb:has(.lg.tv) .nm b{font-size:11px;font-weight:700;color:#3B3466;white-space:nowrap}
#twm-app .twm-qb:has(.lg.tv) .nm small{display:none}
@media(max-width:1023px){#twm-app[data-scr=s06] .twm-head,#twm-app[data-scr=signup] .mx-tabs{margin-bottom:4px!important}#twm-app[data-scr=s06] .twm-card{padding:10px 12px!important}#twm-app[data-scr=signup] .twm-field{margin-bottom:4px!important}#twm-app[data-scr=product] .twm-main{padding-bottom:6px!important}}
#twm-app .s45-st img{object-fit:contain;max-height:32px;width:auto}
/* ===== b2 new shop (user spec 05/11) ===== */
#twm-app[data-scr=shop] .shp{display:flex;flex-direction:column;gap:10px;min-width:0}
#twm-app[data-scr=shop] .shp .tw5-hero{margin:0}
#twm-app[data-scr=shop] .shp .tw5-ban{min-height:0;height:124px;border-radius:20px}
#twm-app[data-scr=shop] .shp-sec{background:#fff;border-radius:20px;padding:10px 12px;box-shadow:0 4px 16px rgba(80,60,180,.06);min-width:0}
#twm-app[data-scr=shop] .shp-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
#twm-app[data-scr=shop] .shp-hd h2{font:800 15px/1.2 Nunito,sans-serif;color:#1E1B4B;margin:0}
#twm-app[data-scr=shop] .shp-hd small,#twm-app[data-scr=shop] .shp-hd a{font:600 12px Nunito,sans-serif;color:#6A4CF5;text-decoration:none}
#twm-app[data-scr=shop] .shp-hd small{color:#6B6890}
#twm-app[data-scr=shop] .shp-pts,#twm-app[data-scr=shop] .shp-cats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
#twm-app[data-scr=shop] .shp-pt,#twm-app[data-scr=shop] .shp-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:62px;padding:6px 4px;background:#fff;border:1.5px solid #ECE8FF;border-radius:14px;font:700 11px/1.1 Nunito,sans-serif;color:#3B3466;cursor:pointer;white-space:nowrap}
#twm-app[data-scr=shop] .shp-pt .lg{height:26px;display:flex;align-items:center}#twm-app[data-scr=shop] .shp-pt img{max-width:56px;max-height:26px;width:auto;height:auto;object-fit:contain}
#twm-app[data-scr=shop] .shp-cat img{width:30px;height:30px;object-fit:contain}
#twm-app[data-scr=shop] [aria-pressed=true].shp-pt,#twm-app[data-scr=shop] [aria-pressed=true].shp-cat{border-color:#6A4CF5;background:#F5F1FF;box-shadow:0 0 0 3px rgba(106,76,245,.15);color:#5B3FE0}
#twm-app[data-scr=shop] .shp-row{list-style:none;margin:8px 0 0;padding:2px;display:grid;grid-auto-flow:column;grid-auto-columns:116px;gap:8px;overflow-x:auto;scrollbar-width:thin}
#twm-app[data-scr=shop] .shp-pc{display:flex;flex-direction:column;gap:3px;height:158px;padding:6px;border:1px solid #F0EDFF;border-radius:14px;background:#fff;text-decoration:none;color:#1E1B4B}
#twm-app[data-scr=shop] .shp-pc .im{display:flex;align-items:center;justify-content:center;height:84px;border-radius:10px;background:#F8F7FF;overflow:hidden}
#twm-app[data-scr=shop] .shp-pc .im img{max-width:100%;max-height:84px;object-fit:contain}
#twm-app[data-scr=shop] .shp-pc .nm{font:700 12px/1.25 Nunito,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#twm-app[data-scr=shop] .shp-pc .pr{font:800 13px Nunito,sans-serif;color:#6A4CF5;margin-top:auto}
#twm-app[data-scr=shop] .shp-none{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:12px;border-radius:14px;background:#F8F7FF;font:600 13px Nunito,sans-serif;color:#6B6890}
@media(min-width:1024px){#twm-app[data-scr=shop] .shp{display:grid;grid-template-columns:1fr 1fr;gap:14px}#twm-app[data-scr=shop] .shp .tw5-hero{grid-column:1/-1}#twm-app[data-scr=shop] .shp .tw5-ban{height:150px}
 #twm-app[data-scr=shop] .shp-row{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;grid-template-rows:auto auto;max-height:none;overflow:hidden}
 #twm-app[data-scr=shop] .shp-row li:nth-child(n+9){display:none}#twm-app[data-scr=shop] .shp-pc{height:178px}#twm-app[data-scr=shop] .shp-pc .im{height:96px}}
#twm-app[data-scr=shop] .shp .tw5-vp,#twm-app[data-scr=shop] .shp .tw5-slide,#twm-app[data-scr=shop] .shp .tw5-slide>*{height:118px!important;min-height:0!important}
#twm-app[data-scr=shop] .shp .tw5-ban{padding:12px 16px!important;display:flex;align-items:center}
#twm-app[data-scr=shop] .shp .tw5-ban h2{font-size:16px!important;margin:2px 0!important}#twm-app[data-scr=shop] .shp .tw5-ban .d{font-size:11.5px!important;margin:2px 0 6px!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#twm-app[data-scr=shop] .shp .tw5-ban .k{font-size:11px!important;margin:0!important}#twm-app[data-scr=shop] .shp .tw5-cta{padding:6px 14px!important;font-size:12px!important;min-height:0!important}
#twm-app[data-scr=shop] .shp .tw5-ban .vis{max-width:34%}#twm-app[data-scr=shop] .shp .tw5-ban .vis img{max-height:96px;width:auto}
#twm-app[data-scr=shop] .shp .tw5-ban ul.ch{display:none}
#twm-app[data-scr=shop] .shp .tw5-ctl{margin:4px 0 0!important;height:14px}#twm-app[data-scr=shop] .shp .tw5-arw{display:none!important}
#twm-app[data-scr=shop] .twm-head{margin:0 0 6px!important}#twm-app[data-scr=shop] .twm-h1{font-size:22px!important}
#twm-app[data-scr=shop] .shp-pc{height:150px}#twm-app[data-scr=shop] .shp-pc .im{height:76px}
@media(min-width:1024px){#twm-app[data-scr=shop] .shp .tw5-vp,#twm-app[data-scr=shop] .shp .tw5-slide,#twm-app[data-scr=shop] .shp .tw5-slide>*{height:140px!important}#twm-app[data-scr=shop] .shp-row li:nth-child(n+5){display:none}#twm-app[data-scr=shop] .shp-row{grid-template-rows:auto}}
#twm-app[data-scr=shop] .shp{width:100%;max-width:100%;overflow:hidden}#twm-app[data-scr=shop] .shp>*{max-width:100%;min-width:0}
#twm-app[data-scr=shop] .shp .tw5-hero{overflow:hidden;border-radius:20px}
@media(max-width:1023px){#twm-app[data-scr=shop] .twm-head{display:none!important}#twm-app[data-scr=shop] .shp{gap:8px}#twm-app[data-scr=shop] .shp-sec{padding:8px 10px}
 #twm-app[data-scr=shop] .shp-pc{height:136px}#twm-app[data-scr=shop] .shp-pc .im{height:66px}#twm-app[data-scr=shop] .shp-pc .im img{max-height:66px}
 #twm-app[data-scr=shop] .shp-pt,#twm-app[data-scr=shop] .shp-cat{height:56px}#twm-app[data-scr=shop] .shp-hd{margin-bottom:6px}#twm-app[data-scr=shop] .shp-row{margin-top:6px;grid-auto-columns:110px}}
#twm-app[data-scr=shop] .shp-pt img[src*=xiaomi]{max-height:24px;width:24px}
@media(max-width:1023px){#twm-app[data-scr=shop] .shp .tw5-vp,#twm-app[data-scr=shop] .shp .tw5-slide,#twm-app[data-scr=shop] .shp .tw5-slide>*{height:104px!important}#twm-app[data-scr=shop] .shp .tw5-ctl{margin-top:2px!important;height:10px}}
#twm-app[data-scr=shop]>.twm-main{overflow-x:hidden!important}
@media(max-width:1023px){#twm-app[data-scr=shop] .shp{width:calc(100vw - 28px)!important;margin:0 auto}}
@media(max-width:1023px){#twm-app[data-scr=shop] .mx-utilities{display:none!important}
 #twm-app[data-scr=shop] .shp .tw5-ban .vis{display:none!important}#twm-app[data-scr=shop] .shp .tw5-ban .tx{max-width:100%!important;width:100%}
 #twm-app[data-scr=shop] .shp .tw5-ban h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* ===== shop mockup match (design-target/shop/after) ===== */
#twm-app[data-scr=shop] .shp-pts{display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;overflow:visible!important;gap:8px!important}
#twm-app[data-scr=shop] .shp-pt{height:46px!important;border:2px solid #EDEFF7!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;position:relative}
#twm-app[data-scr=shop] .shp-pt .lg{height:28px}#twm-app[data-scr=shop] .shp-pt img{max-width:70%;max-height:28px;width:auto;height:auto;object-fit:contain}
#twm-app[data-scr=shop] .shp-pt .nm{display:none}
#twm-app[data-scr=shop] .shp-pt[aria-pressed=true]{border-color:#6A4CF5!important;background:#F2EFFF!important;box-shadow:0 3px 10px rgba(106,76,245,.25)!important}
#twm-app[data-scr=shop] .shp-pt[aria-pressed=true]:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#6A4CF5}
#twm-app[data-scr=shop] .shp-pnm{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;font:800 10.5px Nunito,sans-serif;color:#6B7393;text-align:center}
#twm-app[data-scr=shop] .shp-pnm .on{color:#6A4CF5}
#twm-app[data-scr=shop] .shp-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;gap:8px!important;overflow:hidden!important;margin-top:10px;padding:8px;background:#F7F5FF;border-radius:14px}
#twm-app[data-scr=shop] .shp-pc{height:auto!important;min-height:0;background:#fff;border:0;box-shadow:none}
#twm-app[data-scr=shop] .shp-pc .im{height:52px!important;background:#F5F6FB}#twm-app[data-scr=shop] .shp-pc .im img{max-height:52px}
#twm-app[data-scr=shop] .shp-pc .nm{font-size:11px!important;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
#twm-app[data-scr=shop] .shp-pc .pr{font-size:12.5px!important}
#twm-app[data-scr=shop] .shp-cats{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-auto-flow:row!important;overflow:visible!important;gap:6px!important}
#twm-app[data-scr=shop] .shp-cat{height:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:4px;font:800 10px Nunito,sans-serif;color:#16204A;letter-spacing:-.2px}
#twm-app[data-scr=shop] .shp-cat .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#EEF2FF;margin:0 auto}
#twm-app[data-scr=shop] .shp-cat .ic svg{width:24px;height:24px;fill:none;stroke:#6A4CF5;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#twm-app[data-scr=shop] .shp-cat[aria-pressed=true]{color:#6A4CF5}
#twm-app[data-scr=shop] .shp-cat[aria-pressed=true] .ic{background:linear-gradient(135deg,#6A4CF5,#2F6BFF)}
#twm-app[data-scr=shop] .shp-cat[aria-pressed=true] .ic svg{stroke:#fff}
#twm-app[data-scr=shop] #shp-tw.shp-row,#twm-app[data-scr=shop] #shp-tw > .shp-row{background:#fff;padding:0}
#twm-app[data-scr=shop] #shp-tw .shp-pc{background:#F7F8FC}
#twm-app[data-scr=shop] .shp-smp{font:700 9.5px Nunito,sans-serif;color:#6B7393;text-align:right;margin-top:3px}
#twm-app[data-scr=shop] .shp .tw5-ban{background:linear-gradient(120deg,#6A4CF5,#2F6BFF 60%,#EE4FA6)!important;color:#fff}
@media(min-width:1024px){
 #twm-app[data-scr=shop] .shp-row{grid-template-columns:repeat(4,1fr)!important}
 #twm-app[data-scr=shop] .shp-pc .im{height:92px!important}#twm-app[data-scr=shop] .shp-pc .im img{max-height:92px}
 #twm-app[data-scr=shop] .shp-pt{height:58px!important}#twm-app[data-scr=shop] .shp-cat .ic{width:52px;height:52px}
 #twm-app[data-scr=shop] .shp-pnm{font-size:12px}
}
/* ===== payment s04/s05 + zoom + recipient vn_tw ===== */
#twm-app[data-scr=s04] .s45-wait{text-align:center;padding:16px}
#twm-app[data-scr=s04] .s45-wait::before{content:"";display:block;width:96px;height:96px;margin:0 auto 10px;background:url(img/tv/icons/payment-scanner.webp) center/contain no-repeat}
#twm-app[data-scr=s04] .s45-msg b{font-size:18px}
#twm-app[data-scr=s04] .s45-sub{color:#6B7393;font-size:13px}
#twm-app[data-scr=s04] .s45-sum .big{color:#6A4CF5;font-size:22px}
#twm-app[data-scr=s04] .twm-tl{display:flex;gap:8px;justify-content:center;list-style:none;padding:0;margin:0 0 12px}
#twm-app[data-scr=s04] .twm-tl li{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 11px Nunito,sans-serif;color:#8A90AB}
#twm-app[data-scr=s04] .twm-tl .dot{width:28px;height:28px;border-radius:50%;background:#EDEFF7;display:grid;place-items:center;font-weight:900}
#twm-app[data-scr=s04] .twm-tl .done .dot{background:#22C55E;color:#fff}
#twm-app[data-scr=s04] .twm-tl .on .dot{background:linear-gradient(135deg,#6A4CF5,#2F6BFF);color:#fff}
#twm-app[data-scr=s05] .s5-br{display:flex;align-items:center;gap:8px;background:#FFF6D8;color:#7A4B00;border-radius:12px;padding:8px 12px;margin:8px 0;font:800 13px Nunito,sans-serif}
#twm-app[data-scr=s05] .s45-bcs{display:flex;flex-direction:column;gap:8px}
#twm-app[data-scr=s05] .s45-bc{background:#fff;border-radius:14px;padding:10px;border:1px solid #EDEFF7}
#twm-app[data-scr=s05] .s45-bc .sv svg,#twm-app[data-scr=s05] .s45-bc .sv{width:100%;max-height:56px}
#twm-app[data-scr=s05] .s5-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
#twm-app[data-scr=s05] .s45-sum .big{font-size:24px;color:#6A4CF5}
body:has(.twm-zoomlist) .twm-sheet{background:#fff}
.twm-zoomlist .twm-zbc{padding:12px 0;border-bottom:1px solid #EDEFF7}
.twm-zoomlist .twm-zbc .sv,.twm-zoomlist .twm-zbc svg{width:100%;height:70px}
.twm-zoomlist .txt{font:900 18px/1.2 Nunito,monospace;letter-spacing:.04em;text-align:center;margin-top:6px}
/* VN→TW recipient */
#twm-app .rxv-lock{background:#F1F0F6!important;color:#5B6385}
#twm-app .rxv-b{display:flex;align-items:center;gap:10px;margin:6px 0;font-weight:800}
#twm-app .rxv-get .v{font:900 28px Nunito,sans-serif;color:#6A4CF5}
#twm-app .rxv-get .h{font:600 12px Nunito,sans-serif;color:#6B7393;margin-top:4px}
@media(max-width:1023px){#twm-app[data-scr=s04] .twm-h1,#twm-app[data-scr=s05] .twm-h1{font-size:18px}#twm-app[data-scr=s04] .twm-steps,#twm-app[data-scr=s05] .twm-steps{margin:4px 0!important}}
#twm-app[data-scr=s04] .s4-bar{height:6px;border-radius:4px;background:#EDEFF7;overflow:hidden;margin:12px auto;max-width:220px}
#twm-app[data-scr=s04] .s4-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#6A4CF5,#2F6BFF,#EE4FA6);border-radius:4px;animation:s4bar 1.4s ease-in-out infinite}
@keyframes s4bar{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* 3d official icons @2x */
.hmx .t .q img,.tw-home02 .tw5-svc .ic img{object-fit:contain;image-rendering:auto}
.hmx .t .q{overflow:visible}
.hmx .bell img{width:26px!important;height:26px!important;object-fit:contain}
.hmx .t .q img{width:26px!important;height:26px!important}
.tw-home02 .tw5-svc .ic img{width:28px!important;height:28px!important}
.twm-hero-ill img{display:block;margin:0 auto;max-width:140px;height:auto;object-fit:contain}
#twm-app[data-scr=s04] .s45-wait::before{width:112px;height:112px}