.tms-rds,.tms-rds-wrap{--ink:#2B2540;--fluff:#F3F1FF;--wool:#fff;--gem:#4D7CFE;--honey:#FFC93C;--bubble:#FF7AA8;--mint:#2FBF8F;--mute:#8C86A3;--line:#E4E0F5;font-family:'Prompt',sans-serif;color:var(--ink)}
.tms-rds *,.tms-rds-dim *{box-sizing:border-box}
.tms-rds button{font-family:inherit;cursor:pointer}
.tms-rds-wrap{max-width:720px;margin:0 auto;background:var(--fluff);border-radius:24px;padding:10px 0 14px}
.tms-rds-wrap .rds-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 6px}
.tms-rds-wrap .rds-tab{border:1.5px solid var(--line);background:var(--wool);color:var(--mute);border-radius:16px;padding:7px 0;font-size:13px;font-weight:600}
.tms-rds-wrap .rds-tab i{display:block;font-style:normal;font-size:18px}
.tms-rds-wrap .rds-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tms-rds .rds-srch{display:flex;align-items:center;gap:8px;margin:8px 12px 10px;background:var(--wool);border:1.5px solid var(--line);border-radius:999px;padding:6px 14px}
.tms-rds .rds-srch input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--ink);padding:3px 0;min-width:0}
.tms-rds .rds-chips{display:flex;gap:6px;margin:0 12px 10px;flex-wrap:wrap}
.tms-rds .rds-chip{font-size:12.5px;padding:4px 12px;border-radius:999px;background:transparent;border:1.5px dashed #CFC9E8;color:var(--mute)}
.tms-rds .rds-chip.on{border-style:solid;border-color:var(--bubble);color:var(--bubble);background:#FFF0F5;font-weight:600}
.tms-rds .rds-sub,.tms-rds .rds-foot{font-size:12.5px;color:var(--mute);margin:0 16px 10px;line-height:1.6}
.tms-rds .rds-foot{margin-top:12px}
.tms-rds .rds-ship{margin:0 12px 12px;background:#FFF6DA;border-radius:14px;padding:8px 12px;font-size:12.5px;color:#7A5800}
.tms-rds .rds-warn{margin:0 12px 12px;background:#F3E0FF;color:#6C2A8A;border-radius:14px;padding:9px 12px;font-size:13px;font-weight:600}
.tms-rds .rds-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px}
.tms-rds .rds-empty{margin:12px;text-align:center;color:var(--mute);font-size:13px;padding:20px 10px;background:var(--wool);border-radius:16px}
.tms-rds .rds-empty[hidden],.tms-rds [hidden]{display:none!important}
.tms-rds .rds-tk{background:var(--wool);border-radius:18px;overflow:hidden}
.tms-rds .rds-stub{padding:12px 12px 14px;color:#fff}
.tms-rds .rds-stub small{font-size:11.5px;opacity:.9;display:block}
.tms-rds .rds-stub b{font-size:26px;line-height:1;display:block;margin-top:4px;font-weight:700}
.tms-rds .rds-stub b em{font-style:normal;font-size:14px;margin-left:2px}
.tms-rds .s1{background:#3E9B5F}.tms-rds .s2{background:#2D8FD6}.tms-rds .s3{background:#8E6CD8}.tms-rds .s0{background:#A9A3C0}
.tms-rds .rds-perf{height:0;border-top:2px dashed var(--line);margin:0 10px;position:relative}
.tms-rds .rds-body{padding:9px 10px 10px}
.tms-rds .rds-stk{font-size:12px;margin-bottom:6px;line-height:1.5}
.tms-rds .wait{color:#E8892B}.tms-rds .out{color:var(--mute)}
.tms-rds .rds-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:4px;border-radius:12px;padding:7px 0;font-size:14.5px;font-weight:600;margin-top:5px;border:0;text-decoration:none!important}
.tms-rds .bg{background:var(--gem);color:#fff!important}
.tms-rds .bc{background:#FFF6DA;color:#8A6200!important;border:1.5px solid var(--honey)}
.tms-rds .bx{background:#EEEBF7;color:#B3ADC9;cursor:not-allowed}
.tms-rds .sold{filter:grayscale(.85);opacity:.75}
.tms-rds .rds-pd{background:var(--wool);border-radius:18px;padding:10px}
.tms-rds .rds-pic{aspect-ratio:1/1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:8px;background:#FFF1D6;overflow:hidden}
.tms-rds .rds-pic img{width:100%;height:100%;object-fit:cover;display:block}
.tms-rds .rds-pic.sm{width:60px;height:60px;margin:0;font-size:32px;flex:none}
.tms-rds .rds-nm{font-size:14px;line-height:1.35;font-weight:600;min-height:38px}
.tms-rds .rds-ds{font-size:11.5px;color:var(--mute);line-height:1.4;margin-top:2px}
.tms-rds .rds-vl{font-size:12px;color:var(--mute);margin:2px 0 4px}
.tms-rds .rds-fbox{background:#fff;border:1.5px solid #ece6ff;border-radius:18px;padding:10px 12px;margin:8px 12px 10px;box-shadow:0 6px 18px rgba(80,50,160,.07)}
.tms-rds .rds-fhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tms-rds .rds-fhd b{font-size:13.5px}
.tms-rds .rds-fclr{border:0;font:inherit;font-size:11.5px;font-weight:700;color:#e03131;background:#fff0f0;border-radius:999px;padding:2px 10px}
.tms-rds .rds-frow{padding:8px 0;border-top:1px dashed #efe9fb}.tms-rds .rds-fhd+.rds-frow{border-top:0}
.tms-rds .rds-fl{font-size:11.5px;font-weight:700;color:#7a7394;margin:0 0 6px}
.tms-rds .rds-fres{font-size:11px;color:var(--mute);text-align:right;min-height:1em}.tms-rds .rds-fres b{color:var(--ink)}
.tms-rds .rds-fbox .rds-srch{margin:0;background:#faf8ff;border-color:#e5dcff;padding:5px 14px}
.tms-rds .rds-fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:0}
.tms-rds .rds-fg:last-child{margin-bottom:0}.tms-rds .rds-fg.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tms-rds .rds-fbox .rds-chip,.tms-rds .rds-fbox .rds-sb{display:block;width:100%;min-width:0;border:1.5px solid #e5dcff;background:#faf8ff;color:#4a4366;font-weight:600;border-radius:12px;padding:8px 4px;font:inherit;font-size:12px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-weight:500}
.tms-rds .rds-fbox .rds-chip.on,.tms-rds .rds-fbox .rds-sb.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
@media (min-width:768px){.tms-rds .rds-fg{grid-template-columns:repeat(5,minmax(0,1fr))}.tms-rds .rds-fg.g2{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tms-rds .rds-tkimg{position:relative;aspect-ratio:16/10;background:#EEE9FF;overflow:hidden}
.tms-rds .rds-tkimg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;display:block}
.tms-rds .rds-stk.lf{color:var(--mute)}
.tms-rds .rds-tn{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;margin-bottom:3px}
.tms-rds .rds-tkimg.pd img{object-position:50% 50%}
.tms-rds .rds-tkimg.em{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#FFF6E0 0,#FFE3A8 100%)}
.tms-rds .rds-tkimg .rds-emo{font-size:46px;line-height:1}
.tms-rds .rds-tg2{display:inline-block;font-size:10.5px;font-weight:700;border-radius:999px;padding:0 7px;background:#E7F5FF;color:#1864ab;margin-right:5px;line-height:1.6}
.tms-rds .rds-tg2.ph{background:#FFF0F0;color:#c92a2a}
.tms-rds .rds-stub{position:relative}
.tms-rds .rds-info{display:flex;gap:9px;align-items:flex-start;background:#FFF4E6;border:1.5px solid #FFD8A8;border-radius:14px;padding:9px 11px;margin:0 12px 12px;font-size:12.5px;line-height:1.6;color:#7a4a12}
.tms-rds .rds-info b{color:#d9480f;font-weight:700}.tms-rds .rds-info .ic{font-size:18px;line-height:1.2}
.tms-rds .rds-info .q{display:inline-flex;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFF3B0 0,#FFD43B 38%,#F59F00 100%);border:1.5px solid #fff;box-shadow:0 0 0 1px #f2c94c;color:#5c3b00;font-size:11px;font-weight:700;align-items:center;justify-content:center;vertical-align:-3px}
.tms-rds .rds-q,.tms-rds .rds-q:hover,.tms-rds .rds-q:focus{position:absolute;right:0;top:0;width:30px;height:30px;border:0;background:none!important;padding:5px;margin:0;box-shadow:none!important;min-height:0;line-height:1;display:flex;align-items:flex-start;justify-content:flex-end}
.tms-rds .rds-q span{position:relative;overflow:hidden;display:flex;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFF3B0 0,#FFD43B 38%,#F59F00 100%);color:#5c3b00;font-size:9px;font-weight:700;line-height:1;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #fff,0 1px 4px rgba(0,0,0,.25);transition:transform .15s}
.tms-rds .rds-q span::after{content:"";position:absolute;top:-40%;left:-80%;width:45%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:rotate(25deg);animation:rdsQShine 3.2s ease-in-out infinite}
@keyframes rdsQShine{0%,62%{left:-80%}84%,100%{left:140%}}
@media (prefers-reduced-motion:reduce){.tms-rds .rds-q span::after{animation:none;display:none}}
.tms-rds .rds-q:hover span{transform:scale(1.15)}
.tms-rds .rds-q:focus-visible{outline:2px solid #5f3dc4;outline-offset:-2px;border-radius:50%}
.tms-rds-dim .rds-tsheet{background:#fff;border-radius:26px 26px 0 0;width:100%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.tms-rds-dim .rds-ttop{position:relative;aspect-ratio:16/7;max-height:200px;flex:none;background:#8E6CD8}
.tms-rds-dim .rds-ttop img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.tms-rds-dim .rds-ttop .nm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;height:100%;font-size:22px;font-weight:700;color:#fff}
.tms-rds-dim .rds-tx{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.95)!important;color:var(--ink)!important;font-size:15px;font-weight:700;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer}
.tms-rds-dim .rds-th{padding:12px 16px 4px;flex:none}.tms-rds-dim .rds-th b{display:block;font-size:16px;font-weight:700}.tms-rds-dim .rds-th small{font-size:12px;color:var(--mute)}
.tms-rds-dim .rds-tb{overflow:auto;padding:4px 16px 8px;font-size:13px;line-height:1.7;color:#3d3657;-webkit-overflow-scrolling:touch}
.tms-rds-dim .rds-tb ul{margin:6px 0 0;padding-left:18px}.tms-rds-dim .rds-tb li{margin-bottom:6px}
.tms-rds-dim .rds-tb .h{margin:10px 0 0;font-weight:700;color:var(--ink)}
.tms-rds-dim .rds-tf{flex:none;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #f0ebff;font-size:11.5px;color:var(--mute);line-height:1.6}
.tms-rds-dim .rds-tf button{display:block;margin-top:8px;width:100%;border:0;border-radius:12px;padding:10px;font-size:14px;font-weight:700;background:var(--ink)!important;color:#fff!important;cursor:pointer}
.tms-rds .rds-tkimg .rds-vb{position:absolute;right:6px;bottom:5px;background:rgba(20,16,40,.75);color:#fff;border-radius:999px;padding:2px 8px;font-weight:700;font-size:13px;line-height:16px;white-space:nowrap}
.tms-rds .rds-tkimg .rds-vb em{font-style:normal;font-size:10.5px;margin-left:2px}
.tms-rds .rds-pic.tp{background:#EAF2FF}
.tms-rds .rds-tg{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;background:#E7F5FF;color:#1864ab;margin:0 0 2px}
.tms-rds .rds-tg.ph{background:#FFF0F0;color:#c92a2a}
.tms-rds .rds-tpb{margin:0 0 8px}.tms-rds .rds-tpl{font-size:13.5px;font-weight:600;margin:2px 0 6px}
.tms-rds .rds-tpb input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;font-size:15px;margin-bottom:4px;background:#fff;color:var(--ink);letter-spacing:1px}
body.tms-rds-open #tummarsorn_app_nav,body.tms-rds-open .super-app-bottom-nav{display:none!important}
.tms-rds-dim{position:fixed;inset:0;background:rgba(43,37,64,.55);z-index:2147483647;display:flex;align-items:flex-end;justify-content:center}
.tms-rds-dim[hidden]{display:none}
.tms-rds .rds-sheet,.tms-rds-dim .rds-sheet{background:var(--wool);border-radius:26px 26px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));width:100%;max-width:440px;max-height:92vh;overflow:auto}
.tms-rds .rds-grab{width:44px;height:5px;border-radius:9px;background:#DCD7EE;margin:0 auto 12px}
.tms-rds .rds-it{display:flex;gap:12px;align-items:center}
.tms-rds .rds-it b{font-size:16px;font-weight:600}
.tms-rds .rds-bill{background:var(--fluff);border-radius:16px;padding:9px 12px;margin:12px 0;font-size:13.5px}
.tms-rds .rds-bill div{display:flex;justify-content:space-between;padding:2px 0}
.tms-rds .rds-bill .t{border-top:1.5px dashed var(--line);margin-top:4px;padding-top:6px;font-weight:700;font-size:15.5px;color:var(--gem)}
.tms-rds .rds-bill .rds-left{display:block;font-size:12px;color:var(--mute);text-align:right}
.tms-rds .rds-pay{display:flex;gap:6px;margin-bottom:10px}
.tms-rds .rds-pay button{flex:1;text-align:center;border-radius:12px;padding:8px;font-size:13.5px;font-weight:600;border:1.5px solid var(--line);color:var(--mute);background:#fff}
.tms-rds .rds-pay button.on{border-color:var(--gem);color:var(--gem);background:#EEF3FF}
.tms-rds .rds-opt{display:block;border:1.5px solid var(--line);border-radius:14px;padding:9px 11px;margin-bottom:7px;font-size:12.5px;cursor:pointer}
.tms-rds .rds-opt.on{border-color:var(--gem);background:#F5F8FF}
.tms-rds .rds-opt.off{opacity:.6;cursor:not-allowed}
.tms-rds .rds-opt .r{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600}
.tms-rds .rds-opt .d{display:block;color:var(--mute);margin:3px 0 0 24px;line-height:1.55}
.tms-rds .rds-form input,.tms-rds .rds-otp{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;font-size:14px;margin-bottom:6px;background:#fff;color:var(--ink)}
.tms-rds .rds-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tms-rds .rds-otp{text-align:center;font-size:24px;letter-spacing:10px;font-weight:700;margin-top:10px}
.tms-rds .rds-tiny{font-size:12px;color:var(--mute);text-align:center}
.tms-rds .rds-msg{font-size:13.5px;font-weight:600;text-align:center;margin-top:8px;min-height:1px}
.tms-rds .rds-msg.ok{color:#197A5A}.tms-rds .rds-msg.err{color:#C0392B}
.tms-rds .rds-msg a{color:var(--gem)}
.tms-rds .rds-acts{display:flex;gap:8px;margin-top:12px}
.tms-rds .rds-acts button{flex:1;text-align:center;border-radius:14px;padding:11px;font-size:15px;font-weight:600;border:0}
.tms-rds .rds-acts .no{background:var(--fluff);color:var(--mute)}
.tms-rds .rds-acts .go{background:var(--ink);color:#fff}
.tms-rds .rds-acts .go[disabled]{opacity:.6;cursor:wait}
.tms-rds .rds-acts .go.off,.tms-rds .rds-acts .go.off[disabled]{background:#D9D6EE;color:#fff;opacity:1;cursor:not-allowed}
.tms-rds .rds-golink{display:block;text-align:center;margin-top:8px;padding:11px;border-radius:14px;background:linear-gradient(145deg,#74c0fc,#4c6ef5);color:#fff!important;font-weight:600;font-size:14px;text-decoration:none!important}
.tms-rds .rds-golink.c{background:linear-gradient(145deg,#ffe066,#f59f00);color:#4a3200!important}
.tms-rds .rds-pay small{display:block;font-size:11px;font-weight:500;color:#C0392B;line-height:1.2}
.tms-rds .rds-pay small:empty{display:none}
.tms-rds .rds-left.low{color:#C0392B;font-weight:600}
.tms-rds .rds-btn.dim{opacity:.55}
.tms-rds .rds-need{font-size:11px;color:#C0392B;text-align:center;margin-top:2px;line-height:1.3}
.tms-rds .rds-need.ok{color:#1F8F5A}
/* 🆕 13 ต.ค. 2569 การ์ดแลกสินค้าทรงสี่เหลี่ยม (แบบ ข.): รูปจัตุรัส · ไม่มีป้ายบาท/จำนวนที่เหลือ · ปุ่มราคา 2 ปุ่มแถวเดียว */
.tms-rds .rds-tk.rds-pd .rds-tkimg{aspect-ratio:1/1}
.tms-rds .rds-tk.rds-pd .rds-body{padding:8px 8px 9px}
.tms-rds .rds-tk.rds-pd .rds-tn{min-height:35px;margin-bottom:6px}
.tms-rds .rds-tk.rds-pd .rds-pr{display:flex;gap:5px}
.tms-rds .rds-tk.rds-pd .rds-pr .rds-btn{flex:1 1 0;min-width:0;margin-top:0;font-size:13px;padding:7px 2px;white-space:nowrap}
.tms-rds .rds-thstrip{display:flex;gap:8px;align-items:center;margin:0 12px 12px;padding:8px 11px;border-radius:12px;background:#fff9db;border:1.5px solid #ffd43b;font-size:12px;color:#7a4d00;line-height:1.5}
.tms-rds .rds-thflag{flex:none;width:28px;height:19px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.tms-rds .rds-thship{display:flex;gap:10px;align-items:flex-start;margin:10px 0 8px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#fff9db,#fff3bf);border:1.5px solid #ffd43b;text-align:left}
.tms-rds .rds-thship.need{border-color:#e03131;box-shadow:0 0 0 3px rgba(224,49,49,.15)}
.tms-rds .rds-thship .rds-thflag{margin-top:2px}
.tms-rds .rds-thship b{display:block;font-size:13.5px;color:#7a4d00}
.tms-rds .rds-thship small{display:block;font-size:11.5px;color:#8a6200;line-height:1.5;margin-top:1px}
.tms-rds .rds-thtick{display:flex;gap:7px;align-items:center;margin-top:8px;font-size:12.5px;font-weight:600;color:#7a4d00;cursor:pointer}
.tms-rds .rds-thtick input{width:18px;height:18px;margin:0;accent-color:#e0a800;flex:none}
.tms-rds .rds-acts .go.wait{opacity:.45}
@media (min-width:768px){.tms-rds .rds-grid{grid-template-columns:repeat(3,1fr)}.tms-rds-dim{align-items:center}.tms-rds-dim .rds-sheet,.tms-rds-dim .rds-tsheet{border-radius:26px}}